@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic);
@import url("reset.css");
@import url("tools.css");
@import url("style.css?v=1");


@font-face {
	font-family: 'Neutra2Display-Bold';
	src: url('fonts/Neutra2Display-Bold.eot');
	src: local('☺'), url('fonts/Neutra2Display-Bold.woff') format('woff'), url('fonts/Neutra2Display-Bold.ttf') format('truetype'), url('fonts/Neutra2Display-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-bold-webfont.woff2') format('woff2'),
    url('fonts/opensans-bold-webfont.woff') format('woff'),
    url('fonts/opensans-bold-webfont.ttf') format('truetype'),
    url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-light-webfont.woff2') format('woff2'),
    url('fonts/opensans-light-webfont.woff') format('woff'),
    url('fonts/opensans-light-webfont.ttf') format('truetype'),
    url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('fonts/opensans-regular-webfont.woff') format('woff'),
    url('fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
    url('fonts/opensans-semibold-webfont.woff') format('woff'),
    url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
    url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

:root {
	--mainColor: black;
}

body {		
	overflow-x: hidden;
}

/*

	MAIN
	Estrutura geral e módulos

	Author:	Marcelo Casinha - casinha.cc

	Primeira edição/reskin feita por Thiago Augusto Maurer

_____________________________________________*/


/*
	RODAPÉ
_______________*/


footer{
	width: 100%;
	padding: 15px 0 0 0;
	text-align: center;
	clear: both;
	color: #A6A6A6;
	line-height: 18px;
	font-size: 1em;
}

footer .row {
	margin: 0;
}

#containerSocials {
	background-color: #f0f0f0;
	color: black;
	margin-top: 40px;
	padding: 15px 0 15px 0;
}

#containerSocials .row {
	padding: 30px 0 30px 0;
}

#containerSocials .col-sm-2 {
	width: 50%;
	margin: 0 -15px;
	padding-right: 0;
	padding-left: 0;
}

	/*#containerSocials a {
		background: linear-gradient( to bottom, var(--mainColor) 0%, var(--mainColor) 100% );
		background-position: 0 200%;
		background-repeat: repeat-x;
		background-size: 0px 0px;
		color: #000;
		text-decoration: none;
		transition: background-size .5s;
	}

		#containerSocials a:hover {
			background-size: 6px 60px;
		}*/

	#containerSocials span {
		font-size: 13px;
	}

	#containerSocials a:hover span, #containerSocials a:hover i {
		text-shadow: 0px 0px 1px black;
	}

#containerSocials img {
	position: absolute;
	vertical-align: middle;
	right: 10%;
	top: -50%;
	width: 100%;
	height: 40px;
}

#containerRodape {
	padding: 20px 0 50px 0;
	margin-bottom: 0;
	color: white;
	background-color: black
}

#conteudoRodape {
	text-align: center;
	width: 750px;
	margin: auto;
}

#tituloRodape {
	font-size: 1.7em;
	font-weight: bold;
	margin-bottom: 10px;
}

#subtituloRodape {
	font-size: 0.86em;
	font-weight: bold;
	margin-bottom: 35px;
}

#conteudoRodape input {
	width: 47%;
	height: 0px;
	padding: 20px 0 20px 10px;
	margin: -3px 5px 0 0 ;
	border-color: black;
}

	#conteudoRodape input:focus {
		border-color: grey;
	}

#conteudoRodape a {
	text-align: center;
	color: black;
	font-weight: bold;
	padding: 9px 31px 9px 31px;
	background-color: #e8e8e8;
	letter-spacing: 1px;
}

.loginPage footer #conteudoRodape a {
	padding: 11px 25px 10px 25px;
}




/*
	CABEÇALHO
__________________*/


header.main {
	width: 100%;
	height: 150px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.10);
	background: #FFFFFF;
	text-align: center;
	position: relative;
	transition: margin-top .3s linear;
}
.paginaAlerta header.main{ margin-top:42px; }

/*_____ Alerta _____*/

.alerta {
	position: fixed;
	top: -42px;
	left: 0;
	z-index: 100;
	background-color: red;
	width: 99%;
	/*height:40px;*/
	border: 1px solid white;
	box-sizing: content-box;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	color: white;
	font-weight: bold;
	transition: top .3s linear;
	padding-right: 20px;
}
	.alerta span {
		color: white;
	}

	.alerta .fa-exclamation-circle {
		color: white;
		bottom: 0.05em;
		right: 0.3em;
	}

	.alerta .fa-times-circle {
		color: white;
		top: 0.8em;
		float: right;
	}



.alerta .ico-alerta{ bottom:2px; right:8px; }
.alerta .ico-fechar{ position:absolute; top:15px; right:15px; }

.paginaAlerta .alerta{ top:0; }

/*_____ Barra Usuário _____*/

.barra-usuario{
	width: 100%;
	height: 35px;
	padding: 0 30px;
	font-size: 12px;
	line-height: 35px;
	color: #FFF;
	background: #222;
	position: relative;
}
.barra-usuario .txt-empresa{ float: left; height: 35px; }
.barra-usuario .txt-empresa span{ color: #A6A6A6; padding-left: 10px; }
.barra-usuario .menu { float: right; margin-right: 25px; }
.barra-usuario .lk-cadastro{ color: #FFF; }
.barra-usuario .lk-cadastro i{ margin-right: 6px; top: -1px; }
.barra-usuario .lk-cadastro:hover,
.barra-usuario .lk-cadastro.ativo
{ color: #F5188E; position: relative; z-index: 200; } 
.barra-usuario .lk-contato{ color: #FFF; }
.barra-usuario .lk-contato:hover,
.barra-usuario .lk-contato.ativo
{ color: #F5188E; position: relative; z-index: 200; } 

.layer-opcoes{
	display: none;
	position: absolute;
	padding: 20px 0;
	right: 30px; top: 35px;
	text-align: left;
	z-index: 100;
	vertical-align: middle;
}
.layer-opcoes a{
	display: block;
	font-size: 16px;
	line-height: 100%;
	vertical-align: middle;
	padding: 9px 60px 9px 30px; 
}
.layer-opcoes i{ margin-right: 5px; top: -2px; }

#dropdownIdioma {
	position: absolute;
	font-size: 26px;
	background-color: black;
	border-left: 1px solid white;
	right: 0;
	top: -1px;
	padding: 0px 10px 3px 10px;
	margin-top: -2px;
}

	#dropdownIdioma .dropdown-menu {
		background-color: white;
	}

	#dropdownIdioma i {
		color: #e3e3e3;
	}

		#dropdownIdioma i.fa-globe-americas:hover {
			text-shadow: 0 0 0 1px currentColor !important;
			color: white;
			font-weight: bold;
		}

	#dropdownIdioma .dropdown-menu-right {
		left: auto !important;
	}

/*_____ Logo _____*/
.logo {
	position: absolute;
	top: 55px;
	left: 10px;
}
	.logo img,
	.logo span {
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
.logo span{
	width:119px;
	height:41px;
	text-align:center;
	padding-left:25px;
	margin-left:20px;
	border-left:1px solid #E9E9E9;
}

.loginPage .logo{ position: relative; top:2px; left:0; }

a#lnkLogo:hover {
	text-decoration: none;
}


/*_____ Menu _____*/

header.main nav,
header.main nav ul,
header.main nav li{ position: relative;	display: inline-block; }
header.main nav{
	height: 90px;
	left: 100px;
	font-size: 18px;
	text-transform: uppercase;
}
header.main nav li{
	height: 87px;
	font-size:13px;
	line-height:87px;
	padding: 0 3px;
	margin: 0 10px;
	border-bottom:3px solid transparent;
}

header.main nav .ativo{ font-weight: bold; }
header.main nav .ativo a.lk-busca{ background-position: -50px -50px; }

header.main nav .lk-busca{ position: relative; top:5px; margin-left:15px; }


/*_____ Busca _____*/

.layer-busca{
	display: none;
	position: absolute;
	left: 0; top: 50px;
	width:100%;
	text-align: center;
	z-index: 100;
}
.layer-busca input[type="search"]{
	display: inline-block;
	width: 60%; height: 58px;
	margin-left: 190px;
	padding: 0 40px 0 20px;
	font-size: 18px;
	text-align: center;
	background: #FFF;
	border: 1px solid #FFF;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05);
}
.layer-busca input[type="search"]:focus{ border-color: black; font-style: normal; }
.layer-busca input[type="submit"]{ position: relative; left: -48px; }

.layer-busca-cliente{
	display: none;
	position: absolute;
	left: 262px; top: 59px;
	width:100%;
	text-align: left;
	z-index: 100;
}
.layer-busca-cliente input[type="search"]{
	display: inline-block;
	width: 750px; 
	height: 58px;
	padding: 0 40px 0 20px;
	font-size: 18px;
	background: #FFF;
	border: 1px solid #FFF;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.05);
	margin-left: 10px;
	margin-bottom: 10px;
}

.layer-busca-cliente input[type="search"]:hover{ border-color: lightgray; font-style: normal; }
.layer-busca-cliente input[type="search"]:focus{ border-color: black; font-style: normal; }
.layer-busca-cliente input[type="submit"]{ position: relative; left: -48px; }


/*_____ Carrinho _____*/

header.main .carrinho{
	position: absolute;
	width: 34px; height: 68px;
	top: 54px; right: 30px;
	margin-right: 100px;
}

header.main .lk-carrinho {
	position: absolute;
	left: 5px;
	top: 12px;
}
header.main .lk-carrinho.ativo{ z-index: 200; }
header.main .carrinho span{
	display: block;
	position: absolute;
	top: 3px;	right: -14px;
	background: grey;
	width: 22px; height: 22px;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	border-radius: 11px;
	color: #FFF;
}
header.main .carrinho.ativo{ border-bottom: 3px solid #D82028; }
header.main .carrinho.ativo a{ background-position: 0 -200px; }

.layer-carrinho{
	display: none;
	position: absolute;
	right: 110px; top: 107px;
	z-index: 100;
}
.layer-carrinho .clear{ display: block; padding-top: 25px; }

.layer-carrinho.mensagem{
	width: 500px;
	text-align: center;
	left: 50%; top: 20%;
	margin-left: -250px;
}


/*_ Cheio _*/

.layer-carrinho.cheio .item{
	height: 100px;
	padding: 0 30px;
	border-bottom: 2px solid #FAFAFA;
	text-align: left;
}
.layer-carrinho.cheio .item .qtd{
	float: left;
	font-size: 14px;
	line-height: 100px;
}
.layer-carrinho.cheio figure{ float: left; }
.layer-carrinho.cheio img{ float: left; }
.layer-carrinho.cheio figcaption{ float: left; padding: 30px 60px 0 15px; }
.layer-carrinho.cheio .item a{
	display: block;
	text-transform: uppercase;
	padding-bottom: 8px;
	font-size: 16px;
}
.layer-carrinho.cheio .preco{ font-size: 14px; color: #A6A6A6; }
.layer-carrinho.cheio .lk-delete{ float: right; margin-top: 44px; }
.layer-carrinho.cheio .total{
	padding: 20px 20px 20px 30px;
	text-align: left;
	line-height: 44px;
	font-size: 14px;
	vertical-align: middle;
	width: 410px;
}
.layer-carrinho.cheio .total label{ display: inline-block; } 
.layer-carrinho.cheio .total strong{ padding-right:20px }
.layer-carrinho.cheio .total a{ float:right; }


/*_ Vazio _*/
.layer-carrinho.vazio{ padding: 40px; }
.layer-carrinho.vazio strong{
	display: block;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	color:black ;
	padding-bottom: 20px;
}

.layer-carrinho.vazio p{ color: #A6A6A6; font-size: 18px; padding-bottom: 25px; } 
.layer-carrinho.vazio .lk-padrao{ clear: both; margin-top: 25px; }


/*_____ Dropdown _____*/
header.main .dropdownBotao {
	position: absolute;
	width: 34px;
	height: 68px;
	top: 68px;
	right: 40px;
	margin-right: 22px;
}

header.main .dropdownBotao2 {
	position: absolute;
	width: 34px;
	height: 68px;
	margin-left: 3%;
	margin-top: 3%;
	display: none;
}

.dropdown-menu {
	margin-top: 10px;
	background-color: black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	padding: .35rem 0;
}

	.dropdown-toggle::after { content: none}
	.dropdownMenuButton {
		border: none;
		background-color: none;
	}


	#dropdownMenuButton:focus, #dropdownMenuButton {
		outline: 1px;
		border: none;
		cursor: pointer;
	}

#dropdownMenuButtonResponsive:focus, #dropdownMenuButtonResponsive {
	outline: 1px;
	border: none;
	cursor: pointer;
}

	.dropOpcao {
		padding: 0.75rem 1rem;
	}

		.dropOpcao:nth-child(even) {
			background-color: #ebebeb;
		}

		.dropOpcao:nth-child(odd) {
			background-color: #d1d1d1;
		}

		.dropOpcao:nth-child(even):hover {
			background-color: #ebebeb;
			text-shadow: 0px 0px 1px black;
		}

		.dropOpcao:nth-child(odd):hover {
			background-color: #d1d1d1;
			text-shadow: 0px 0px 1px black;
		}




.black-layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background: #222222;
	opacity: .3;
	filter: alpha(opacity=30);
}


/*
	TEMPLATE
_________________*/


.conteudo{ width: 867px; padding:0 15px; float: left; }
.conteudo .item{ margin-bottom: 15px; overflow: hidden; }
aside{
	float: left;
	width:269px;
	margin:15px; 
}
aside h2{
	text-transform: uppercase;
	padding-bottom: 25px;
	font-size: 22px;
	font-weight: 600;
}


/*_____ Migalha _____*/

.migalha{ padding: 30px; font-size: 12px; color: #A6A6A6 }
.migalha a,
.migalha em{ display:inline-block; vertical-align: middle;}
.migalha em { font-weight: bold; color: black;}
.migalha i{	margin:0 8px; }


/*_____ Página vazia _____*/

.pagina-vazia{ padding:0 15px 150px; } 
.pagina-vazia p{ font-size: 34px; color: #A6A6A6; padding-bottom: 30px; }


/*
	HOME / COLEÇÃO
_______________________*/


/*_____ Mosaico de Produtos _____*/

.lista-produto{ float: right; width:920px; padding:20px 0 0 3px; }
.lista-produto h1.titulo1{ font-weight: 300; }
.lista-produto h1.titulo1 strong{ font-weight: 600 }
.card-produto{
	background-color:#FFFFFF;
	width:265px;
	min-height: 270px;
	margin:15px 15px;
	float:left;
	text-align: justify;
	-webkit-box-shadow:0 1px 3px 0px rgba(0, 0, 0, .18);
	box-shadow:0 1px 3px 0px rgba(0, 0, 0, .2);
	position: relative;
}

	.card-produto:hover {
		box-shadow: 0 1px 5px grey;
	}

	#MainContent_upProntaEntrega a, #MainContent_upColecao a {
		text-shadow: none;
	}

.card-produto .imgProdutoColecao {
	text-align: center;
	left: 23%;
	position: relative;
}

.card-produto figcaption {
	margin-left: 10px;
}

.card-produto h3 {
	float: left;
	font-size: 15px;
	text-align: left;
	margin: 0 3px 7px 0px;
	margin-right: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-transform: uppercase;
	font-weight: 600;
}
	.card-produto h3:hover {
		text-shadow: 0px 0px 0px 1px inherit;
	}

.card-produto em{ font-size: 14px; color: #A6A6A6; display:block; margin-bottom:15px; float: left; }
	
.card-produto figcaption a {	display: block;	padding-bottom: 28px; float: left;margin: 0 0 0 12px;}

	.card-produto .verMais {
		font-size: 17px;
		display: block;
		margin: 0 23px;
		border-top: 1px solid #E6E6E6;
		padding-top: 26px;
	}

.card-produto .tag-numero.cinza{ background-color: #969696; }
.card-produto .tag-numero.cinza:before 
{
    border-bottom: 9px solid #7d7c7c;
}
.card-produto .tag-numero
{
    width: 38px;
    height: 53px;
    position: absolute;
    background-color: black;
    right: 10px;
    top: -10px;
    font-family: 'Neutra2Display-Bold';
    color: white;
	text-align: center;
    font-size: 26px;
}

.card-produto .tag-numero span {
	top: 15px;
}

.card-produto .tag-numero:before {
  content: "";
  margin-right: 15px;
  height: 0; 
  right: 23px;
  position: absolute;
  border-left: 5px solid transparent;
  border-bottom: 9px solid black;
}

.card-produto .tag-numero span
{
  position: relative;
  bottom: -20px;   
}

.lista-produto .topo-relatorio
{
    font-family: 'open_sansregular';
    padding-left: 15px;
}
.lista-produto .topo-relatorio h1
{
    font-family: 'open_sansbold';
    font-size: 34px;
    color: Black;
    text-transform: uppercase;
}
.lista-produto .topo-relatorio h2
{
    font-family: 'open_sanssemibold';
    font-size: 20px;
    color: #4b4b4b;
    margin-top: 20px;
    text-transform: uppercase;
}
.lista-produto .topo-relatorio h3
{
    font-size: 14px;
    color: #222222;
    margin-top: 10px;
}
.lista-produto .filtro-relatorio
{
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.lista-produto .filtro-relatorio .selecao
{
    float:left;
}
.lista-produto .filtro-relatorio .selecao ul
{
    margin-top: 35px;
    margin-left: 25px;
}
.lista-produto .filtro-relatorio li
{
    float:left;
    margin-left: 20px;
}
.lista-produto .filtro-relatorio li span
{
    font-family: 'open_sanslight';
    font-size: 15px;
}

.lista-produto .filtro-relatorio .selecao input[type=radio] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 10px;
}

	.lista-produto .filtro-relatorio .selecao input[type=radio]:before {
		content: " ";
		display: inline-block;
		background-color: black;
		margin-right: 15px;
		width: 10px;
		height: 10px;
		border: 4px solid #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		visibility: visible;
		box-shadow: 0 0 0px 0px black;
	}

.lista-produto .verMaisProdutos{ clear:both; padding-top:28px; }
	.lista-produto .verMaisProdutos a {
		width: 267px;
		height: 49px;
		border: 1px solid #E6E6E6;
		font-size: 22px;
		line-height: 49px;
		text-align: center;
		display: block;
		margin: 0 auto;
		font-weight: bold;
		outline: 0.5px solid black;
		transition: all 0.3s ease 0s;
		letter-spacing: 2px;
	}

		.lista-produto .verMaisProdutos a:hover {
			background: black;
			color: white;
			transition: all 0.3s ease 0s;
		}

.lista-produto .verMaisProdutos i{ margin-right:25px; bottom:1px; }

.lista-produto .limparFiltros {
	clear: both;
	margin: 20px 0px 0px 10px;
	padding: 5px;
	display: none
}

	.lista-produto .limparFiltros a {
		width: 157px;
		height: 49px;
		margin: 0px 10px 0px 10px;
		border-right: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
		font-size: 16px;
		line-height: 49px;
		text-align: center;
		display: block;
		transition: all 0.3s ease 0s;
		letter-spacing: 2px;
		font-weight: bold;
	}

		.lista-produto .limparFiltros a:hover {
			border-right: 1px solid rgba(0,0,0,.5);
			border-bottom: 1px solid rgba(0,0,0,.5);
			text-shadow: 0px 0px 1px black;
			transition: all 0.3s ease 0s;
		}

.ativo h3 a i {
	transform: rotate(180deg);
}


/*_____ Destaque _____*/

section.destaques{
	margin: 0 auto;
	min-height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
section.destaques img{ width: 100%; display:block; }


/*_____ Filtros _____*/

#expandFiltros {
	font-size: calc(5px + 2vw + 2vh);
	cursor: pointer;
	display: none;
}

.filtros {
	width: 299px;
	border: 1px solid #E6E6E6;
	margin: 35px 0 0;
	padding-bottom: 35px;
	margin-left: -50px;
	transition: height 1s ease-out;
}
.filtros .abasMarcas{ border-bottom:1px solid #E6E6E6; height:189px; display:block; padding:0; margin-bottom:40px; }
	.filtros .abasMarcas li {
		width: 148px;
		height: 63px;
		float: left;
		border-left: 1px solid #E6E6E6;
		padding: 0;
		border-bottom: 1px solid #E6E6E6;
	}
.filtros .abasMarcas li:first-child{ border-left:none; }
.filtros .abasMarcas a{
	height:63px;
	display:block;
	border-bottom:2px solid transparent;
	opacity:.3;
	filter:alpha(opacity=30);
}
.filtros .abasMarcas a.abaRamarim{ background:url(../img/img-novo/ramarim.png) no-repeat center; background-size: 70%; }
	.filtros .abasMarcas a.abaComfortflex {
		background: url(../img/img-novo/comfortflex.png) no-repeat center;
		background-size: 75%;
	}

	.filtros .abasMarcas a.abaComfortFlow {
		background: url(../img/logo_Comfortflow.png) no-repeat center;
		background-size: 75%;
	}

	.filtros .abasMarcas a.abaRamarimAcessorios {
		background: url(../img/logo_ramarimacessorios.png) no-repeat center;
		background-size: 75%;
	}

	.filtros .abasMarcas a.abaSolarize {
		background: url(../img/logo_solarize.png) no-repeat center;
		background-size: 75%;
	}

	.filtros .abasMarcas a.abaFeelings {
		background: url(../img/logo_feelings.png) no-repeat center;
		background-size: 75%;
	}

	.filtros .abasMarcas a.abaChilliBeans {
		background: url(../img/img-novo/chilliBeans2.jpg) no-repeat center;
		background-size: 75%;
	}

.filtros .abasMarcas a.abaWhoop {
	background: url(../img/abaWhoop.jpg) no-repeat center;
}

.filtros .abasMarcas a:hover,
.filtros .abasMarcas a.ativo{ opacity:1; filter:alpha(opacity=100); border-bottom-color:black; }

.filtros .tipo-filtro{ padding:0 0 0 20px; }

.filtros h3{ padding:6px 0 14px; font-size:16px; text-transform: uppercase; }
.filtros h3 i{ bottom:1px; left:10px; transform: rotate(0deg); }

.filtros ul{ display:none; padding:0 0 8px 15px; }
.filtros li{ padding-bottom: 14px; }
.filtros li label{
	position: relative;
	height: 18px;
	font-size: 14px;
	line-height: 20px;
	padding:0 0 0 28px;
	text-transform: none;
}
.filtros li {
	padding-right: 3px;
}

	.filtros hr {
		opacity: 0.4; 
		height: 2px;
		width: 90%;
		background-color: #ccc;
		margin-bottom: 30px;
	}

.filtros li label:hover{ cursor: pointer; color: black; }

.filtros .ativo ul{ display: block; }

	.filtros #pFiltroPreco, .filtros #pMaisVendidos, .filtros #spanTipoDeProduto, .filtros #spanMaisCurtidos {
		font-weight: bold;
	}

	.filtros #divMinimo, .filtros #divMaximo {
		width: 100px;
		text-align: center;
		display: inline-block;
		color: #808080;
		margin-bottom: 6px;
	}

	.filtros .inputFiltroPreco {
		height: 37px;
		width: 100px;
		text-align: center;
	}

		/* SUBCATEGORIA DE MAIS VENDIDOS */
		.card-rank-override {
			margin: 0 0 20px 0px;
			width: 255px;
			display: inline;
			min-height: 127.5px;
			height: 127.5px;
		}

.card-rank-override .imgProdutoColecao {
	text-align: left;
	float: left;
	left: 8px;
	width: 104px;
	height: 127px;
}

	.card-rank-override em, .card-rank-override h3 {
		position: relative;
		bottom: 9.5em;
		letter-spacing: -0.5px;
		left: 8em;
		width: 138px;
		font-size: 12px;
		display: inline-block;
		margin: 0 40px 0 20px;
	}

/*
	MAIS VENDIDOS
________________________*/

/*
	DETALHE PRODUTO
________________________*/
.info-produto {
	display: inline-block;
	float: right;
	width: 552px;
	padding: 15px 0 0 15px;
	margin: 0 15px;
}
.info-produto h1.titulo1{ padding:0 0 5px 0; font-size: 20px; }
.info-produto p,
.info-produto ul{ width:354px; line-height: 26px; padding-bottom: 10px; font-size: 13px; }
.info-produto li:before{ content: "• "; font-weight: 600; padding-right: 2px; }
.info-produto .links{ clear: left; }
.info-produto .links a,
.info-produto .links strong{ margin-right: 36px; float: left; }
.info-produto .links strong{ display: none; background:#A6A6A6; font-weight: 300; box-shadow: none; }
.info-produto .links .lk-insta{ margin-top: 18px; }
.info-produto .preco { font-size: 25px; letter-spacing: 0px;}


.preco-data div{ float: left; margin-bottom: 13px; }
.preco-data strong{ display: block; }
.preco-data i{ margin-right: 6px; top: -2px }
.preco-data label { color: black; font-weight: 600; letter-spacing: 1px;}

.galeria-produto{ float:left; width: 560px; margin: 0; position: relative; }
.galeria-produto .foto-produto{ width: 500px; height: 500px; float: left; z-index: 10; }
/*.galeria-produto .foto-produto a { cursor:zoom-in; }*/
.foto-produto a { cursor:zoom-in; }
.galeria-produto .foto-produto img{ width: 80%; margin-top: 17%; margin-left: 9%; }

.galeria-produto .descricao-produto {
	float: left;
	width: 200%;
	padding: 0;
}

.descricao-produto .titulo-descricao {
	word-wrap: break-word;
	background-color: #f0f0f0;
	font-weight: bold;
	display: inline-block;
	padding: 15px 15px 15px 15px;
	letter-spacing: 1px;
}

.descricao-produto .conteudo-descricao {
	word-wrap: break-word;
	padding: 20px 15px 30px 15px;
	background-color: #f0f0f0;
}

.descricao-produto .conteudo-descricao .texto-observacao {
	color: black;
	font-weight: bold;
}

.descricao-produto .conteudo-descricao .texto-descricao {
	color: black;
	font-weight: normal;
}



.conteudo-descricao li {
	line-height: 1.5;
	font-size: 14px;
}



/*_____ Cores _____*/

.galeria-produto .cores{ float: left; }
.galeria-produto .cores label{
	display: block;
	padding: 30px 0 5px;
	text-align: center;
}
.galeria-produto .cores a{ height: 69px; position: relative;  }
.galeria-produto .cores span{
	display: block;
	position: absolute;
	width: 3px; height: 49px;

	left:0; top: 10px;
}
.galeria-produto .cores .ativo span{ background: #D82028; }

.galeria-produto .carousel-cores {
	margin: 100px 0 150px -15px;
	height: 100px;
}

.galeria-produto .cores-seta-left {
	position: relative;
	background: lightgray;
	color: grey;
	cursor: pointer;
	padding: 100px 30px 100px 30px;
	text-decoration: none;
}

.galeria-produto .cores-seta-right {
	position: relative;
	background: lightgray;
	color: grey;
	cursor: pointer;
	padding: 100px 30px 100px 30px;
	text-decoration: none;
	
	left: 730%;
	top: 20px;
}


/*_____ Thumbs _____*/
	.galeria-produto .thumbs {
		float: right;
		padding-right: 30px;
		height: 72px;
	}

.galeria-produto .thumbs a{
	display: inline-block;
	position:relative;
	width: 69px; height: 69px;
	float: left;
	
}


/*
	RESULTADO BUSCA
________________________*/


.lista-busca h1.titulo1{ font-weight: 300; }
.lista-busca h1.titulo1 strong{ font-size: 34px; }
.lista-busca .campo{ padding: 25px 15px 15px 15px; }
.lista-busca input[type="search"]{
	display: inline-block;
	width: 70%; height: 60px;
	padding: 0 40px 0 20px;
	font-size: 18px;
	background: #FFF;
	border: 1px solid #E6E6E6;
}
.lista-busca input[type="search"]:hover{ border-color:#A6A6A6; }
.lista-busca input[type="search"]:focus{ font-style: normal; color:#222; border-color: #CE1678; }
.lista-busca input[type="submit"]{ position: relative; left: -48px; }


/*
	MEU PEDIDO
___________________*/

.meu-pedido figure{
	display: inline-block; 
	float: left; 
	width: 269px; 
	height: 269px;
}

.meu-pedido label{
	color: black;
	font-weight: bold;
	letter-spacing: 1px;
}

.meu-pedido figure img
{ 
	width: 200px;
	height: 200px;
	margin-top: 15%;
	margin-left: 15%;
}
.regrasComerciais{
	width:265px;
	height:48px;
	border:1px solid black;
	margin-bottom:40px;
	float:right;
	position:relative;
	z-index:10;
}
	.regrasComerciais > a {
		width: 265px;
		height: 49px;
		display: block;
		font-size: 13px;
		line-height: 48px;
		text-align: center;
		text-transform: uppercase;
		color: black;
		position: relative;
		z-index: 2;
	}
.regrasComerciais > a i{ right:25px; }
	.regrasComerciais > div {
		position: absolute;
		top: 48px;
		right: -1px;
		z-index: 1;
		background-color: #FFFFFF;
		width: 314px;
		border: 1px solid black;
		padding: 23px 23px 5px;
		overflow: hidden;
		display: none;
	}
.regrasComerciais p{ font-size:13px; line-height:150%; color:#a6a6b3; margin-bottom:19px; }

.regrasComerciais.aberto > a{ background-color:#FFFFFF; }
.regrasComerciais.aberto > div{ display:block; }

.meu-pedido figure{ display: inline-block; float: left; }
.meu-pedido .info{
	float: left;
	width: 553px;
	display:inline-block;
	padding: 30px 30px 25px 15px;
}
.meu-pedido h2{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 10px;
}
.meu-pedido p{
	float: left;
	width: 283px;
	font-size: 14px;
	line-height: 20px;
	padding-top:3px;
}
.meu-pedido .preco-data { float: right; text-align: center; }
.meu-pedido .preco-data div{ padding: 0 0 0 30px; }


/*_____ Grade e links _____*/

.meu-pedido .grade{
	width: 538px;
	padding: 0 15px 25px 0px;
	float: left;
}

.meu-pedido .grade_combo{
	width: 300px;
	padding: 0 15px 1px 15px;
	float: left;
}
.meu-pedido .grade em{
	font-size: 12px;
	color: #A6A6A6;
	padding-bottom: 10px;
}
.meu-pedido .grade label{ float: left; margin-left: 20px; }
.meu-pedido .grade em,
.meu-pedido .grade .opcoes{ float: right; margin-right: -10px; }
.meu-pedido .grade .lk-pequeno{ float: left; margin-top: 15px; }
.meu-pedido .grade .opcoes a{ margin-left: 15px; }


/*_____ Tabela _____*/

.meu-pedido table{ width: 100%; clear: both; margin-left: 20px;}
.meu-pedido table th,
.meu-pedido table td{ text-align:center; border: 1px solid #E6E6E6; }
.meu-pedido table td{ height: 42px; font-size: 14px; }
.meu-pedido table input{ background: transparent; }
.meu-pedido table th,
.titulo-grade {
	height:25px;
	padding: 0 5px;
	font-size: 12px!important;
	color: #A6A6A6;
	background: #FAFAFA;
}
.titulo-grade {
    min-width: 95px;
}
.meu-pedido table .off {
    text-decoration: line-through;
    min-width: 40px;
    color: #CCC;
    background: #FAFAFA;
}
.meu-pedido table .total{ background: #FAFAFA; }
input[disabled="disabled"] { background: #FAFAFA; }
.meu-pedido table td.vazio{ min-width: 40px; }
.meu-pedido table input{
	width: 25px; height: 42px;
	border: none;
	padding: 0 0px;
	font-style: normal;
	text-align: center;
	color: #222;
}

/*_ Pronta entrega _*/

.meu-pedido table.pronta-entrega td{ background: #FAFAFA; }
.meu-pedido table.pronta-entrega td.compra{ width:80px; padding: 0; background: #FFF; }
.meu-pedido table.pronta-entrega input{ width: 80px; font-weight: bold; }
.meu-pedido table.pronta-entrega .qtd-grade{ width: 32px; }
.meu-pedido table.pronta-entrega td.compra.ativo,
.meu-pedido table td.ativo{ background: #FFF9EA; }


/*_____ Resumo do Pedido _____*/

.resumo-pedido{ float: left; text-align: center; margin-top: 30px; }
.resumo-pedido strong,
.resumo-pedido em{ display: block; }
.resumo-pedido strong{ font-size: 20px; }
.resumo-pedido .info div{ display: inline-block; }
.resumo-pedido .info div:first-child{
	border-right: 1px solid #E6E6E6;
	margin-right: 15px;
	padding-right: 15px;
}
.resumo-pedido .info .total{
	display: block;
	clear: left;
	padding: 15px 0 15px;
	margin-bottom: 25px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.resumo-pedido .info .total div
{
	border-right: 0px;
    margin-right: 0px;
    padding-right: 0px;
}
.resumo-pedido .form > div{ padding-bottom: 20px; }
.resumo-pedido select{ width: 100%; }
.resumo-pedido textarea{ width: 237px; height: 68px; }
.resumo-pedido .total .lk-pequeno
{
	display: block;
	padding-top: 7px;
	color: Blue;
}


.sticky{ overflow: hidden; position: relative; }

.mensagemFinal{
	position:absolute;
	top:20%; left:50%;
	z-index:100;
	background:#FFFFFF;
	width:548px;
	margin-left:-290px;
    text-align:center;
	padding:45px 16px 16px;
	display:none;
	box-shadow:0px 2px 6px 0px rgba(0,0,0,0.10);
}
.mensagemFinal .sucesso{
	font-size:22px;
	color:#B52471;
	text-transform:uppercase;
	display:block;
	margin:0 100px 35px;
}
.mensagemFinal p{ font-size:13px; color:#ABA8AB; text-transform:uppercase; margin-bottom:40px; }
.mensagemFinal .numPedido{ color:#B52471; }

	.mensagemFinal .lkReplicarPedido {
		border: 1px solid black;
		width: 131px;
		height: 26px;
		padding: 11px 20px 11px 43px;
		display: inline-block;
		vertical-align: top;
		font-size: 13px;
		color: #4c4c4c;
		text-transform: uppercase;
		text-align: left;
		position: relative;
		margin: 0 20px 60px 0;
	}
.mensagemFinal .lkReplicarPedido i{ position:absolute; top:18px; left:9px; }

.mensagemFinal .lk-large{ width:194px; padding:0; margin:0 20px 60px 0; }

.mensagemFinal .conhecaOutros{ background-color:#F6F6F6; text-align:center; }
.mensagemFinal .conhecaOutros > span{ font-size:19px; line-height:75px; text-transform:uppercase; display:block; }
.mensagemFinal .conhecaOutros a{ float:left; width:274px; height:110px; }
.mensagemFinal .conhecaOutros img{ display:block; }


/*
	FINANCEIRO
___________________*/

.item-pedido{
	background: #FFFFFF;
	padding:17px 25px 25px;
	margin-bottom:15px;
	position:relative;
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .1);
    box-shadow:0 0 3px rgba(0, 0, 0, .1);
}
.item-pedido:before{
	content:'';
	background-color:black;
	width:3px;
	height:70px;
	position:absolute;
	top:20px; left:0;
}

.item-pedido .txtEmpresa{ font-size:15px; color:#ABA8AB; display:block; margin-bottom:20px; }
.item-pedido .txtEmpresa strong{ color:#222222; margin-right:10px; }

.item-pedido .links{ float:right; }
.item-pedido .links a{ display:inline-block; vertical-align:middle; margin-left:35px; }

.tabelaItemPedido{ width:100%; }
.tabelaItemPedido th,
.tabelaItemPedido td{ border-left:1px solid #E6E6E6; }
.tabelaItemPedido th[align=left],
.tabelaItemPedido td[align=left]{ text-align:center; padding: 5px 7px 5px 7px; }
.tabelaItemPedido th[align=right],
.tabelaItemPedido td[align=right]{ text-align:right; padding-right:15px; }
.tabelaItemPedido th:first-child,
.tabelaItemPedido td:first-child{ border-left:none; padding-left:0; }

.tabelaItemPedido th{
	font-size:13px;
	color:#A6A6A6;
	text-transform:uppercase;
	padding-bottom:10px;
}
.tabelaItemPedido td{ font-size:15px; }
.tabelaItemPedido td.status{ font-weight:700; font-size:16px; text-transform:uppercase; }

.financeiro{ padding:0 20px; }
.financeiro .tabelaItemPedido th:last-child,
.financeiro .tabelaItemPedido td:last-child{ border-left:none; padding-right:0; }
.financeiro .status-aberto:before{ background-color:#00C8FF; }
.financeiro .status-aberto .status{ color:#00C8FF; }
.financeiro .status-pago:before{ background-color:#38E79B; }
.financeiro .status-pago .status{ color:#38E79B; }
.financeiro .status-vencido:before{ background-color:#FFC832; }
.financeiro .status-vencido .status{ color:#FFC832; }

.financeiro .modal{
	background:#FFFFFF;
	padding:45px 16px 16px;
}

.financeiro .modal .email
{
	margin: 20px 0px 20px 0px;
}

.financeiro .modal .txtEmail
{
	width: 500px;
}

.financeiro .lnkSolicitarVia .hide
{
	display: none;
}

	.financeiro .lnkSolicitarVia:hover {
		cursor: pointer;
		color: black;
		text-shadow: 0px 0px 1px black;
	}

	.financeiro .lnkNfe:hover {
		cursor: pointer;
		color: black;
		text-shadow: 0px 0px 1px black;
	}
.financeiro .lnkVerComprovante .hide
{
	display: block;
	opacity: 0.3;
	pointer-events: none;
}

.financeiro .lnkVerComprovante:hover
{
	cursor: pointer;
	color: black;
	text-shadow: 0px 0px 1px black;
}

.financeiro .lnkVencido .hide
{
	display: none;
}

	.financeiro .lnkVencido:hover {
		cursor: pointer;
		color: black;
		text-shadow: 0px 0px 1px black;
	}

	.financeiro .lnkPix:hover {
		cursor: pointer;
		color: black;
		text-shadow: 0px 0px 1px black;
	}

.financeiro .fechar-modal
{
	position: absolute;
    right: 10px;
    top: 9px;
	width: 10px;
    height: 10px;
	background: url('../img/images.png') no-repeat;
	background-position: -100px -200px;
	cursor: pointer;
}

.financeiro .modal-comprovante-aviso
{
	text-align: center; 
	padding-top: 25px; 
	padding-bottom: 40px; 
	font-weight: bold;
}

.financeiro .lk-pequeno {
	margin-right: 7px;
}

.box-galeria {
	/*width:69px !important;*/
	max-height: 230px;
	padding-left: 100px;
	padding-right: 100px;
	/*z-index: -1;*/
	margin-top: -125px;
}
.box-galeria .owl-item
{
    width:69px !important;
    height:69px !important;
    display:block;
}
.box-galeria.owl-carousel .owl-wrapper{ width:69px !important; }
	.box-galeria a img {
		display: block;
		height: auto;
		width: 120px;
		box-shadow: 0 1px 5px grey;
		margin-bottom: 10px;
	}

/* modal QrCode */
#modal-pix.modal-pix {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 9999;
	width: 1050px;
	height: 280px;
	min-height: 300px;
	margin: 0;
	padding: 30px 35px 25px 35px;
	background: #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
	transform: translate(-50%, -50%) !important;
}

#modal-pix .modal-pix-conteudo {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}

#modal-pix .modal-pix-qrcode {
	width: 240px;
	height: 240px;
	margin-right: 40px;
	flex: 0 0 240px;
}

#modal-pix .modal-pix-qrcode-placeholder {
	width: 220px;
	height: 220px;
	border: 1px solid black;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

	#modal-pix .modal-pix-qrcode-placeholder img,
	#modal-pix .modal-pix-qrcode-placeholder canvas {
		width: 200px !important;
		height: 200px !important;
	}

#modal-pix .modal-pix-dados {
	flex: 1;
	padding-top: 30px;
}

#modal-pix .modal-pix-linha {
	display: flex;
	align-items: center;
	height: 34px;
	margin-bottom: 25px;
}

	#modal-pix .modal-pix-linha label {
		width: 105px;
		padding: 0;
		margin: 0 10px 0 0;
		color: black;
		font-size: 12px;
		font-weight: bold;
		text-transform: none;
	}

#modal-pix .txtPixCopiaECola {
	width: 520px;
	height: 28px;
	padding: 0 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

#modal-pix .btn-copiar-pix {
	width: 40px;
	height: 28px;
	margin-left: 10px;
	border: 1px solid black;
	background: white;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

	#modal-pix .btn-copiar-pix:hover {
		background: #f0f0f0;
	}

#modal-pix .txtPixValorTitulo {
	width: 130px;
	height: 28px;
	padding: 0 8px;
}

#modal-pix .modal-pix-acoes {
	width: 585px;
	text-align: right;
	margin-top: 70px;
	position: static;
}

#modal-pix .btn-fechar-pix {
	width: 80px;
	height: 28px;
	border: 1px solid black;
	background: white;
	padding: 0;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

	#modal-pix .btn-fechar-pix:hover {
		background: #f0f0f0;
	}

#modal-pix .msg-pix-copiado {
	display: none;
	position: absolute;
	top: 96px;
	right: 35px;
	width: 160px;
	padding: 8px 0;
	background: #61b15a;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	border-radius: 20px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	z-index: 10000;
}

/*_____ Filtro _____*/

.form-filtro{ height:70px; margin:0 15px 40px; }
.form-filtro > div{ float:left; padding-right:13px; }

.form-filtro .data input{ padding:0 15px; width:100px; float:left; }
.form-filtro .data input:last-child{ margin-left:9px; }
.form-filtro input[type="submit"]{ margin-top:20px; }
.form-filtro label:first-child {color: black; font-weight: 900; margin-left: 10px; font-size: 15px;}

.select-filtro {
	overflow: hidden;
	height: 50px;
	position: relative;
	display: block;
}

	.select-filtro:after {
		content: "\f078";
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		color: #000;
		padding: 1.4em 1.3em;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		vertical-align: middle;
		text-align: center;
		width: 10%;
		height: 100%;
		pointer-events: none;
		box-sizing: border-box;
	}

	.select-filtro:hover {
		border-color: black;
	}

	.select-filtro:focus {
		border-color: black;
	}

.btn-filtrar {
	text-align: center;
	left: 50%;
	margin-bottom: 30px;
}

/*
	CADASTRO
_________________*/


.cadastro{ width: 630px; position: relative; margin: 0 auto; padding: 0 15px; overflow: hidden; }
.cadastro h1{ padding-left: 0; }
.cadastro .obrigatorio{ position: absolute; right: 15px; top: 20px; }
.cadastro > div{
	float: left;
	width: 40%;
	padding:0 30px 20px 0;
	margin-right: 35px;
}
.cadastro .full{ width: 100%; }
.cadastro .sem-margem{ padding-right: 0; }
.cadastro input.lk-large{ clear: both; float: right; margin-right: 36px;}
.cadastro #upEstadoCidade{ width: 700px; }
.cadastro .estado{ padding: 0 20px 20px 0;float: left; }

.cadastro input:not([type="submit"]) {
	width: 120%;
	overflow: hidden;
}

	.cadastro .select-filtro:after {
		border-right: 1px solid #E6E6E6;
	}

	.cadastro #txtRazaoSocial, .cadastro #txtEndereco {
		width: 94%;
	}

.sel-100{ width:100px; }
.sel-150{ width:150px; }
.sel-200{ width:200px; }
.sel-250{ width:250px; }
.sel-300{ width:300px; }

.ipt-134{ width:134px; }
.ipt-305{ width:273px; }
.ipt-631{ width:599px; }
.sel-113{ width:113px; }
.sel-165{ width:165px; }
.sel-258{ width:258px; }
.sel-275{ width:275px; }
.sel-305{ width:305px; }
.sel-315{ width:300px; }




/*
	PEDIDOS
________________*/

.pedidos{ padding: 0 20px; }
.pedidos .item-pedido{ padding:22px 22px 0 59px; overflow:hidden; }
.pedidos .item-pedido:before{ height:40px; top:48px; }
.pedidos .item-pedido .txtEmpresa{ padding-top:3px; margin-bottom:26px; }

.pedidos .item-pedido .lkExpandirPedido{
	position: absolute;
	top: 48px; left: 3px;
	line-height: 38px;
	text-align: center;
	width: 53px;
	height: 40px;
}
.pedidos .item-pedido.detalheAberto .lkExpandirPedido{ transform:rotate(-180deg); }

.pedidos .item-pedido .tabelaItemPedido{ margin-bottom:30px; }

.pedidos .detalhe{
	display:none;
	margin:0 -22px 0 -59px;
	-moz-box-shadow:inset 0 8px 5px -7px rgba(0, 0, 0, .2);
	box-shadow:inset 0 8px 5px -7px rgba(0, 0, 0, .2);
}
.pedidos .detalhe table{ width: 100%; }
.pedidos .detalhe th {
	font-size: 13px;
	color:#A6A6A6;
	text-transform: uppercase;
	padding:40px 0 16px;
}
.pedidos .detalhe td{
	font-size:15px;
	line-height:155%;
	text-align:center;
	border-bottom:1px solid #E7E7E7;
	padding:35px 0;
	vertical-align:top;
}
.pedidos .detalhe th[align=left],
.pedidos .detalhe td[align=left]{ text-align: left; padding-left: 15px; }
.pedidos .detalhe th:first-child,
.pedidos .detalhe td:first-child{ padding-left:58px; }

.pedidos .detalhe td.descricao{ color:#A6A6A6; }

.pedidos .detalhe tbody tr:first-child td{ padding-top:0; }
.pedidos .detalhe tr:last-child td{ border-bottom:none; }
.pedidos .detalhe figure{ display:inline-block; }


.pad{ padding-left:20px; }
.pedidos table.tb1{
	width: 100%;
	text-align: center;
	font-size: 12px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.05);
}
.pedidos table.tb1 th{
	text-transform: uppercase;
	color: #A6A6A6;
	height: 30px;
}
.pedidos table.tb1 td{
	background: #FFF;
	height: 20px;
	padding: 15px 20px;
	border: 1px solid #FAFAFA;
}
.pedidos table.tb1 td:first-child{ width:54px; padding: 0; }
.pedidos table.tb1 td:first-child a{ width: 54px; height: 50px; position: relative; }
.pedidos table.tb1 td:first-child a i{ position: absolute; left: 20px; top: 21px; }

.pedidos table.tb1 td:last-child{ width: 68px; padding: 0; }
.pedidos table.tb1 td:last-child a{ width: 68px; height: 50px; position: relative; }
.pedidos table.tb1 td:last-child a i{ position: absolute; right: 20px; top: 18px; }
.pedidos table.tb1 tr.ativo td:first-child a{ transform: rotate(-180deg); }


/*_____ Detalhe _____*/

.pedidos table.tb1 tr.detalhe > td{ background: #FAFAFA; padding: 30px 60px; }
.pedidos table.tb1 tr.detalhe table{ width: 100%; }
.pedidos table.tb1 tr.detalhe table th,
.pedidos table.tb1 tr.detalhe table td{ border: 1px solid #E6E6E6; }
.pedidos table.tb1 tr.detalhe table th{ text-transform: none; height: 27px; }
.pedidos table.tb1 tr.detalhe table td{ font-size: 14px; }
.pedidos table.tb1 tr.detalhe table td:first-child{ padding: 15px 20px; width: auto; }
.pedidos table.tb1 tr.detalhe table td:last-child{ padding: 0; width: 100px; }


/*
	LOGIN E PRE-CADASTROS
______________________________*/

.loginPage footer{ font-size:13px; color:#FFFFFF; }

.login{
	background-color:#FFFFFF;
	width:539px;
	padding: 90px 35px 30px;
	margin:1px auto 0;
	overflow: hidden;
}

h2#h2SelecioneMarca {
	font-size: 20px;
	text-align: center;
	font-size: 23px;
	letter-spacing: -0.5px;
	font-weight: bold;
}

#loginShoowroomID {
	height: 80%;
	width: auto;
}

.login h1{ font-weight:700; font-size:23px; text-transform: uppercase; margin-bottom:20px; }
.login h2{ font-size:19px; text-transform: uppercase; margin-bottom:20px; }

.login .selecioneMarca{ height:280px; margin-bottom:auto; }

.login .selecioneMarca label:nth-of-type(1){
	width:48%;
	height:110px;
	float:left;
	border:1px solid #EBEBEB;
	padding:0;
	position:relative;
	cursor:pointer;
}
.login .selecioneMarca label:nth-of-type(2) {
	width: 48%;
	height: 110px;
	float: right;
	border: 1px solid #EBEBEB;
	padding: 0;
	position: relative;
	cursor: pointer;
}
.login .selecioneMarca label:nth-of-type(3) {
	width: 48%;
	height: 110px;
	float: left;
	border: 1px solid #EBEBEB;
	padding: 0;
	position: relative;
	cursor: pointer;
}
.login .selecioneMarca label:nth-of-type(4) {
	width: 48%;
	height: 110px;
	float: right;
	border: 1px solid #EBEBEB;
	padding: 0;
	position: relative;
	cursor: pointer;
}
.login .selecioneMarca label:nth-of-type(5) {
	width: 48%;
	height: 110px;
	float: left;
	border: 1px solid #EBEBEB;
	padding: 0;
	position: relative;
	cursor: pointer;
}
.login .selecioneMarca label:nth-of-type(6) {
	width: 48%;
	height: 110px;
	float: right;
	border: 1px solid #EBEBEB;
	padding: 0;
	position: relative;
	cursor: pointer;
}

.login .selecioneMarca label:first-child{ margin-left:0; }
.login .selecioneMarca label img{
	position:absolute;
	top:-1px; left:-1px;
	z-index:2;
	height: 110px;
	width: 100%;
	border:1px solid transparent;
	padding: 1.5em;
}

.login .selecioneMarca label img:hover {
	border: 1px solid;
}

.login .selecioneMarca input{ width:178px; height:110px; opacity:0; cursor:pointer; }
.login .selecioneMarca input:checked + img{
	border-color:black;
	-webkit-box-shadow:0 0 5px 0 #B5B5B5;
	box-shadow:0 0 5px 0 #B5B5B5;
}

.login .form > div{ position: relative; padding-bottom: 8px; }
.login .form div em,
.login .form div a{
	position: absolute;
	top:0; right: 0;
	line-height: 50px;
	padding-right: 20px;
	font-size: 12px;
}
.login .form em{ font-style: italic; color: #A6A6A6; }
.login .form input[type="text"],
.login .form input[type="password"]{ padding-right:150px; width:100%; background-color: black; }
.login .form .lk-voltar{ float:left; margin-top:18px; }
.login p{ margin:-10px 0 60px; line-height:24px; color:#A6A6A6; }
.login #btnEnviar, .login #btnEntrar {
	display: block;
	float: none;
	margin: auto;
}

.loginPage #txtCNPJ, #txtSenha, #txtCNPJ_esqueciSenha {
	color: white;
	font-weight: bold;
}

	.loginPage #txtCNPJ::placeholder, #txtSenha::placeholder, #txtCNPJ_esqueciSenha::placeholder {
		color: lightgray;
		font-weight: normal;
	}

a#aSolicitarAcesso {
	width: 100%;
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 15px;
}

.login-links {
	font-size: 20px;
	margin: 30px 0 0;
	text-align: center;
}
.login-links a{ color:black; margin:0 15px; }
.login-links i{ color: black; }

#btnSolicitar {
	float: right;
}
/*
	RESPONSIVO
___________________*/
@media (max-width: 1245px) {
	.center{ width:90%; padding:0 15px; }
	header.main nav li{ margin: 0 2px; }
	.lista-produto{ width:52%; }
	.info-produto{ width: 416px; }
	.galeria-produto{ width: 469px; }
	.galeria-produto .foto-produto{ width: 400px; height: 400px; }
	.conteudo{ width: 631px; }
	.meu-pedido figure img{ width: 154px; }
	.meu-pedido .info{ width: 370px; }
	.meu-pedido .preco-data{ float: left; }
	.meu-pedido .preco-data div{ padding:15px 30px 0 0; }
	.meu-pedido .grade{ width: 601px; }

	.form-filtro{ height:172px; }
	.form-filtro > div { padding-bottom:15px; }
	header.main nav { left: 215px; padding-left: 10px; margin-left: 4px; }
	header.main nav .lk-busca { margin-left: 10px; }
	header.main .lk-carrinho { left: 14px;}

}


	/* Modal */
	.modal {
		position: absolute;
		z-index: 100;
		background: #FAFAFA;
		padding: 45px 0px 0px 20px;
		display: none;
		box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.10);
		border: 2px solid #E6E6E6;
	}

		.modal .fechar-modal {
			position: absolute;
			right: 10px;
			top: 9px;
			width: 10px;
			height: 10px;
			cursor: pointer;
		}

		.modal table {
			width: 100%;
			line-height: 25px;
		}

		.modal .modal-comprovante hr {
			color: #CECECE;
		}

	.item-cliente {
		width: 750px;
		margin-left: 10px;
		color: #A6A6A6;
		padding: 15px 0px 15px 15px;
	}

		.item-cliente .nome {
			font-size: 16pt;
			font-weight: bold;
			margin-bottom: 5px;
			display: block;
		}

		.item-cliente .cnpj {
			font-size: 9pt;
			margin-top: 10px;
		}

		.item-cliente .selecionar {
			position: absolute;
			right: 80px;
			margin-top: -10px;
		}

	.div-clientes {
		width: 760px;
		height: 350px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.acessar-como-cliente {
		display: none;
	}

		.acessar-como-cliente:hover {
			cursor: pointer;
			color: black;
			text-shadow: 0px 0px 1px white;
		}

	.contato-titulo {
		font-weight: bold;
		line-height: 25px;
	}

	.contato-texto {
		color: #A6A6A6;
		line-height: 25px;
	}

	.txtContato {
		background-color: transparent;
		line-height: 25px;
		color: #A6A6A6;
	}

.loading {
	height: 35px;
	width: 35px;
	margin: -40px auto;
	background: url(../img/loading.gif) no-repeat;
	padding-right: 350px;
	padding-bottom: 80px;
}
.loading > .hide {
	display: none;
}