.example {
	display: -ms-grid;
	display: grid;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
	background: -webkit-linear-gradient(top, white, black);
	background: -o-linear-gradient(top, white, black);
	background: linear-gradient(to bottom, white, black);
}

/***************************************************************************
	N Ã O
			S A L V A R
                           N O
                                F R O N T P A G E (CSS3)
****************************************************************************/
@import "CssMatheus.css";

/* body {} */
body.site {
	margin: 0;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.test {
	border: 1px solid red;
}

input,
select {
	border-radius: 2px;
}

.tipo-frete label {
	cursor: pointer;
}

input[type=radio] {
	/* width: 30px; */
	cursor: pointer;
	margin: 1px 4px !important; 
	-webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
}

.Uppercase{
	text-transform: uppercase;
}

.clr:before,
.clr:after {
	content: "";
	display: table;
}

/* .print { -webkit-filter: grayscale(100%); filter: grayscale(100%) alpha(opacity=50);	opacity: 0.5; } */
.clr:after {
	clear: both;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

/***********ZEROS***********/
.zera-m {
	margin: 0;
}

.zera-p {
	padding: 0;
}

/***********RELATIVE***********/
.rell-left {
	position: relative;
	float: left;
}

.rell-right {
	position: relative;
	float: right;
}

/***********ABSOLUTE***********/
.abss-left {
	position: absolute;
	left: 0;
}

.abss-right {
	position: absolute;
	right: 0;
}

/***********ESPAÇOS***********/
.space-v {
	margin: 10px 0;
}

.space-h {
	margin: 0 20px;
}

.space-b {
	margin-bottom: 20px;
}

.space-t {
	margin-top: 20px;
}

.space-t2 {
	margin-top: 5px;
}

.space-left {
	margin-left: 20px;
}

.space-right {
	margin-right: 20px;
}

.space-top {
	padding-top: 40px;
}

.space-bottom {
	padding-bottom: 80px;
}

.strike {
	text-decoration: line-through;
}

table.tb-pagamts p.texto {
	font-size: 14px;
}

table.tb-pagamts {
	padding: 20px 40px;
	background-color: #F0F1F1;
	font-size: 14px;
}

/***********RESET***********/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}


/***********DEFINIÇÕES DE SUPERIOR***********/
/* div.superior {} */
div.superior div.bar-superior {
	width: 100%;
	background: #575757 url(../images/bgheader.png) no-repeat top center;
	padding: 15px 0;
}

/*DEFINIÇÕES DE CONTROLES*/

.bar-superior .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


div.superior div.bar-superior ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: inherit;
	margin: 0px 0px;
}

div.superior div.bar-superior ul li {
	position: relative;
	list-style: none;
	display: inline-block;
	margin: 0 20px;
	padding: 0;
}

div.superior div.bar-superior ul li a {
	margin: 0;
	padding: 0;
	line-height: 420%;
	opacity: 0.9;
}

div.superior div.bar-superior ul li a:hover {
	border-bottom: 1.4px solid white;
}

/*DEFINIÇÕES DO CARRINHO DE COMPRAS*/
div.superior div.bar-superior div.carrinho-compras {
	margin-top: 10px;
	text-align: right;
	padding: 0 20px 0 10px;
	height: 30px;
	width: 150px;
	position: absolute;
	right: 0;
	opacity: 0.9;
}

div.superior div.bar-superior div.carrinho-compras img {
	position: relative;
	float: left;
	width: 35px;
	margin-top: -4px;
	margin-left: 10px;
}

div.superior div.bar-superior div.carrinho-compras p {
	font-style: normal;
}

/*DEFINIÇÕES DE PESQUISAR*/
div.superior div.bar-superior div.pesquisar {
	margin-top: 8px;
}

div.superior div.bar-superior div.pesquisar input {
	width: 210px;
	height: 25px;
	font-size: 12px;
	color: #01305F;
	margin: 0;
	padding: 5px;
	line-height: 120%;
	display: inline-block;
	border: none;
	font-style: normal;
	background: url(../images/icon_pesquisar.png) no-repeat 97% 6px #FFF;
}

/* div.superior div.bar-superior div.pesquisar input.campo {} */
/*DEFINIÇÕES DE LOGO*/
div.superior div.logo img {
	width: auto;
	height: 85px;
	margin: -16px 0px 0px 0px;
}

/*DEFINIÇÕES DE MENU*/
div.superior ul.menu {
	width: 100% auto;
	height: 125px;
	margin: 0;
	padding: 0;
}

div.superior ul.menu>li {
	position: relative;
	float: left;
	min-width: 100px;
	height: 100%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-right: 2px;
	background-color: rgba(197, 158, 98, 0.5);
	cursor: pointer;
}

div.superior ul.menu>li:last-child {
	margin-right: 0;
}

div.superior ul.menu>li a {
	line-height: 900%;
	padding: 0 20px;
}

div.superior ul.menu>li:nth-child(1) {
	background-color: rgba(197, 158, 98, 0.2);
}

div.superior ul.menu>li:nth-child(2) {
	background-color: rgba(197, 158, 98, 0.3);
}

div.superior ul.menu>li:nth-child(3) {
	background-color: rgba(197, 158, 98, 0.4);
}

/*DEFINIÇÕES DE SUBMENU*/
div.superior .container-submenu {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: rgba(197, 158, 98, 0.5);
}

div.superior .container-submenu:nth-child(1) {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: rgba(197, 158, 98, 0.2);
}

div.superior .container-submenu:nth-child(2) {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: rgba(197, 158, 98, 0.3);
}

div.superior .container-submenu:nth-child(3) {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: rgba(197, 158, 98, 0.4);
}

div.superior ul.submenu {
	width: 940px;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
}

div.superior ul.submenu>li {
	position: relative;
	width: 230px;
	height: 100%;
	display: inline-block;
	list-style: none;
	margin: 30px 0;
	padding: 0;
	border-right: 1px solid;
	border-color: rgba(197, 158, 98, 0.4);
	vertical-align: top;
}

div.superior ul.submenu>li:nth-child(4n) {
	border-right: none;
}

div.superior ul.submenu>li>span {
	position: relative;
	width: 100% auto;
	display: inline-block;
	margin: 0;
	padding: 6px 8px;
	background-color: rgb(197, 158, 98);
	vertical-align: top;
}

div.superior ul.submenu>li ul.itens {
	position: relative;
	width: 100% auto;
	margin: 0;
	padding: 25px 5px;
}

div.superior ul.submenu>li ul.itens>li {
	position: relative;
	float: left;
	width: 50%;
	list-style: none;
	padding: 0;
	margin: 2px 0;
}

div.superior ul.submenu>li ul.itens>li>a {
	font-size: 12px;
	line-height: 120%;
}

/*DEFINIÇÕES DE BANNER*/
div.superior div.banner {
	position: relative;
	width: 100%;
	max-height: 360px;
	min-height: 360px;
}

div.superior div.banner-interno {
	position: relative;
	width: 100%;
	max-height: 170px;
	min-height: 170px;
}

div.superior div.banner div.item {
	overflow: hidden;
	width: 940px;
	max-height: 360px;
}

div.superior div.banner div.arrow {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	background-color: rgba(18, 18, 18, 0.35);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 8;
	cursor: pointer;
}

div.superior div.banner div.arrow:hover {
	background-color: rgba(18, 18, 18, 0.5);
}

div.superior div.banner div.arrow:first-of-type {
	left: 0;
	background-image: url(../images/arrow_left_white.png);
}

div.superior div.banner div.arrow:last-of-type {
	right: 0;
	background-image: url(../images/arrow_right_white.png);
}

div.superior div.banner div.descricao {
	position: absolute;
	top: 0;
	left: 100px;
	font-style: normal;
	width: 310px;
	height: 100%;
	background-color: rgba(0, 13, 49, 0.9);
}

div.superior div.banner div.descricao>h1 {
	margin: 30px 20px 10px 20px;
}

div.superior div.banner div.descricao>p {
	margin: 0 20px 0 20px;
}

div.superior div.banner div.descricao span.valores {
	position: absolute;
	bottom: 0;
	width: 310px;
	padding-top: 20px;
	height: 120px;
	background-color: rgba(0, 47, 99, 0.95);
}

div.superior div.banner div.descricao span.valores>h1 {
	display: inline-block;
}

div.superior div.banner div.descricao span.valores>p {
	display: inline-block;
	border-left: 15px solid #C59E62;
	padding: 0 15px;
	text-align: right;
}

/* div.superior div.banner img {} */
/*DEFINIÇÕES DE NOSSAS MARCAS*/
div.superior div.marcas {
	position: relative;
	width: 100%;
}

div.superior div.marcas>ul {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	border-bottom: 1px solid #E4DED2;
	background-color: rgb(229, 212, 186);
}

div.superior div.marcas>ul>li {
	position: relative;
	float: left;
	list-style: none;
	text-align: center;
	margin: 0;
	background-color: rgb(243, 236, 224);
	cursor: pointer;
	padding: 20px 27px;
	border-right: 1px solid #E4DED2;
}

div.superior div.marcas>ul>li:first-child {
	background-color: transparent;
	border: none;
}

div.superior div.marcas>ul>li:first-child p {
	margin-top: 6px;
	font-weight: bold;
}

div.superior div.marcas>ul>li:not(:first-child) {}

div.superior div.marcas>ul>li:not(:first-child):hover {
	background-color: rgb(238, 228, 219);
}

div.superior div.marcas>ul>li img {}

/* div.superior div.breadcrumb{} */
div.superior div.breadcrumb ul {
	margin: 0;
	padding: 0;
}

div.superior div.breadcrumb ul li {
	position: relative;
	float: left;
	background-color: rgb(243, 236, 224);
	padding: 0 5px 0 25px;
	list-style: none;
	overflow: hidden;
	background-image: url(../images/breadcrumb.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	vertical-align: top;
}

div.superior div.breadcrumb ul li:first-child {
	background-image: url(../images/icon_home.png);
	background-position: 10% 50%;
}

div.superior div.breadcrumb ul li a {
	display: inline-block;
	margin: 8px 0;
	padding: 0px;
	vertical-align: top;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

div.superior div.breadcrumb ul li:last-child {
	background-position: 0% 100%;
	background-color: #FFF;
}

div.superior div.breadcrumb ul li:last-child a {
	font-weight: bold;
	font-style: normal;
}

/**********DEFINIÇÕES DE MEIO**********/
/* div.meio {} */
div.meio ul.produtos-3col,
ul.produtos-4col {
	width: 100%;
	height: 100%;
	margin: 10px 0 15px 0;
	padding: 0;
	display: inline-block;
}

div.meio ul.produtos-3col li,
ul.produtos-4col li {
	position: relative;
	min-width: 210px;
	min-height: 255px;
	width: 210px;
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 5px;
	border-color: rgb(243, 236, 224);
	border-width: 3px;
	border-style: solid;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

div.meio ul.produtos-3col li .detalhe small,
ul.produtos-4col li .detalhe small {
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
	line-height: 100%;
	color: rgb(165, 165, 165);
}

div.meio ul.produtos-3col li .detalhe big,
ul.produtos-4col li .detalhe big {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	color: rgb(0, 174, 239);
}

div.meio ul.produtos-3col li .detalhe a.medio,
ul.produtos-4col li .detalhe a.medio {
	margin-bottom: 5px;
}

div.meio ul.produtos-3col li:hover,
ul.produtos-4col li:hover {
	-webkit-box-shadow: 1px 1px 20px #e1dfdf;
	box-shadow: 1px 1px 20px #e1dfdf;
}

div.meio ul.produtos-3col li:hover img,
ul.produtos-4col li:hover img {
	opacity: 0.8;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

div.meio ul.produtos-3col li:nth-child(3n) {
	margin-right: 0;
}

div.meio ul.produtos-4col li:nth-child(4n) {
	margin-right: 0;
}

div.meio ul.select-marcas {
	width: 100%;
	height: 100%;
	margin: 0px 0px 40px 0px;
	padding: 0;
	display: inline-block;
}

div.meio ul.select-marcas>li {
	position: relative;
	min-width: 152px;
	min-height: 65px;
	width: 152px;
	float: left;
	list-style: none;
	margin-right: 10px;
	padding: 40px 5px 0;
	border-color: rgb(243, 236, 224);
	border-width: 2px;
	border-style: solid;
	text-align: center;
}

div.meio ul.select-marcas>li:nth-child(4n) {
	margin-right: 0;
}

div.meio ul.select-marcas>li:hover {
	border-color: rgb(1, 48, 95);
	border-width: 2px;
	border-style: solid;
	cursor: pointer;
}

div.meio div.filtros {
	position: relative;
	width: 225px;
	vertical-align: top;
	display: inline-block;
	padding: 0;
	margin: 0;
}

div.meio div.filtros form>a {
	position: relative;
	width: 110px;
	height: 100%;
	margin: 0;
	padding: 7px 0;
	text-align: center;
	display: inline-block;
}

div.meio div.filtros form>a:hover {
	background-color: rgb(243, 236, 224);
	text-decoration: none;
}

div.meio div.filtros form>a>img {
	margin-right: 5px;
	vertical-align: top;
}

div.meio div.paginacao {
	width: 100%;
	background: #E8D8C0;
	text-align: center;
}

div.meio div.paginacao ul {
	height: 25px;
	margin: 0;
	padding: 0;
	display: inline-block;
}

div.meio div.paginacao ul li {
	float: left;
	height: 15px;
	background: #F3ECE0;
	padding: 6px 5px;
	border-right: solid 15px #fff;
	list-style: none;
}

div.meio div.paginacao ul li:first-child {
	border-left: solid 15px #fff;
}

div.meio div.paginacao ul li:hover {
	background-color: rgb(1, 48, 95);
}

div.meio div.paginacao ul li:hover a {
	color: #FFF;
}

div.meio div.paginacao ul li.ativo {
	background-color: rgb(1, 48, 95);
}

div.meio div.paginacao ul li.ativo a {
	color: #FFF;
}

div.meio div.paginacao ul li a {
	display: inline-block;
	padding: 0px 20px;
	font-style: normal;
}

div.meio div.paginacao ul li a:hover {
	text-decoration: none;
}

div.confirma-pedido.erro,
div.voucher-pedido.erro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	padding: 25px 15px;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	text-align: center;
	margin-bottom: 30px;
}

div.confirma-pedido h3,
div.confirma-pedido p,
div.voucher-pedido h3 {
	padding-bottom: 15px;
}

div.voucher-pedido h1 {
	color: #F1F1F1;
}

div.box-txt p {
	color: #000000;
	text-align: center;
	padding: 10px;
}

div.confirma-pedido,
div.box-txt {
	background-color: #F0F1F1 !important;
	box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
	border-radius: 2px;
}

div.confirma-pedido {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 65%;
	flex: 0 1 65%;
}

div.voucher-pedido {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 30%;
	flex: 0 1 30%;
}

div.confirma-pedido>h3,
div.voucher-pedido>h3 {
	display: block;
	text-align: center;
	font-weight: normal;
	color: #F0F1F1;
}

div.confirma-pedido p.texto {
	color: #222 !important;
}

div.confirma-pedido p.Admin_Erro {
	color: #B10002 !important;
}

div.confirma-pedido>h3 {
	color: #222 !important;
}

.box-dados-pagamento {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
}

.box-dados-pagamento>h1 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
}

.box-dados-pagamento .dados-pagamento {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 65%;
	flex: 1 1 65%;
}

.img-boleto {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 35%;
	flex: 1 1 35%;
	padding-top: 20px;
}

.img-boleto-show {
	height: 40px;
	display: flex;
	justify-content: flex-start;
}

.img-boleto-show a,
.img-boleto a {
	display: flex;
	justify-content: space-between;
	width: 200px;
	align-items: center;
	padding: 14px;
	float: right;
	margin:0 auto 10px auto;
}

.img-boleto-show img,
.img-boleto img {
	height: 22px;
}



.btns-confirmacao {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
}

.btns-confirmacao button {
	width: 200px !important;
}

.btns-confirmacao button:first-child {
	margin: 0 20px 10px 0;
}

/* div.meio div.produto-box {} */
div.meio div.produto-box div.produto-imagem {
	width: 275px;
	min-width: 275px;
	margin: 0 0 0 15px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #00305F;
	display: inline-block;
}

div.meio div.produto-box ul.slides-tumbs {
	width: 80px;
	height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

div.meio div.produto-box ul.slides-tumbs>li {
	position: relative;
	min-width: 80px;
	width: 80px;
	list-style: none;
	display: block;
	margin: 10px 0;
	padding: 3px;
	border-color: rgb(240, 240, 225);
	border-width: 1px;
	border-style: solid;
	text-align: center;
	transition: border-color 0.6s;
	-moz-transition: border-color 0.6s;
	-webkit-transition: border-color 0.6s;
	-o-transition: border-color 0.6s;
}

div.meio div.produto-box ul.slides-tumbs>li:not(first-child) {
	margin-top: 0;
}

div.meio div.produto-box ul.slides-tumbs>li:hover {
	border-color: rgb(0, 48, 95);
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}

/* div.meio div.produto-box div.produto-informacao {} */
div.meio div.produto-box div.produto-informacao h4 {
	margin: 0;
}

div.meio div.produto-box div.produto-table {
	position: relative;
	min-height: 300px;
	max-height: 300px;
	overflow: auto;
}

div.meio div.produto-box div.produto-table div>p.texto {
	margin: 5px 0;
}

div.meio div.produto-box div.produto-table ul.abas {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	border-bottom: 1px solid #EDE2D0;
}

div.meio div.produto-box div.produto-table ul>li {
	width: auto;
	list-style: none;
	float: left;
	padding: 10px;
	margin: 0;
	background-color: rgb(243, 236, 224);
	transition: background-color 0.6s;
	-moz-transition: background-color 0.6s;
	-webkit-transition: background-color 0.6s;
	-o-transition: background-color 0.6s;
}

div.meio div.produto-box div.produto-table ul>li a {
	text-decoration: none;
}

div.meio div.produto-box div.produto-table ul>li:hover {
	cursor: pointer;
	background-color: rgb(226, 206, 176);
}

div.meio div.produto-box div.produto-table ul>li.ativo {
	background-color: rgb(226, 206, 176);
}

div.meio div.produto-box ul.produto-opcoes {
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 10px 0;
	display: inline-block;
	background-color: rgb(243, 236, 224);
}

div.meio div.produto-box ul.produto-opcoes>li:not(last-child) {
	position: relative;
	float: left;
	list-style: none;
	margin: 0 10px;
	padding: 5px 0 0 40px;
}

div.meio div.produto-box ul.produto-opcoes>li:last-child {
	position: relative;
	float: right;
	border-left: 1px solid #6A6A5B;
	list-style: none;
	margin: 0 50px 0 0;
	padding: 0 0 0 10px;
}

div.meio div.produto-box ul.produto-opcoes>li:last-child>p {
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
}

div.meio div.produto-box ul.produto-opcoes>li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35px;
	height: 30px;
	background-image: url(../images/icon_opcoes_produtos.png);
	background-repeat: no-repeat;
}

div.meio div.produto-box ul.produto-opcoes>li:nth-child(2) span {
	background-position: -50px 0;
}

div.meio div.produto-box ul.produto-opcoes>li:nth-child(3) span {
	background-position: -100px 0;
}

/* div.meio div.add-carrinho{position:relative; width: 100%; margin-top:10px;}
		div.meio div.add-carrinho div.sel-qntd{position:relative; width:90px; float:left;}
		div.meio div.add-carrinho div.sel-qntd > span{width:22px; height:19px; margin-bottom:4px; position:relative; border:1px solid #C59E62; cursor:pointer; display:block; color:#333; text-align:center; line-height:140%; font-weight:bold; background-color:#F0F1F1;}
		div.meio div.add-carrinho div.sel-qntd > span:hover{background:#B10002; color:#FFF;} */
div.meio div.add-carrinho div.btn-carrinho {
	position: relative;
	width: 190px;
	float: right;
	cursor: pointer;
}

div.meio div.add-carrinho div.btn-carrinho>span {
	position: relative;
	float: left;
	width: 40px;
	height: 35px;
	background: url(../images/icon_btn-carrinho.png) no-repeat center #00305F;
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFF;
}

/* div.lista_comentarios {} */
div.lista_comentarios div.comentario {
	border-bottom: solid 1px #E6E6E6;
	padding: 0 0 10px 0;
}

div.lista_comentarios div.comentario p {
	margin: 1em 0;
	font-size: 1em;
}

div.meio ul.formas-pagamento {
	width: 100%;
	height: 25px;
	padding: 10px 0;
}

div.meio ul.formas-pagamento>li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.meio ul.formas-pagamento>li>h3.negativo {
	margin: 0;
	padding: 0;
	line-height: 120%;
}

div.meio div.etapas-compra {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px auto 17px;
	height: auto;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.meio div.etapas-compra ul {
	margin: 0;
	padding: 0;
}

div.meio div.etapas-compra ul li {
	position: relative;
	float: left;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 50px;
	margin: 0px 0px 5px;
}

div.meio div.etapas-compra ul li span {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	margin: 0;
	padding: 3px 12px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	border: #a4a4a4 1px solid;
	box-shadow:
		0px 1px 3px 0 rgba(0, 0, 0, 0.1),
		0 1px 2px 0 rgba(0, 0, 0, 0.1);
	margin-left: 1px;
}

div.meio div.etapas-compra ul li span p.negativo {
	margin: 0;
	padding: 2px;
	font-style: normal;
	font-size: 20px;
	color: #a4a4a4;
}

div.meio div.etapas-compra ul li.ativo span p.negativo {
	color: #fff;
}

div.meio div.etapas-compra ul li a {
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 13px 10px 10px 40px;
	vertical-align: middle;
	font-style: normal;
	cursor: default;
}

div.meio div.etapas-compra ul li a:hover {
	text-decoration: none;
}

div.meio div.etapas-compra ul li.ativo span {
	background-color: #ff0009;
	border: #ff0009 1px solid;
}

li.ativo2 span p.negativo {
	color: white !important;
}

div.meio div.etapas-compra ul li.ativo2 span {
	background-color: rgb(0, 0, 0, 0.2);
	border: #ccc 1px solid;
	cursor: pointer;
}

li.ativo2,
li.ativo2 a,
li.ativo2 p {
	cursor: pointer !important;
}




div.meio div.etapas-compra ul li.ativo a {
	color: #ff0009;
	cursor: pointer;
}

div.meio div.dados-entrega {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}

div.dados-entrega div.endereco {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 20px;
}

div.meio div.dados-entrega div.endereco div.endereco-bar {
	position: relative;
	width: 100%;
	background-color: rgb(243, 236, 224);
	height: 30px;
	display: block;
	margin-bottom: 10px;
}

div.meio div.dados-entrega div.endereco div.endereco-bar>p.medio {
	display: inline-block;
	margin: 6px 0 0 10px;
	vertical-align: top;
}

div.meio div.dados-entrega div.endereco div.endereco-bar div.acoes {
	position: relative;
	float: right;
	vertical-align: top;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.meio div.dados-entrega div.endereco div.endereco-bar div.acoes>a.azul {
	width: 40px;
	margin-top: 6px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

div.meio div.dados-entrega div.endereco div.endereco-bar div.acoes a.remover span {
	width: 30px;
	height: 24px;
	display: inline-block;
	background-color: rgb(240, 241, 241);
	text-align: center;
	padding-top: 6px;
}

div.meio div.dados-entrega>a {
	width: 100%;
	padding-top: 5px;
	display: block;
	border-top: 1px solid #C7C7BC;
}

div.meio div.forma-pagamento {
	position: relative;
	width: 100%;
	background-color: rgb(243, 236, 224);
}

div.meio div.forma-pagamento ul.bandeira {
	position: relative;
	width: 100%;
	height: 75px;
	display: block;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

div.meio div.forma-pagamento ul.bandeira li {
	position: relative;
	width: 134px;
	height: 75px;
	float: left;
	text-align: center;
	cursor: pointer;
	list-style: none;
	margin: 0;
}

div.meio div.forma-pagamento ul.bandeira li:hover {
	background-color: #F6F7FD
}

div.meio div.forma-pagamento ul.bandeira li>img {
	margin-top: 10px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%) alpha(opacity=50);
	opacity: 0.5;
}

div.meio div.forma-pagamento ul.bandeira li.ativo {
	background-color: #F0f1f1;
	padding: 0 5px;
}

div.meio div.forma-pagamento ul.bandeira li.ativo>img {
	-webkit-filter: none;
	filter: none;
	opacity: 1.0;
}

div.meio div.forma-pagamento div.parcelamento {
	padding: 0;
	margin: 20px;
	vertical-align: top;
	width: fit-content;
}

div.meio div.forma-pagamento div.parcelamento>p.medio {
	font-style: normal;
}

div.meio div.forma-pagamento div.parcelamento>ul {
	position: relative;
	margin: 0;
	padding: 0;
	width: 150px;
}

div.meio div.forma-pagamento div.parcelamento>ul li {
	position: relative;
	width: 150px;
	list-style: none;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #B4B0A8;
	display: inline-block;
}

div.meio div.forma-pagamento div.parcelamento>ul li input {
	display: inline-block;
}

div.meio div.forma-pagamento div.parcelamento>ul li p.texto {
	display: inline-block;
}


.pagSeguro-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.box-instrucoes {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 30%;
	flex: 1 0 30%;
	border-right: 1px solid #D3CEC4;
	padding: 20px 20px 20px 0;
}

.box-dados-cartao {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 70%;
	flex: 1 0 70%;
}

.pag-cartoes-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.box-parcelas {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 40%;
	flex: 1 0 40%;
	margin-bottom: ;
}

.box-cartao {
	border-left: 1px solid #D3CEC4;
	display: grid;
	justify-content: flex-end;
	flex-grow: 1;
	padding: 20px 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 55%;
	flex: 1 0 55%;
}

/* div.meio div.forma-pagamento div.dados-cartao {} */
div.meio div.forma-pagamento div.dados-cartao>fieldset.entra-dados-cartao {
	margin: 10px 0 0 0;
}

div.meio div.forma-pagamento div.dados-cartao>div.informacao-cartao {
	vertical-align: top;
	margin: 0;
	padding: 0px;
}

div.meio div.forma-pagamento div.dados-cartao>div.informacao-cartao p.texto {
	font-size: 11px;
}

.login-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%;
}

div.meio div.box-login {
	background: #F0F1F1;
	display: inline-block;
	min-height: 210px;
	margin-top: 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 450px;
	flex: 0 1 450px;
	text-align: center;
}

div.meio div.box-login h1.cartola {
	text-align: left;
	margin-top: 0;
}

table.carrinho-compra {
	border-top: 1px solid #C3C3BD;
}

table.carrinho-compra tr.legenda {
	background-color: #F0F1F1;
}

/* table.carrinho-compra tr:nth-child(odd){background-color:rgb(243,236,224);} */
/* table.carrinho-compra tr.produto{} */
/* table.carrinho-compra tr.produto td.descricao{} */
table.carrinho-compra tr.produto td.descricao a {
	margin: 30px 0 0 0;
}

table.carrinho-compra tr.produto td.descricao div.acoes-carrinho {
	position: relative;
	width: 200px;
	display: inline-block;
	margin-top: 10px;
}

table.carrinho-compra tr.produto td.descricao div.acoes-carrinho a {
	position: relative;
	background: #FFF;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	display: inline-block;
	width: 65px;
	text-align: left;
	font-size: 11px;
	padding: 3px 3px 3px 25px;
	margin: 5px 0 0 0;
}

table.carrinho-compra tr.produto td.descricao div.acoes-carrinho a span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 5px;
	margin-right: 0px;
	border-right: 1px solid #BBB;
	display: block;
}

table.carrinho-compra tr.produto td.descricao div.acoes-carrinho a:first-child {
	margin-right: 10px;
}

table.carrinho-compra tr.produto td.descricao div.acoes-carrinho a:hover {
	text-decoration: none;
}

table.carrinho-compra tr.produto td.descricao>p.texto {
	font-size: 11px;
	margin-top: 10px;
}

table.carrinho-compra tr.produto td.descricao>img {
	border: 2px solid #E2CEB0;
	margin-right: 15px;
}

/* table.carrinho-compra tr.produto td.caracteristicas{} */
table.carrinho-compra tr.produto td.caracteristicas>p.texto {
	margin: 5px 0;
}

table.carrinho-compra td {
	border-bottom: 1px solid #C3C3BD;
	border-left: 1px solid #C3C3BD;
	padding: 10px;
}

table.carrinho-compra td:first-child {
	border-left: none;
}

/* table.carrinho-compra-valores {} */
table.carrinho-compra-valores tr:last-child {
	background-color: #F0F1F1;
}

table.carrinho-compra-valores td {
	border-bottom: 1px solid #C3C3BD;
	padding: 0 10px;
}

/* table.pedidos {  } */
table.pedidos td.header {
	background-color: #F0F1F1;
	height: 35px;
	border-bottom: 1px solid #C3C3BD;
}

table.pedidos td.registro {
	height: 35px;
	border-bottom: 1px solid #C3C3BD;
}

/* ul.area-cliente-menu { margin:0; padding:0;}
		ul.area-cliente-menu li{position:relative; float:left; background-color:rgb(243,236,224); padding:0 5px 0 25px; list-style:none; overflow:hidden; background-image:url(../images/breadcrumb.png); background-repeat:no-repeat; background-position:0% 0%; vertical-align:top;}
		ul.area-cliente-menu li:first-child{background-image: url(../images/icon_home.png); background-position:10% 50%;}
		ul.area-cliente-menu li a {display:inline-block; margin:8px 0; padding:0px; vertical-align:top; text-decoration:none; font-weight:normal; font-style:normal;}
		ul.area-cliente-menu li:last-child{background-position:0% 100%; background-color: #FFF;}
		ul.area-cliente-menu li:last-child a{font-weight:bold; font-style:normal;} */

.dados-cadastrais p.texto {
	margin-left: 5px;
}

/***** < Carrinho de Compras ******/

.produtos-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #C3C3BD;
	background-color: #F0F1F1;
	text-align: center;
	height: 50px;
	text-transform: uppercase;
	border-radius: 2px;
}

.produtos-header p.produto {
	flex: 1 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.produtos-header p.qtd,
.produtos-header p.unidade,
.produtos-header p.subtotal {
	width: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	padding: 0 5px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.produtos-linha {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #C3C3BD;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.produtos-linha figure {
	margin: 0;
	padding: 0;
	position: relative;
	padding: 10px;
	max-width: 100px;
}

.produtos-linha figure img {
	min-width: 100px;
	max-width: 100px;
}

.produtos-linha figcaption {
	position: absolute;
	left: 140px;
	top: 20px;
	width: 400px;
	z-index: 999;
}

.produtos-linha .produtos-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	flex-wrap: wrap;
}

.produtos-linha .produtos-cols {
	padding: 0;
}

.produtos-linha .produtos-cols li.produto-titulo {
	flex: 1 0 100%;
	padding-left: 40px;
	list-style: none;
}

.produtos-linha .produtos-cols li.produto-descricao {
	padding: 20px 0 0 40px;
	list-style: none;
}

.produtos-linha .produtos-cols li.produto-descricao p.texto {
	font-size: 14px;
	line-height: 130%;
}

.produtos-linha .produtos-cols li.remove {
	width: 58%;
	padding-top: 60px;
	padding-left: 20px;
}

.produtos-linha .produtos-cols li.produto-qtd,
.produtos-linha .produtos-cols li.produto-unidade,
.produtos-linha .produtos-cols li.produto-subtotal {
	height: 70%;
	list-style: none;
}

.produtos-linha .produtos-cols li.produto-unidade,
.produtos-linha .produtos-cols li.produto-subtotal {
	width: 150px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

li.add-carrinho div.sel-qntd {
	width: 80px;
	margin: 20px auto 15px;
}

li.add-carrinho div.sel-qntd>span {
	width: 37px;
    height: 19px;
    margin-bottom: 4px;
    position: relative;
    border: 1px solid #3333333b;
    cursor: pointer;
    display: block;
    color: #8a8a8a;
    text-align: center;
    line-height: 139%;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 13px;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
}

li.add-carrinho div.sel-qntd>span:hover {
	background: #B10002;
	color: #FFF;
	border-color: #B10002;
}

.produtos-linha .btn-remover-destaque {
	padding: 5px 15px;
	background-color: red;
	color: white;
	border-radius: 15px;
	min-width: 80px;
	display: inline-block;
	text-align: center;
}

.produtos-linha .btn-aviseme-destaque {
	padding: 5px 24px;
	background-color: #222222;
	color: white;
	border-radius: 15px;
	min-width: 80px;
	text-align: center;
	display: none;
}

.produtos-linha .btn-remover,
.produtos-linha .btn-embalagem {
	padding: 5px 15px;
	/* background-color: #F0F1F1; */
	border-radius: 15px;
	min-width: 80px;
	display: inline-block;
	text-align: center;
}

.produtos-linha .btn-embalagem {
	color: #222;
}

.produtos-linha .btn-remover-destaque img {
	width: 20px;
	height: 20px;
	margin: -4px 5px -5px -9px;
}

.produtos-linha .btn-aviseme-destaque img {
	width: 20px;
	height: 20px;
	margin: 7px 0 0 0;
}

.produtos-linha .btn-remover img {
	width: 20px;
	height: 20px;
	margin: -4px 5px -5px -9px;
}

.produtos-linha .btn-embalagem img {
	width: 17px;
	height: 17px;
	margin: -2px 5px -4px -3px;
}

.produtos-linha a.btn-remover:hover,
.produtos-linha a.btn-embalagem:hover {
	-webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
	box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
	text-decoration: none;
    transition: box-shadow 0.15s ease-in;
}

/***** Carrinho de Compras > ******/

/***** < Layout Pagamento ******/

.flex-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.flex-wrapper h1 {
	margin-top: 0 !important;
}

.flex-box {
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
}

.flex-box1,
.flex-box2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	margin-bottom: 30px;
}

.flex-total {
	margin-top: 20px;
}

/***** Layout Pagamento > ******/


/**********DEFINIÇÕES DE AREA AUXILIAR***********/
/* div.area_auxiliar {} */
/*BANNER AREA AUXILIAR*/
div.area_auxiliar div.bannerlateral {
	margin: 20px 0;
}

/**********DEFINIÇÕES DE INFERIOR***********/
div.inferior {
	width: 100%;
	height: 100% auto;
	background-color: #f0f1f1;
	margin-top: 50px;
}

/*DEFINIÇÕES DE MENU*/
div.inferior .wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.5rem;
}

div.inferior ul {
	padding: 10px 0;
}

div.inferior ul:last-child {
	width: 330px;
	height: 100px;
}

div.inferior ul li {
	list-style: none;
	margin: 10px 0;
}

/* div.inferior ul li a {font-style:normal;} */
div.inferior ul>h3 {
	margin: 5px 0;
}

/* div.inferior ul li a:hover {} */
div.inferior ul.formas-pagamento li {
	float: left;
	list-style: none;
	width: 100px;
	width: 140px;
}

div.inferior ul.formas-pagamento li img {
	padding-right: 10px;
}

/*DEFINIÇÕES DE BARRA INFERIOR*/
div.inferior div.bar-inferior {
	width: 100%;
	height: 100% auto;
	background: #B10002;
	padding-top: 5px;
	position: relative;
	bottom: 0px;
}

/*DEFINIÇÕES DE COPYRIGHT*/
/* div.inferior div.bar-inferior div.copyright {} */
div.inferior div.bar-inferior div.copyright {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 5px;
}

div.inferior div.bar-inferior div.copyright p {
	color: #eee;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

div.inferior div.bar-inferior div.copyright p.copy2 {
	position: relative;
}

div.inferior div.bar-inferior div.copyright p.copy3:before {
	content: "";
	position: absolute;
	height: 30px;
	left: 0;
	top: 10px;
	width: 1px;
	background-color: #FFF;
	opacity: 0.2;
}

div.inferior div.bar-inferior div.copyright p.copy3:after {
	content: "";
	position: absolute;
	height: 30px;
	right: 0;
	top: 10px;
	width: 1px;
	background-color: #FFF;
	opacity: 0.2;
}

div.inferior div.bar-inferior div.copyright p.copy3 {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0px 0px 23px 0px;
}

div.inferior div.bar-inferior div.copyright a {
	color: #fff;
	text-decoration: none;
	line-height: 200%;
	font-size: 12px;
}

div.inferior div.bar-inferior div.copyright a:hover {
	text-decoration: underline;
}

div.inferior div.bar-inferior div.copyright a span {
	position: relative;
	float: left;
	background: url(../images/lock.png) no-repeat;
	width: 35px;
	height: 30px;
	background-size: 24px;
}

/*DEFINICOES DE LINKS*/
a {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #a4a4a4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.secao {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 120%;
	color: rgb(10, 51, 94);
	text-decoration: none;
}

/* a.secao:hover {} */

a.subsecao {
	color: #333333;
}

a.subsecao:hover {
	color: #0D0438;
}

a.tronco {
	color: #999;
}

a.tronco:hover {
	color: #FFCC00;
}

a.rodape {
	color: #0D0438;
}

/* a.rodape:hover {} */

a.mapa_tronco {
	font-size: 0.87em;
	color: #0D0438;
	text-decoration: none;
	font-weight: bold;
}

a.mapa_tronco:hover {
	font-size: 0.87em;
	color: #0D0438;
	text-decoration: underline;
}

a.mapa_secao {
	font-size: 0.87em;
	color: #0D0438;
	text-decoration: none;
	font-weight: bold;
}

a.mapa_secao:hover {
	font-size: 0.87em;
	color: #0D0438;
	text-decoration: underline;
}

a.mapa_subsecao {
	font-size: 0.62em;
	color: #0D0438;
	text-decoration: none;
	font-weight: normal;
}

a.mapa_subsecao:hover {
	font-size: 0.62em;
	color: #0D0438;
	text-decoration: underline;
}

a.breadcrumb {
	font-size: 0.75em;
}

/* a.breadcrumb:hover {} */

a.azul {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	text-decoration: underline;
	color: rgb(0, 48, 95);
	font-weight: bold;
}

/* a.azul:hover{} */
a.grande {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 120%;
	text-decoration: underline;
	color: #ff0009;
	text-align: left;
}

/* a.grande:hover {} */
a.medio {
	font-family: Arial, Geneva, sans-serif;
	font-size: 13px;
	line-height: 100%;
	font-weight: bold;
	color: rgb(85, 85, 85);
}

/* a.medio:hover {} */
a.pequeno {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 90%;
	color: rgb(0, 133, 178);
	text-align: left;
}

/* a.pequeno:hover {} */
a.negativo {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

/* a.negativo:hover {} */

a.border-top {
	width: 100%;
	padding-top: 5px;
	display: block;
	border-top: 1px solid #C7C7BC;
}

p.aviso {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: rgb(140, 0, 0);
	font-weight: bold;
}

/*DEFINICOES DE PARAGRAFOS*/
p.grande {
	font-family: Arial, Geneva, sans-serif;
	font-size: 18px;
	line-height: 120%;
	color: #222222;
}

p.medio {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	color: #222222;
	opacity: 0.8;
}

p.pequeno {
	font-size: 13px;
	color: #FFF;
}

p.tronco {
	font-size: 0.68em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}

p.secao {
	font-size: 0.75em;
	font-weight: bold;
	color: #F8F8F8;
	text-decoration: none
}

p.subsecao {
	font-size: 0.75em;
	color: #333333;
	text-decoration: none
}

p.negativo {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 140%;
	color: #FFF;
}

/*DEFINICOES DE PARAGRAFOS DOS LAYOUTS*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 90%;
	color: #B10002;
	letter-spacing: -1px;
}

h1.destaque {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 42px;
	line-height: 90%;
	font-weight: normal;
	color: rgb(197, 158, 97);
}

h1.negativo {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 35px;
	line-height: 120%;
	color: rgb(255, 255, 255);
}

h1.cartola {
	border-radius: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 35px;
	line-height: 120%;
	color: rgb(255, 255, 255);
	width: 100% auto;
	font-size: 18px;
	background-color: #222222;
	background-image: url(../images/h1_effect.png);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 10px 0px;
	padding: 5px;
	padding-right: 0;
}

.grid_3 .area_auxiliar>h1.cartola {
	background: url(../images/bg_pixel_marrom.jpg) repeat;
	margin-bottom: 20px;
}

h2 {
	font-family: Arial, Geneva, sans-serif;
	font-size: 30px;
	line-height: 120%;
	font-weight: normal;
	color: rgb(0, 173, 238);
	text-align: left;
}

h2.negativo {
	color: #fff
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 110%;
	color: #B10002;
}

h3.negativo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 90%;
	font-style: normal;
	color: rgb(85, 85, 85);
	text-align: left;
}

h4 {
	font-family: Arial, Geneva, sans-serif;
	font-size: 16px;
	line-height: 120%;
	font-style: normal;
	font-weight: normal;
	color: rgb(0, 48, 95);
	text-align: left;
}

h4.negativo {
	color: #fff
}

h5 {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: rgb(17, 61, 104);
	text-align: left;
}

h5.negativo {
	color: #fff
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

h6.negativo {
	color: #fff
}

p.texto {
	font-family: Arial, Geneva, sans-serif;
	font-size: 13px;
	line-height: 120%;
	color: #222222;
}

p.destaque {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 90%;
	font-style: normal;
	color: rgb(59, 59, 59);
}

p.negativo {
	color: #FFF;
}

p.rodape {
	font-size: 0.62em;
	color: #0D0438;
}

p.breadcrumb {
	font-size: 0.75em;
	color: #D40000;
}

span.highlight {
	color: #008000;
}

/* DEFINICOES DE BOTOES */
/* a.btn {}
a.btn:hover {}  */
button.carrinho {
	position: relative;
	float: left;
	width: 140px;
	height: 35px;
	vertical-align: middle;
	border: none;
	background-color: rgb(0, 48, 95);
	color: #FFF;
	font-style: normal;
	cursor: pointer;
}

.button-azul,
.button-azul {
	height: 28px;
	width: auto;
	text-indent: 0;
	background-color: #222222;
	color: #F0F1F1;
	vertical-align: middle;
	border: 1px solid #222222;
	margin: 0;
	display: inline-block;
	padding: 0 10px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
}

.button-azul {
	display: flex;
	width: 187px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.button-marrom {
	height: 28px;
	width: auto;
	text-indent: 0;
	background-color: #FFF;
	color: #ff0009;
	vertical-align: middle;
	border: 1px solid #ff0009;
	margin: 0;
	display: inline-block;
	padding: 0 10px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
}

.button-azul:hover,
.button-azul:hover {
	background-color: #FFF;
	color: #222222;
	border: 1px solid #222222;
	;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.button-marrom:hover {
	background-color: #b10002;
	color: #FFF;
	border: 1px solid #b10002;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
}

/*DEFINICOES DE CURSORES*/
.clscursor {
	cursor: pointer;
}

/*DEFINIÇÕES DE FORMULÁRIOS SITE - STYLE OBRIGATÓRIO*/

.frete {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.frete-calcula {
	min-width: 460px;
}

fieldset.calcula-cep {
	border: 0;
	border-bottom: 1px solid #BBB;
	padding: 10px 0;
}

fieldset.calcula-cep div.tipo-frete {
	position: relative;
	width: 300px;
	height: auto;
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
}

div.ftm-div-cupom>legend,
fieldset.calcula-cep>legend {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #222;
	text-align: left;
}

fieldset.calcula-cep>button.button-pesquisar {
	height: 30px;
	width: 31px;
	text-indent: 0;
	background: url(../images/icon_input-cep.jpg) no-repeat top center;
	border: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

fieldset.calcula-cep>input {
	width: 130px;
	background-color: #fff;
	padding: 6px 10px;
	margin: 0px 0px 15px 0px;
	display: inline-block;
	font-style: normal;
	vertical-align: top;
	border: 1px solid #113D68;
}

fieldset.cupom-desconto {
	border: 0;
	padding: 10px 0;
	margin-bottom: 10px;
}

fieldset.cupom-desconto>legend {
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #222222;
	text-align: left;
}

fieldset.cupom-desconto>input {
	width: 250px;
	background: #fff;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #113D68;
	margin: 0;
	vertical-align: middle;
	font-style: normal;
}

input.input-qtd {
	position: relative;
	float: right;
	width: 35px;
	padding: 10px;
	background: #fff;
	border: 1px solid #C59E62;
	margin: 0;
	vertical-align: middle;
}

fieldset.cupom-desconto>p.grande {
	float: right;
	vertical-align: middle;
}

fieldset.entra-dados-cartao {
	border: 0;
	margin: 0;
	padding: 0;
	width: 230px;
	float: right;
}

fieldset.entra-dados-cartao .vencimento {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

fieldset.entra-dados-cartao .vencimento p {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33%;
	flex: 1 1 33%;
}

fieldset.entra-dados-cartao .vencimento-data {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 66%;
	flex: 1 1 66%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

fieldset.entra-dados-cartao .vencimento-data select,
	{
	-webkit-box-flex: 0;
	-ms-flex: 0 1 45%;
	flex: 0 1 45%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

fieldset.entra-dados-cartao div.codigo-seguranca {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

fieldset.entra-dados-cartao div.codigo-seguranca p {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33%;
	flex: 1 1 33%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

fieldset.entra-dados-cartao div.codigo-seguranca input {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 66%;
	flex: 1 1 66%;
}

fieldset.entra-dados-cartao div.codigo-seguranca span.duvidas {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	margin: 0;
	padding: 4px 0;
	background: url(../images/icon_duvidas.jpg) no-repeat center #C59E62;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	z-index: 2;
	cursor: pointer;
}

#inputCupom {
	width: 248px;
	background: #fff;
	padding: 6px 10px;
	display: inline-block;
	border: 1px solid #113D68;
	margin: 0;
	vertical-align: middle;
	font-style: normal;
}

input.input-qtd {
	position: relative;
	float: right;
	width: 35px;
	padding: 10px;
	background: #fff;
	border: 1px solid #C59E62;
	margin: 0;
	vertical-align: middle;
}

fieldset.login-cliente {
	border: 0;
	padding: 10px;
	padding-bottom: 25px;
}

fieldset.login-cliente>input {
	color: #113D68;
	width: 90%;
	background: #fff;
	margin: 5px 0;
	padding: 6px 10px;
	display: inline-block;
	border: none;
	vertical-align: middle;
	font-style: normal;
}

fieldset.login-cliente>p.texto {
	margin: 5px 0 15px;
}

ul.form-dinamico {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 30px;
}

ul.form-dinamico li {
	list-style: none;
	padding: 3px;
}

ul.form-dinamico li:last-child {
	width: calc(50ch + 15%);
}

ul.form-dinamico p {
	width: 15%;
	display: inline-block;
	text-align: right;
	font-weight: bold;
	padding: 2px 0;
}

ul.form-dinamico p.Admin_Erro {
	width: 100%;
	text-align: center;
}

ul.form-dinamico input.button-azul {
	float: right;
}

@media screen and (max-width: 576px) {
	ul.form-dinamico li p {
		display: block;
		text-align: left;
	}
}

/******** > FORMULÁRIO DE CADASTRO *********/

ul.form-cadastro {
	padding: 0;
	width: 50%;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

ul.form-cadastro li {
	list-style: none;
	padding: 3px;
	width: 100%;
}

div#modalBox ul.form-cadastro {
	width: 100%;
}

div#modalBox {
	position: absolute;
	left: 20%;
	top: 30px;
	display: block;
	width: 80%;
	visibility: visible;
	max-width: 500px;
}

ul.form-cadastro li:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-top: 10px;
}

ul.form-cadastro li:last-child input {
	width: 130px;
	margin-left: 2%
}

ul.form-cadastro p {
	width: 30%;
	display: inline-block;
	text-align: right;
	font-weight: bold;
	padding: 2px 0;
}

ul.form-cadastro input {
	width: 69%;
}

ul.form-cadastro p.Admin_Erro {
	width: 100%;
	text-align: center;
}

ul.form-cadastro input.button-azul {
	float: right;
}

/******** FORMULÁRIO DE CADASTRO < *********/

.campoform {
	color: #222222;
	background: #fff;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #222222;
	margin: 0;
	vertical-align: middle;
	font-style: normal;
	border-left: 3px solid #CCC;
	background: #FFF;
}

.campoformobrig {
	color: #113D68;
	background: #F0F0F0;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #113D68;
	margin: 0;
	vertical-align: middle;
	font-style: normal;
	border-left: 3px solid #B10002;
	background: #FFF;
}

/* .botao { } */
input.input-qtd {
	position: relative;
    float: right;
    width: 39px;
    height: 42px;
    padding: 0px;
    background: #fff;
    border: 1px solid #3333333b;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
}

.hasPlaceholder {
	color: #777;
}

select.modelo {
	border: 1px solid #C59E62;
	margin: 0;
	padding: 3px 3px;
}

/*DEFINICOES DE IMAGENS */
img.foto {
	border: 5px solid #CDCDC2
}

img.dir {
	margin: 2px 0 10px 15px;
}

img.esq {
	margin: 2px 15px 10px 0;
}

div.erro {
	margin: 10px 0;
	padding: 5px;
	background: #c0392b;
}

div.erro p {
	color: #FFF;
	font-weight: bold;
	font-size: 0.8rem;
	font-family: Arial, Helvetica, sans-serif;
}

/*DEFINIÇÕES DE FORMULÁRIOS*/
.Campo {
	color: #414141;
	border: #A5ACB2 1px solid;
	background-color: #FEFEFE;
	font-size: 10px;
	font-family: arial;
	padding: 3px;
}

.CampoObrig {
	color: #414141;
	border: #A5ACB2 1px solid;
	background-color: #F0F0F0;
	font-size: 10px;
	font-family: arial;
	padding: 3px;
}

.Botao,
.btSalvar,
.btCancelar,
.btFiltrar,
.btAdicionar,
.btVoltar {
	color: #FFF;
	padding: 0;
	border-style: solid;
	border-width: 1px;
	background-color: #01558F;
	font-size: 11px;
	font-family: arial;
	padding: 3px;
	height: 22px;
	cursor: pointer;
}

/*  PESQUISA E ORDENAÇÃO  */
.input-pesquisa {
	position: absolute;
	display: none;
	width: 94%;
}

.close-pesquisa {
	position: absolute;
	top: -17px;
	right: -12px;
	background: #C59E62;
	padding: 2px 5px;
	color: #FFF;
	cursor: pointer;
}

.campo-pesquisa {
	width: 100%;
	padding: 7px 5px;
	border: #C59E62 solid 1px;
	font-size: 12px;
	outline: none;
}

.ordernar-listagem {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	margin-top: 5px;
	margin-left: 20px;
}

.ordernar-listagem img {
	display: inline-block;
	vertical-align: middle;
}

.ordernar-listagem span {
	display: inline-block;
	vertical-align: middle;
}

.list-ordenar {
	position: absolute;
	z-index: 9999;
	background: #FFF;
	padding: 0;
	right: -77px;
	top: 12px;
	width: 170px;
	padding-top: 10px;
	list-style: none;
	display: none;
}

.list-ordenar li {
	background: #333;
	padding: 5px;
	border-bottom: #FFF solid 1px;
}

.list-ordenar li a {
	color: #FFF;
	display: block;
}

.list-ordenar li:last-child {
	border-bottom: none;
}

div.meio div.filtros>a.ativo {
	background-color: rgb(243, 236, 224);
	text-decoration: none;
}

.ordernar-listagem:hover .list-ordenar {
	display: block;
}

/*DEFINIçÕES EXCLUSIVA DO CENTRO DE CONTROLE*/
body.Admin {
	background-color: #FFFFFF;
	background-image: url('../images/pixel.gif');
	font-family: Tahoma, Helvetica, Arial
}

p.Admin_TituloPagina {
	font-size: 11px;
	font-weight: normal;
	color: #4E4743;
	text-decoration: none;
	font-style: normal
}

p.Admin_Titulo {
	font-size: 12px;
	font-weight: bold;
	color: #4E4743;
	text-decoration: none;
}

p.Admin_SubTitulo {
	font-size: 11px;
	font-weight: bold;
	color: #4E4743;
	text-decoration: none;
}

p.Admin_Texto {
	font-size: 11px;
	font-weight: normal;
	color: #4E4743;
	text-decoration: none;
	font-style: normal;
	margin: 0;
}

p.Admin_TextoDestaque {
	font-size: 11px;
	font-weight: bold;
	color: #4E4743;
	text-decoration: none;
	margin: 0;
}

p.Admin_TextoDiscreto {
	font-size: 11px;
	font-weight: normal;
	color: #AAAAAA;
	text-decoration: none;
	font-style: normal;
	margin: 0;
}

p.Admin_Erro {
	font-size: 11px;
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

p.Admin_Aberta {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

p.Admin_Confirm {
	font-size: 11px;
	font-weight: bold;
	color: #336600;
	text-decoration: none;
}

p.Admin_Espera {
	font-size: 11px;
	font-weight: bold;
	color: #DBB200;
	text-decoration: none;
}

p.Admin_TextoNegativo {
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	font-style: normal
}

a.Admin_Menulat1 {
	font-size: 12px;
	font-weight: bold;
	color: #4E4743;
	text-decoration: none
}

a.Admin_Menulat1:hover {
	font-size: 12px;
	font-weight: bold;
	color: #007BB9;
	text-decoration: none
}

a.Admin_Menulat2 {
	font-size: 11px;
	font-weight: 100;
	color: #838280;
	text-decoration: none
}

a.Admin_Menulat2:hover {
	font-size: 11px;
	font-weight: 100;
	color: black;
	text-decoration: none;
}

a.Admin_Destaque {
	font-size: 11px;
	font-weight: bold;
	color: #005B88;
	text-decoration: none
}

a.Admin_Destaque:hover {
	font-size: 11px;
	font-weight: bold;
	color: #007BB9;
	text-decoration: none
}

a.Admin_Padrao {
	font-size: 11px;
	font-weight: bold;
	color: #4E4743;
	text-decoration: none
}

a.Admin_Padrao:hover {
	font-size: 11px;
	font-weight: bold;
	color: #007BB9;
	text-decoration: none
}

a.Admin_Secundario {
	font-size: 11px;
	font-weight: normal;
	color: #4E4743;
	text-decoration: none
}

a.Admin_Secundario:hover {
	font-size: 11px;
	font-weight: normal;
	color: #007BB9;
	text-decoration: none
}

a.Admin_Controle {
	font-size: 11px;
	font-weight: normal;
	color: #005B88;
	text-decoration: none
}

a.Admin_Controle:hover {
	font-size: 11px;
	font-weight: normal;
	color: #007BB9;
	text-decoration: none
}

a.Admin_Controle2 {
	font-size: 11px;
	font-weight: bold;
	color: #005B88;
	text-decoration: none
}

a.Admin_Controle2:hover {
	font-size: 11px;
	font-weight: bold;
	color: #007BB9;
	text-decoration: none
}

a.Admin_Negativo {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}

a.Admin_Negativo:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}

table.Admin_Contorno {
	border: 1px solid #999999;
	border-collapse: collapse;
}

/* table.Admin {} */
td.Admin_Tab {
	background-color: #B0BDDB;
}

td.Admin_Tab2 {
	background-color: #B0BDDB;
}

td.Admin_Titulo {
	background-color: #B0BDDB;
	border-bottom: 1px solid #999999;
}

td.Admin_SubTitulo {
	background-color: #EBEBEB;
	border-bottom: 1px solid #999999;
}

td.Admin_Registro {
	border-top: 1px dotted #C0C0C0;
}

td.Admin_Final {
	border-top: 1px solid #C1C1C1;
}

td.Admin_Registro2 {
	border-bottom: 1px solid #E0E0E0;
}



.leiamais {
	border-top: 2px solid #EEE;
	padding: 10px;
	margin-top: 15px;
}

.leiamais h3 {
	margin: 0;
}

.leiamais ul {
	margin: 10px 0 0 20px;
	padding: 0;
}

.leiamais ul li {
	margin-top: 5px;
}

.leiamais ul li a {
	text-decoration: none;
}


/* < ESTILOS LAYOUT PROMOÇÕES*/

li.promo-btn {
	background: url(../images/bg_pixel_azul.png) repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 165px;
	padding: 8px !important;
}

li.promo-btn div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: white;
	font-size: 16px;
	font-weight: bold;
	height: 100%;
	padding: 35px 30px;
	text-transform: uppercase;
	opacity: .98;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

section.ofertas * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section.ofertas {
	background: url(../images/bg_pixel_azul.png) repeat;
	height: 360px;
	width: 940px;
}

section #menu-ofertas {
	background: url(../images/bg_pixel_azul.png) repeat;
	color: white;
	float: right;
	height: 352px;
	margin: 8px 0;
	padding: 0;
	width: 17.2%;
	position: absolute;
	right: 0;
}

section #menu-ofertas li.menu-item {
	background-color: rgba(255, 255, 255, 0.1);
	cursor: pointer;
	font-size: 14px;
	height: 60px;
	line-height: 130%;
	list-style: none;
	margin-bottom: 11px;
	text-align: center;
	padding: 0 5px;
	text-transform: uppercase;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section #menu-ofertas li.menu-item.selected {
	background-color: #F3EDE1;
	color: rgb(12, 57, 102);
	font-weight: bold;
	position: relative;
}

/*efeito de Fadein nos itens do menu*/
section #menu-ofertas li.menu-item.selected {
	-webkit-animation: fadein 100ms linear;
	animation: fadein 100ms;
}


@-webkit-keyframes	fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

section #menu-ofertas li.menu-item.selected:before {
	-webkit-animation: fadein 100ms linear;
	animation: fadein 100ms linear;
	content: "";
	border: solid 30px transparent;
	border-right-color: rgb(0, 0, 0, 0.11);
	position: absolute;
	left: -62px;
	border-radius: 3px;
	z-index: 1;
}

section #menu-ofertas li.menu-item.selected:after {
	-webkit-animation: fadein 100ms linear;
	animation: fadein 100ms linear;
	content: "";
	border: solid 30px transparent;
	border-right-color: #F3EDE1;
	position: absolute;
	left: -60px;
	z-index: 2;
}

section #exibe-ofertas {
	content: "";
	display: table;
	clear: both;
	background-color: white;
	float: left;
	height: 344px;
	margin: 8px;
	margin-right: 0;
	padding: 0;
	width: 81.9%;
	position: absolute;
}

section #exibe-ofertas>div.exibe-item {
	display: none;
	height: 100%;
}

section #exibe-ofertas>div.exibe-item.selected {
	opacity: 1;
	display: block;
	position: relative;
	-webkit-animation: fadein 500ms linear;
	animation: fadein 500ms linear;
}

section #exibe-ofertas div.desconto-produto {
	float: left;
	position: relative;
	width: 46%;
	background-color: rgb(17, 61, 104);
	color: white;
	height: 100px;
	padding: 21px;
}

section #exibe-ofertas div.desconto-produto:before {
	content: "";
	border: solid 50px transparent;
	border-left-color: #113d68;
	position: absolute;
	top: 0px;
	left: 99.8%;
}

section #exibe-ofertas div.desconto-produto:after {
	height: 78px;
	border: 1px solid white;
	content: "";
	position: absolute;
	width: 207%;
	top: 10px;
	left: 10px;
}

section #exibe-ofertas div span.preco-desconto {
	font-size: 32px;
	font-weight: 600;
}

section #exibe-ofertas div.desconto-produto s.preco-original {
	font-size: 13px;
}

section #exibe-ofertas figure {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	width: 40%;
	height: 100%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: left;
}

section #exibe-ofertas figure img {
	max-width: 300px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

section #exibe-ofertas .item-conteudo {
	/*display: inline-block;*/
	float: right;
	position: absolute;
	background-color: #F3EDE1;
	width: 467.7px;
	height: 342.6px;
}

section #exibe-ofertas .item-conteudo header {
	margin: 0 20px;
	height: 40px;
}

section #exibe-ofertas .item-conteudo header h2 {
	font-size: 22px;
	color: rgb(38, 76, 113);
	font-weight: bold;
}

section #exibe-ofertas .item-conteudo div.btn-close {
	font-weight: 800;
	cursor: pointer;
	padding: 5px;
	padding-top: 10px;
	position: absolute;
	left: -310px;
	bottom: 5px;
	width: 120px;
	font-style: none;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: rgb(84, 84, 84);
}

section #exibe-ofertas .item-conteudo div.btn-close:hover {
	text-decoration: underline;
}

section #exibe-ofertas .item-conteudo div.exibir-item {
	float: right;
	width: 54%;
	background-color: rgba(197, 158, 98, 0.4);
	color: rgb(17, 61, 104);
	height: 100px;
	text-align: center;
	font-weight: 600;
	padding-top: 42px;
}

section #exibe-ofertas .item-conteudo div.exibir-item span.msg-exibiritem {
	font-size: 15px;
	text-decoration: underline;
	color: rgb(17, 61, 104);
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	position: absolute;
	right: 60px;
}

div div.btn-carrinho2 span {
	position: relative;
	float: left;
	width: 40px;
	height: 35px;
	background: url(../images/icon_btn-carrinho.png) no-repeat center #00305F;
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFF;
}

div.btn-carrinho2 {
	position: absolute;
	bottom: 50px;
	right: 27px;
	height: 40px;
}

a.btn-carrinho {
	position: absolute;
	right: 0px;
	left: 251px;
}

div.item-descricao {
	margin-bottom: 0px;
	padding: 0 20px;
	min-height: 50px;
	max-height: 50px;
	overflow: hidden;
}

div.item-descricao p {
	max-height: 68px;
}


.msg_n_cadastrado {
	margin: 30px;
	text-align: center;
}

div.text_cookies {
	margin: 15px 0px;
}

button.btn_cadastr {
	padding: 0 30px;
}

div.Souclient-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 99%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* menu responsivo */
.overlay {

	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	background-color: #B10002;
	overflow-x: hidden;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #FFFF;
	display: block;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

a.closebtn {
	-webkit-box-shadow: 0px 0px 0px -1px rgb(0, 0, 0, 0.0) !important;
	box-shadow: 0px 0px 0px -1px rgb(0, 0, 0, 0.0) !important;
	padding: 0px 0px !important;
}

.overlay a:hover,
.overlay a:focus {
	color: #222222;
	-webkit-box-shadow: 0px 11px 8px -1px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 11px 8px -1px rgba(0, 0, 0, 0.24);
	padding: 15px 0px;
}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}


span.menu-open {
	display: none;
}

div div.logo {
	position: relative;
	left: 0px;
	-webkit-transition: left 0.65s;
	-o-transition: left 0.65s;
	transition: left 0.65s;
}

.bar-superior .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 50px;
}

@media screen and (max-height: 450px) {
	.overlay a {
		font-size: 20px
	}

	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}


}

@media screen and (max-width: 420px) {
	div.superior div.bar-superior div.carrinho-compras {
		padding: 0 10px 0 10px;
		width: 115px;
		position: absolute;
		top: 0px;
	}

}

/* fim do menu responsivo e do cabeçalho responsivo. */