header{
	background:url(../img/topo.jpg) center top no-repeat #0776a1;
}
header.header-hardware{
	background:url(../img/topo2.jpg) center top no-repeat #3b876f;
}
header .responsive-logo{
	width:370px;
	height:90px;
	position:relative;
	float:left;
	margin-top:17px;
	margin-bottom:17px;
}
header .responsive-logo img{
	width:100%;
}
header canvas{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
header .container{
	z-index:2;
	position:relative;
}
nav ul{
	background-color:#ffffff;
	list-style:none;
	font-size:21px;
	text-transform:uppercase;
	color:#c5c6c6;
	font-weight:100;
}
nav ul li{
	display:inline-block;
}
nav ul li.cor-1{
	background-color:#0793c9;
}
nav ul li.cor-2{
	background-color:#52ba99;
}
nav ul li.cor-1 a, nav ul li.cor-2 a{
	color:#ffffff;
	text-transform:uppercase;
	font-weight:700;
}
nav ul li a{
	color:#575656;
	margin:10px;
}
ul.linguas{
	list-style:none;
	margin-top:50px;
}
ul.linguas li{
	display:inline-block;
	margin-right:10px;
}
ul.linguas li a{
	color:#ffffff;
	font-size:17px;
	transition:all ease-in 0.3s;
}
ul.linguas li a:hover img{
	transform:rotateY(360deg);
	transition:all ease-in 0.3s;
}
ul.linguas li.ativo a{
	font-weight:700;
}
.busca{
	margin-top:10px;
}
.container{
	min-height:100%;
}
.conteudo{
	margin-bottom:90px;
}
footer{
	width:100%;
	background-color:#0986b6;
	position:fixed;
	bottom:0;
	text-align:center;
	color:#ffffff;
	font-size:16px;
}
footer.footer-hardware{
	background-color:#52ba99;
}
footer ul{
	list-style:none;
}
footer ul li{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}
footer ul li a{
	color:#ffffff;
}
.home{
	font-size:17px;
}
.home img{
	width:100%;
	-webkit-filter: saturate(1);
  	filter: saturate(1);
}
.home a{
	color:rgba(255,255,255,0.6);
	transition:all ease-out 0.3s;
}
.home a:hover{
	text-decoration:none;
	color:rgba(255,255,255,1);
	transition:all ease-out 0.3s;
}
.home a:hover img{
	-webkit-filter: saturate(2);
  	filter: saturate(2);
	transition:all ease-out 0.3s;
}
.home h2{
	position:relative;
	z-index:2;
	width:100%;
	font-weight:700;
	font-size:3.6em;
	letter-spacing:0.3em;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:-100px;
}
.home span{
	color:#ffffff;
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	font-size:1.6em;
	text-align:center;
	background-color:rgba(0,0,0,0.2);
	line-height:2em;
	margin-top:-55px;
}
.titulo{
	color:#0695cb;
	background:url(../img/faixa-titulo.png) center repeat-x;
}
.titulo h2{
	font-size:55px;
	font-weight:100;
	margin-top:0;
	margin-bottom:0;
	text-transform:uppercase;
	background-color:#ffffff;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}
.about div{
	font-size:18px;
	font-weight:100;
	line-height:38px;
	text-align:justify;
	color:#575656;
	margin-top:20px;
}
a.voltar{
	font-size:15px;
	line-height:20px;
	font-weight:700;
	color:#0e98cd;
	background:url(../img/voltar.png) no-repeat left center;
	padding-left:20px;
	position:relative;
	margin-top:100px;
}
.faixa-topo{
	width:100%;
	height:10px;
	background:url(../img/faixa-topo.png) center no-repeat;
	clear:both;
	margin:0px;
	content:' ';
}
.furniture h2{
	font-size:31px;
	color:#0793c9;
	font-weight:700;
	line-height:21px;
	margin:35px 0 0;
	padding:0px;
	text-transform:uppercase;
	text-align:center;
}
.furniture h3.catalog{
	font-size:28px;
	color:#0793c9;
	font-weight:700;
	line-height:21px;
	margin:35px 0 0;
	padding:0px;
	text-transform:uppercase;
	text-align:center;
}
.hardware h2{
	font-size:31px;
	color:#52ba99;
	font-weight:700;
	line-height:21px;
	margin:35px 0 0;
	padding:0px;
	text-transform:uppercase;
	text-align:center;
}
.hardware h3.catalog{
	font-size:28px;
	color:#52ba99;
	font-weight:700;
	line-height:21px;
	margin:35px 0 0;
	padding:0px;
	text-transform:uppercase;
	text-align:center;
}
.furniture ul, .hardware ul{
	list-style:none;
	text-align:center;
}
.furniture ul li, .hardware ul li{
	display:block;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
	background-color:#83c9e4;
	border-bottom:1px solid #ffffff;
	padding-top:10px;
	padding-bottom:10px;
	line-height:22px;
}
.hardware ul li{
	background-color:#a8dccc;
}
.furniture ul li a, .hardware ul li a{
	color:#ffffff;
}
.furniture ul li:hover, .furniture ul li.ativo{
	background-color:#0793c9;
	text-decoration:none;
}
.hardware ul li:hover, .hardware ul li.ativo{
	background-color:#52ba99;
	text-decoration:none;
}
.furniture ul li a:hover, .hardware ul li a:hover{
	text-decoration:none;
}
.furniture h3, .hardware h3{
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:10px;
	font-weight:700;
	color:#6c6c6c;
}
.produtos .caixa-pro{
	margin-top:75px;
	min-height:320px;
}
.furniture .produtos .caixa-pro{
	margin-top:21px;
}
.produtos.detalhe .caixa-pro{
	margin-top:75px;
}
.produtos .caixa-pro .item{
	position:relative;
	display:block;
	width:100%;
	background-color:#ffffff;
	text-align:center;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}
.produtos .caixa-pro .item:hover{
	text-decoration:none;
}
.produtos .caixa-pro .item img{
	margin-top:5px;
	margin-bottom:5px;
}
.detalhe.produtos .caixa-pro .item{
	border:0px none;
}
.produtos .caixa-pro .item span.nome{
	font-size:18px;
	line-height:20px;
	font-weight:700;
	color:#ffffff;
	display:block;
	position:relative;
	top:0;
	text-align:center;
	width:100%;
	background-color:#0793c9;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:10px;
}
.hardware .produtos .caixa-pro .item span.nome{
	background-color:#52ba99;
}
.detalhe.produtos .caixa-pro .item span.nome{
	font-size:30px;
	line-height:48px;
}
.produtos .caixa-pro .item span.veja{
	font-size:13px;
	line-height:30px;
	font-weight:100;
	color:#8b8b8b;
	display:block;
	position:relative;
	bottom:0;
	text-align:center;
	width:100%;
	background:url(../img/lupa.png) right center no-repeat #ffffff;
	text-transform:uppercase;
}
.detalhe .col-md-4{
	margin-top:10px;
}
.detalhe span.legenda{
	font-size:24px;
	font-weight:700;
	color:#7e7e7e;
	display:inline-block;
	width:100%;
}
.detalhe span.valor{
	font-size:18px;
	font-weight:100;
	color:#7e7e7e;
	display:inline-block;
	width:100%;
}
.detalhe .descricao{
	font-size:18px;
	line-height:18px;
	font-weight:100;
	color:#7e7e7e;
	width:100%;
	text-align:left;
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid #CCC;
}
.detalhe .descricao p{
	margin: 0.5em 0;
}
.produtos.detalhe .cores{
	position:absolute;
	right:0;
	top:18%;
	width:58px;
	display:block;
	text-align:center;
	z-index:9;
	font-size:11px;
	color:#0793c9;
}
.produtos.detalhe .cores span{
	display:inline-block;
	content:" ";
	width:58px;
	height:18px;
	border:1px solid #CCC;
}
.produtos.detalhe .gallery{
	width:100%;
	height:563px;
}
#produtos .mix{
	display: none;
}
/* Base for label styling */
#filters p{
	display:inline-block;
	margin:5px;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  font-weight:700;
  color: #1897c9;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}
a.intervene{ width:140px; margin:5px 5px 0 0; padding:7px 0; display:block; float:right; background:url(../img/intervene.svg) right center no-repeat; font-weight:100; font-size:11px; color:#0986b6; text-align:left; position:absolute; right:0; bottom:0px; }
a.intervene:hover{ color:#ffffff; }