@import url('reset.css');
@import url('fonts.css');
@import url('font-awesome.min.css');

/*
Temas: 

Tema 1: #8415a8 - Roxo
Tema 2: #46aaff - Azul
Tema 3: #96ca1b - Verde
Tema 4: #1c8c93 - Verde Água
Tema 5: #e46202 - Laranja

Tema 1 - hover: #721192 - Roxo Hover
Tema 2 - hover: #3898ea - Azul Hover
Tema 3 - hover: #88b718 - Verde Hover
Tema 4 - hover: #188087 - Verde Água Hover
Tema 5 - hover: #cb5e0d - Laranja Hover

*/

html {
	/* Prevent font scaling in landscape while allowing user zoom */
	-webkit-text-size-adjust: 100%; 
}

@media only screen and ( max-width: 900px ) {

	* {
		box-sizing: border-box;
	}

	html, body {
    -webkit-overflow-scrolling: touch; /* MELHORA O SCROLL EM DISPOSITIVOS MOBILE */
  }

  body {
  	font-size: 16px;
  }

}

body{ 
	width: 100%; 
	background: #fff; 
	font: 100% Arial, Helvetica, sans-serif; 
	color: #555; 
}

.backtop{
	position: fixed;
	bottom: 100px; right: 10px;
	width: 40px; height: 40px;
	background: #000 url('../img/ico-back-top.png') no-repeat 50% 50%;
	display: none;
	cursor: pointer;
	transition: opacity .3s ease;
	z-index: 700;
}

@media only screen and ( max-width: 900px ) {

	.backtop {
		width: 50px;
		height: 50px;
		border-radius: 10px; 
	}
	
}

.tema-1 .backtop{ background-color: #8415a8; }
.tema-2 .backtop{ background-color: #46aaff; }
.tema-3 .backtop{ background-color: #96ca1b; }
.tema-4 .backtop{ background-color: #1c8c93; }
.tema-5 .backtop{ background-color: #e46202; }

.backtop:hover{
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}


/* TOPO
---------------- */
#topo{ 
	width: 100%;
	position: relative;
}

#topo .inner{ width: 980px; }

@media only screen and ( max-width: 900px ) {

	#topo .inner{ 
		width: 100%;
		padding: 0 0;
	}

}

#faixa-cinza-topo{
	width: 600px; height: 55px;
	background: #f3f4f2;
	position: absolute; top: 0; right: 0;
	z-index: -1;
}

@media only screen and ( max-width: 900px ) {

	#faixa-cinza-topo {
		display: none;
	}

}

#faixa-branca-topo{
	width: 600px; height: 54px;
	background: #fff;
	position: absolute; top: 55px; right: 0;
	z-index: -1;
	border-bottom: solid 1px #CCC;
}

@media only screen and ( max-width: 900px ) {

	#faixa-branca-topo {
		display: none;
	}

}

#box-logo{
	width: 250px;
	height: 110px;
	background: #ccc;
	position: relative;
	float: left;
}

@media only screen and ( max-width: 900px ) {
	
	#box-logo {
		width: 100%;
		height: auto;
		float: none;
		padding: 25px 15px;
	}

}


/* COR LOGO */
.tema-1 #box-logo{ background: #8415a8; }
.tema-2 #box-logo{ background: #46aaff; }
.tema-3 #box-logo{ background: #96ca1b; }
.tema-4 #box-logo{ background: #1c8c93; }
.tema-5 #box-logo{ background: #e46202; }



/* TOPO FIXO
------------------- */
#topo-fixo{
	width: 100%; height: 55px; 
	position: fixed; top: 0; left: 0;
	z-index: 250;
	display: none;
}

.tema-1 #topo-fixo{ background: #8415a8; }
.tema-2 #topo-fixo{ background: #46aaff; }
.tema-3 #topo-fixo{ background: #96ca1b; }
.tema-4 #topo-fixo{ background: #1c8c93; }
.tema-5 #topo-fixo{ background: #e46202; }

#logo-fixo{
	float: left;
	margin-top: 5px;
}


/* LOGO
---------------- */
#box-logo #logo{
	position: absolute;
	top: 50%; left: 50%;
	margin: -27px 0 0 -94px;	
}

#box-logo #logo{
	display: block;
}

#box-logo #logo img{
	width: 188px; height: 38px;
	display: block;
}

#box-logo .texto-logo{
	font: 12px arial, sans-serif;
	color: #fff;
	display: block;
	text-align: right;
	margin: 0 10px 0 0;
	position: absolute;
	top: 72px; right: 20px;
	text-decoration: none;
}


/**
 * ------------------------
 * TOPO COM LOGO
 * ------------------------
 */
@media only screen and ( max-width: 900px ) {
	
	#box-logo .texto-logo {
		/* position: relative;
		right: auto; left: auto;
		top: 75px;
		text-align: center; */
		display: none;
	}

	#box-logo #logo {
		position: relative;
		top: 0; left: 0;
		margin: 0;	
		float: left;
		margin: 0;
	}

	#box-logo #logo {
		display: block;
	}

}

#box-logo .texto-logo a {
	text-decoration: none;
	color: #fff;	
}

#box-logo .texto-logo h1,
#box-logo .texto-logo h2,
#box-logo .texto-logo h3{ font-weight: normal; }


#box-topo {
	float: right;
	display: block;
	width: 730px;
	background: #f3f4f2;
}

@media only screen and ( max-width: 900px ) {
	
	#box-topo {
		float: none;
		width: 98%;
		margin: 0 auto;
		background: none;
	}

}

#box-topo #form-busca {
	float: left;
	width: 375px;
	height: 55px;
}

#box-topo #form-busca .input-text {
	background: none;
	font: 12px Arial, sans-serif;
	color: #a8a8a8;
	border: none;
	padding: 20px 10px 10px 10px;
	background: none;
	float: left;
	width: 290px;
	height: auto;
	outline: none;
	line-height: normal;
}

#box-topo #form-busca #btn-busca{
	float: left;
	background: #ccc url(../img/ico-busca.png) no-repeat 50% 50%;
	border: none;
	width: 55px; height: 55px;
	cursor: pointer;
	transition: background-color .2s ease;
}


/**
 * ---------------------
 * BUSCA
 * ---------------------
 */
@media only screen and ( max-width: 900px ) {

	#box-topo #form-busca{
		float: none;
		height: auto;
		width: 100%; 
		clear: both;
		margin: 10px auto;
		border: solid 1px #eee;
	}
	
	#box-topo #form-busca .input-text { 
		width: 85%;
		font-size: 16px;
	}

	#box-topo #form-busca #btn-busca {
		width: 15%;
	}

}


/* COR BOTÃO FORMULÁRIO BUSCA */
.tema-1 #box-topo #form-busca #btn-busca{ background-color: #8415a8; }
.tema-2 #box-topo #form-busca #btn-busca{ background-color: #46aaff; }
.tema-3 #box-topo #form-busca #btn-busca{ background-color: #96ca1b; }
.tema-4 #box-topo #form-busca #btn-busca{ background-color: #1c8c93; }
.tema-5 #box-topo #form-busca #btn-busca{ background-color: #e46202; }

.tema-1 #box-topo #form-busca #btn-busca:hover{ background-color: #721192; }
.tema-2 #box-topo #form-busca #btn-busca:hover{ background-color: #3898ea; }
.tema-3 #box-topo #form-busca #btn-busca:hover{ background-color: #88b718; }
.tema-4 #box-topo #form-busca #btn-busca:hover{ background-color: #188087; }
.tema-5 #box-topo #form-busca #btn-busca:hover{ background-color: #cb5e0d; }

#contatos-topo{
	float: right;
	width: 330px; 
	height: 46px;
	padding: 9px 10px 0 0;
	position: relative;
}
#contatos-topo img {
    display: inline-block;
}

#contatos-topo .fs-13,
#contatos-topo .fs-21 {
	font-weight: bolder;
}

#contatos-topo .fs-13 {
    font-size: 13px;
}

#contatos-topo .fs-21 {
    font-size: 21px;
}

#contatos-topo .whats {
	color: #a8a8a8;
	float: right;
	margin-left: 10px;
	margin-top: -5px;
}

#contatos-topo .whats .fa {
	font-size: 18px;
}

.contato-mobile { display: none; }

/**
 * -----------------------------
 * CONTATOS TOPO
 * -----------------------------
 */
@media only screen and ( max-width: 900px ) {

	#contatos-topo {
		width: 100%;
		height: auto;
		padding: 15px;
		text-align: center;
		float: none;
		clear: both;
		background: #fff;
	}

	#contatos-topo img {
		margin: 0 auto;
		padding: 0;
		max-width: 375px;
	}

	.contato-mobile {
	    width: 100%;
	    height: 70px;
	    clear: both;
	    display: block;
	    margin: 10px 0 auto;
	    background: #fff;
	    padding: 10px 0;
	    text-align: center;
	    font: 12px Arial, sans-serif;
	    color: #a8a8a8;
	    line-height: 1.7em;
	    background: #f8f8f8;
	}

	.contato-mobile .whats-topo {
		display: block;
		clear: both;
		padding-top: 5px;
	}

	.contato-mobile .whats-topo .fs-13 {
		font-size: 13px;
		font-weight: bolder;
	}

	.contato-mobile .whats-topo .fs-21 {
		font-size: 21px;
		font-weight: bolder;
	}

	.contato-mobile .whats-topo .fa {
		font-size: 16px;
	}

	.contato-mobile a {
		display: block;
	}

}

#contatos-topo .texto-contatos-topo {
	font: 12px/1.3em arial, sans-serif;
    color: #a8a8a8;
    display: block;
    position: absolute;
    top: 15px;
    right: 170px;
}

#contatos-topo .tel-topo {
	float: right;
	display: block;
	margin-top: 0;
}

#contatos-topo  .tel-slider {
	float: right;
	width: 138px;
	height: 17px;
	overflow-y: hidden;
	transition: all .2s ease;
	top: 10px;
	/*overflow-x: hidden;*/
}

#contatos-topo .end-topo {
	clear: both;
	display: block;
	margin-top: 8px;
	float: right;
}

@media only screen and ( max-width: 900px ) {

	#contatos-topo { display: none; }

	#contatos-topo .texto-contatos-topo {
		position: relative;
		top: auto;
		right: auto;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}

	#contatos-topo .texto-contatos-topo img.show-mobile {
		display: block;
		margin: 0 auto;
	}

	.contato-mobile .tel-slider {
		float: none;
		width: auto;
		top: 10px;
		width: 100%;
		text-align: center;
	}

	.contato-mobile .tel-slider img {
		display: inline-block;
		margin: 0 auto;
		left: 50% !important;
		transform: translateX(-50%);
	}

}


/* MENU
================*/
#menu{
	clear: both;
	height: 54px;
	background: #fff;
	border-bottom: solid 1px #ccc;
}
	
	.mobile-menu-ico {
		display: none;
	}

	@media only screen and ( max-width: 900px ) {
	
		#menu {
			width: 100%;
			height: auto;
			position: absolute;
			top: 87px;
			left: 0;
			z-index: 999;
			display: none;
		}

		#menu > ul::before {
			content: 'Menu';
			text-transform: uppercase;
			padding: 15px;
			font-size: 12px;
			display: block;
			font-weight: bold;
			background: #f8f8f8;
			border-top: solid 1px #ddd;
		}

		.mobile-menu-ico {
			display: inline-block;
			color: #fff;
			position: absolute;
			top: 50%;
			right: 20px;
			font-size: 35px;
			cursor: pointer;
			margin-top: -16px;
		}

	}
	
	#menu ul li, 
	#menu ul li a{
		font: 16px 'pt_sansbold', Arial, sans-serif;
		color: #929291;
	}

	#menu-fixo ul li, 
	#menu-fixo ul li a{
		font: 16px 'pt_sansbold', Arial, sans-serif;
		color: #fff;
	}

	#menu ul li,
	#menu-fixo ul li{ float: left; }

	@media only screen and ( max-width: 900px ) {

		#menu ul li,
		#menu-fixo ul li { 
			float: none; 
		}

	}

	#menu ul li a,
	#menu-fixo ul li a{		
		text-decoration: none;
		display: block;
		padding: 12px 27px 11px 27px;
		line-height: 2em;
		transition: .2s ease;
	}
	#menu-fixo ul li a{	color: #fff; }

	@media only screen and ( max-width: 900px ) {

		#menu ul li a,
		#menu-fixo ul li a{		
			padding: 15px;
		}

	}	

	.tema-1 #menu-fixo .submenu-item ul li a{ color: #8415a8; }
	.tema-2 #menu-fixo .submenu-item ul li a{ color: #46aaff; }
	.tema-3 #menu-fixo .submenu-item ul li a{ color: #96ca1b; }
	.tema-4 #menu-fixo .submenu-item ul li a{ color: #1c8c93; }
	.tema-5 #menu-fixo .submenu-item ul li a{ color: #e46202; } 

	#menu ul li a:hover{
		background: ;
		color: #fff;
	}
	#menu-fixo ul li a:hover{ background: #fff; }

	.tema-1 #menu ul li a:hover{ background: #8415a8; }
	.tema-2 #menu ul li a:hover{ background: #46aaff; }
	.tema-3 #menu ul li a:hover{ background: #96ca1b; }
	.tema-4 #menu ul li a:hover{ background: #1c8c93; }
	.tema-5 #menu ul li a:hover{ background: #e46202; }

	.tema-1 #menu-fixo ul li a:hover{ color: #8415a8; background: #fff; }
	.tema-2 #menu-fixo ul li a:hover{ color: #46aaff; background: #fff; }
	.tema-3 #menu-fixo ul li a:hover{ color: #96ca1b; background: #fff; }
	.tema-4 #menu-fixo ul li a:hover{ color: #1c8c93; background: #fff; }
	.tema-5 #menu-fixo ul li a:hover{ color: #e46202; background: #fff; }
	
	#menu .last-item a{ border-left: solid 1px #ccc; }

	#menu .seta-menu,
	#menu-fixo .seta-menu{
		width: 7px; height: 5px;
		display: inline-block;
		background: transparent url('../img/seta-menu-principal.png') no-repeat 0 0;
	}

	#menu-fixo .seta-menu{
		background: transparent url('../img/seta-menu-principal-w.png') no-repeat 0 0;
	}


	/* SUBMENU
	================*/
	#menu .submenu-item,
	#menu-fixo .submenu-item{ position: relative; z-index: 1500; }

	#menu .submenu-item:hover > a{
		background: #96ca1b;
		color: #fff;
	}

	#menu-fixo .submenu-item:hover > a{ background: #fff; }
	
	.tema-1 #menu .submenu-item:hover > a{ background: #8415a8; }
	.tema-2 #menu .submenu-item:hover > a{ background: #46aaff; }
	.tema-3 #menu .submenu-item:hover > a{ background: #96ca1b; }
	.tema-4 #menu .submenu-item:hover > a{ background: #1c8c93; }
	.tema-5 #menu .submenu-item:hover > a{ background: #e46202; }
	
	.tema-1 #menu-fixo .submenu-item ul li a:hover{ background: #8415a8; color: #fff !important; }
	.tema-2 #menu-fixo .submenu-item ul li a:hover{ background: #46aaff; color: #fff !important; }
	.tema-3 #menu-fixo .submenu-item ul li a:hover{ background: #96ca1b; color: #fff !important; }
	.tema-4 #menu-fixo .submenu-item ul li a:hover{ background: #1c8c93; color: #fff !important; }
	.tema-5 #menu-fixo .submenu-item ul li a:hover{ background: #e46202; color: #fff !important; }
	
	.tema-1 #menu-fixo .submenu-item:hover > a{ color: #8415a8; }
	.tema-2 #menu-fixo .submenu-item:hover > a{ color: #46aaff; }
	.tema-3 #menu-fixo .submenu-item:hover > a{ color: #96ca1b; }
	.tema-4 #menu-fixo .submenu-item:hover > a{ color: #1c8c93; }
	.tema-5 #menu-fixo .submenu-item:hover > a{ color: #e46202; } 

	#menu-fixo .submenu-item ul li a{ color: #777 !important; }
	#menu-fixo .submenu-item ul li a:hover{ background: #eee; color: ; }


	#menu .submenu-item:hover .seta-menu,
	#menu-fixo .submenu-item:hover .seta-menu{
		background: url('../img/seta-menu-principal-w.png') no-repeat 0 0;
	}

	#menu .submenu-item .box-submenu,
	#menu-fixo .submenu-item .box-submenu{
		display: none;
		position: absolute;
		top: 55px; left: -250px; 
		width: 980px;
		background: #f5f5f5;
		border-bottom: solid 1px #ccc;
	}
	#menu-fixo .submenu-item .box-submenu{ border-bottom: solid 3px #ddd; background: #fff; }

	@media only screen and ( max-width: 900px ) {
		
		#menu .submenu-item .box-submenu,
		#menu-fixo .submenu-item .box-submenu {			
			width: 100%;
			height: auto;
			top: auto; left: auto;
			position: relative;
		}

	}

	@media only screen and ( min-width: 901px ) {
	
		#menu .submenu-item:hover .box-submenu, 
		#menu-fixo .submenu-item:hover .box-submenu{ display: block; } 

	}

	#menu .submenu-item .box-submenu ul,
	#menu-fixo .submenu-item .box-submenu ul{
		width: 252px;
		background: ;
		float: left;
	}

	@media only screen and ( max-width: 900px ) {
	
		#menu .submenu-item .box-submenu ul,
		#menu-fixo .submenu-item .box-submenu ul {
			width: 100%;
			float: none;
		}

	}

	#menu .box-submenu li,
	#menu-fixo .box-submenu li{ float: none; }

	#menu .box-submenu li a,
	#menu-fixo .box-submenu li a{
		font: 16px 'pt_sansregular', Arial, sans-serif;
		padding: 15px 10px;
	}

	#menu .submenu-item a:hover .seta-menu,
	#menu-fixo .submenu-item a:hover .seta-menu{ 
		background: transparent url('../img/seta-menu-principal-w.png') no-repeat 0 0;
	}
	

	/* ÍCONE CARRINHO
	===================*/
	#menu .ico-carrinho,
	#menu-fixo .ico-carrinho{
		width: 22px; height: 20px;
		margin: 0 2px;
		display: inline-block;		
		background: transparent url('../img/ico-carrinho.png') no-repeat;
	}

	#menu-fixo .ico-carrinho{
		background: transparent url('../img/ico-carrinho-w.png') no-repeat;
	}

	#menu .carrinho-vazio,
	#menu-fixo .carrinho-vazio{ background-position: -55px 50%; }

	#menu .carrinho-cheio,
	#menu-fixo .carrinho-cheio{ background-position: 0 50%; }

	#menu .last-item:hover .carrinho-vazio{ background-image: url('../img/ico-carrinho-w.png'); }

	#menu-fixo .last-item:hover .carrinho-vazio{ background-image: url('../img/ico-carrinho.png'); }



/* BANNER
----------------- */	
#banner-wrapper {
	width: 980px; height: 310px;
	clear: both;	
	overflow-y: hidden;
}

	
	@media only screen and ( max-width: 900px ) {

		#banner-wrapper { 
			display: none;
		}
		
	}

	#banner-wrapper .banner {
		width: 980px; height: 310px;
		position: relative;
	}

	#banner-wrapper .conteudo-banner {
		float: left;
		width: 500px;
		display: block;
		margin: 30px 0 0;
	}

	@media only screen and ( max-width: 900px ) {

		#banner-wrapper .banner {
			width: 100%;
			padding: 0 10px;
		}

		#banner-wrapper .conteudo-banner {
			float: none;
			width: 100%;
			padding: 0 10px;
			text-align: center;
		}

	}

	#banner-wrapper .titulo{
		font: 50px 'pt_sansbold', Arial, sans-serif;
		color: #000;
		line-height: 1em;
		text-decoration: none;
		transition: color .2s ease;
	}

	#banner-wrapper .banner-1 .titulo{ color: #46aaff; }
	#banner-wrapper .banner-1 .titulo:hover{ color: #3f9dee; }

	#banner-wrapper .banner-2 .titulo{ color: #d6e402; }
	#banner-wrapper .banner-2 .titulo:hover{ color: #c5d108; }

	#banner-wrapper .banner-3 .titulo{ color: #18b3a6; }
	#banner-wrapper .banner-3 .titulo:hover{ color: #129a8f; }

	#banner-wrapper .texto{
		font: 14px Arial, sans-serif;
		color: #a8a8a8;
		line-height: 1.5em;
		display: block;
		padding: 30px 0;
		width: 340px;
	}

	@media only screen and ( max-width: 900px ) {

		#banner-wrapper .texto {
			width: 100%;
			text-align: center;
			padding: 30px 1%;
		}

	}

	#banner-wrapper .img-banner{
		float: right;
		display: block;
		position: absolute;
		bottom: 0; 
	}

	#banner-wrapper .img-1 { /* cadeiras */
		right: 100px;
	}

	#banner-wrapper .img-2 { /* urna */
		right: 0;	
	}

	#banner-wrapper .img-3 { /* pulpitos */
		right: 10px;
	}


	@media only screen and ( max-width: 900px ) {

		#banner-wrapper .img-banner {
			float: none;
			position: relative;
			right: auto; left: auto;
			bottom: auto;
		}

	}

	#banner-wrapper .conteudo-banner .btn-banner{
		padding: 10px 15px;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background: #000;
		border-radius: 3px;
		font: 13px 'pt_sansbold', Arial, sans-serif;
		transition: .2s ease;
	}
	#banner-wrapper .conteudo-banner .btn-banner:hover{ background: #333; }

	#banner-wrapper .banner-1 .btn-banner{ background: #46aaff; }
	#banner-wrapper .banner-1 .btn-banner:hover{ background: #3f9dee; }

	#banner-wrapper .banner-2 .btn-banner{ background: #d6e402; }
	#banner-wrapper .banner-2 .btn-banner:hover{ background: #c5d108; }

	#banner-wrapper .banner-3 .btn-banner{ background: #18b3a6; }
	#banner-wrapper .banner-3 .btn-banner:hover{ background: #129a8f; }

	
	/* CYCLE PAGER */
	.pager-banner{
		top: auto; left: auto; bottom: 10px; right: 0;
		position: absolute;
		z-index: 200;
	}

	.pager-link{
		width: 6px; height: 20px;
		background: #f3f4f2;
		z-index: 999;
		display: inline-block;
		margin-bottom: 5px;
		clear: both;
		float: left;
		cursor: pointer;
	}
	.pager-banner .cycle-pager-active{ background: #b9b9b9; }
	


/* FAIXA DESTAQUE
===================*/
.faixa-destaque{
	width: 100%;
	display: block;
	background: #8415a8;
	padding: 12px 0;
	clear: both;
}	

	@media only screen and ( max-width: 900px ) {

		.faixa-destaque { display: none; }

	}

	.faixa-destaque-interna{
		background: #f3f4f2;
	}

	.faixa-destaque .box-destaque{
		float: left;
		font: 12px 'pt_sansregular', Arial, sans-serif;
		color: #fff;
		width: 282px;
		width: 288px;
		padding-left: 42px;
		padding-left: 36px;
		position: relative;
		line-height: 0.5em;
	}
	.faixa-destaque-interna .box-destaque{ color: #929291; }

	@media only screen and ( max-width: 900px ) {

		.faixa-destaque .box-destaque {
			width: 98%; height: auto;
			padding: 0 20px 20px 20px;
			display: block;
			float: none;
			text-align: center;
			margin: 0 auto;
		}

		.faixa-destaque .box-destaque:last-child {
			padding-bottom: 0;
		}

	}

	.faixa-destaque .titulo{
		font: 14px 'pt_sansbold', Arial, sans-serif;
		color: #fff;
		display: block;
	}
	.faixa-destaque-interna .titulo{ color: #929291; }

	.faixa-destaque .ico{
		display: inline-block;
		width: 25px; height: 25px;
		background: #fff;
		position: absolute;
		left: 0; top: 5px;
		background: url('../img/ico-faixa-destaque.png') no-repeat 0 0;
	}

	.faixa-destaque-interna .ico{
		background: url('../img/ico-faixa-destaque-interna.png') no-repeat 0 0;
	}

	.faixa-destaque .box-1 .ico{
		background-position: 0 0;
	}

	.faixa-destaque .box-2 .ico{
		background-position: -84px 0px;
	}

	.faixa-destaque .box-3 .ico{
		background-position: -163px 0px;
		width: 30px !important;
	}

	@media only screen and ( max-width: 900px ) {

		.faixa-destaque .ico{
			left: 20px; 
		}
		
	}



/* SIDEBAR
===================*/
#sidebar{
	width: 240px;
	float: left;
	display: block;
	background: #fefefe;
	padding: 30px 0;
}

@media only screen and ( max-width: 900px ) {

	#sidebar {
		display: none;
	}

}

#sidebar ul li{
	font: 15px 'pt_sansbold', Arial, sans-serif;
	color: #929291;
	display: block;
}

#sidebar ul li a{
	font: 15px 'pt_sansbold', Arial, sans-serif;
	color: #929291;
	text-decoration: none;
	display: block;
	transition: .2s ease;
	display: block;
	padding: 8px 12px;
	border-top-right-radius: 4px;
}
#sidebar ul li a:hover{
	background: #ddd;
	color: #fff;
}

#sidebar .sub-item{ position: relative; z-index: 200; }
#sidebar .sub-item:hover > a{ border-left: solid 3px #ddd; }

#sidebar .sub-item ul{
	position: absolute;
	top: 0; left: 240px;
	width: 300px;
	border-bottom: solid 3px #ddd;
	display: none;
	background: #fff;
}

#sidebar .sub-item ul li:nth-child(2n+2){ background: #f5f5f5; }
#sidebar .sub-item:hover > ul{ display: block; }

#sidebar .sub-item > a{
	background: url('../img/seta-sidebar.png') no-repeat 98% 50%;
}

#sidebar .sub-item > a:hover{
	background: url('../img/seta-sidebar-w.png') no-repeat 98% 50%;
}

.conteudo-sidebar{
	display: block;
	margin: 30px 0 0;
	font: 13px/1.5em arial, sans-serif;
	color: #818180;
	border: solid 1px #ccc;
	padding: 15px;
}

.conteudo-sidebar a {
	font: 13px arial, sans-serif;
	color: #818180;
	text-decoration: underline;
}
.conteudo-sidebar a:hover{ color: #555; }


#sidebar .conteudo-img{
	border: solid 5px #f3f4f2;
}

.conteudo-img img{
	display: block;
	margin: 0 auto;
}

@media only screen and ( max-width: 900px ) {

	#sidebar{
		width: 98%;
		float: none;
		padding: 15px;
		border: solid 1px #eee;
		margin: 0 auto;
		clear: both;
	}

}


/* MUDA COR DOS LINKS DEPENDENDO DO TEMA */
.tema-1 #sidebar ul li a:hover{ background-color: #8415a8; }
.tema-2 #sidebar ul li a:hover{ background-color: #46aaff; }
.tema-3 #sidebar ul li a:hover{ background-color: #96ca1b; }
.tema-4 #sidebar ul li a:hover{ background-color: #1c8c93; }
.tema-5 #sidebar ul li a:hover{ background-color: #e46202; }



/* BREADCRUMBS
--------------------- */
.breadcrumbs {
	font: 11px Arial, sans-serif;
	color: #bdbdbd;
}

	.breadcrumbs a {
		text-decoration: none;
		color: #bdbdbd;
		transition: .2s ease;
	}
	.breadcrumbs a:hover { color: #333; }
	.breadcrumbs .seta { font-size: 9px; }


@media only screen and ( max-width: 900px ) {

	.breadcrumbs {
		font-size: 12px;
		padding-top: 10px;
		line-height: 1.3em;
	}

}	



/* LISTAGEM DE PRODUTOS
----------------------------- */
#conteudo-produtos{
	width: 700px;	
	padding: 30px 0 0;
}

	@media only screen and ( max-width: 900px ) {

		#conteudo-produtos {
			width: 100%;
			padding: 0 0 10px 0;
			margin-bottom: 20px;
			border-bottom: solid 1px #eee;
		}
	
	}

	#conteudo-produtos-full{
		width: 100%;	
		padding: 30px 0 0;
	}

	#conteudo-produtos #wrapper-produtos{ width: auto; display: block; }
	
	
	/* TOPO LISTA DE PRODUTOS */
	#topo-produtos{
		display: block;
		padding-bottom: 18px;
		margin-bottom: 25px;
		border-bottom: solid 1px #e6e6e6;
	}

	@media only screen and ( max-width: 900px ) {

		#topo-produtos{
			padding: 18px 1%;
		}

	}

	#body-categoria #topo-produtos{ border: none; }

	.titulo-produto, .std-title{
		font: 30px 'pt_sansbold', Arial, sans-serif;
		color: #ADADAD;
		display: block;
	}

	a.titulo-produto{
		text-decoration: none;
	}

	
	/* COR DO TITULO DE PRODUTOS */
	.tema-1 .titulo-produto{ color: #8415a8; }
	.tema-2 .titulo-produto{ color: #46aaff; }
	.tema-3 .titulo-produto{ color: #96ca1b; }
	.tema-4 .titulo-produto{ color: #1c8c93; }
	.tema-5 .titulo-produto{ color: #e46202; }

	#body-produto .titulo-produto{ color: #000; }
	

	/* RESULTADO BUSCA DE PRODUTOS */
	.box-resultado{
		border: solid 1px #e6e6e6;
		padding: 15px;
		clear: both;
		font: 11px Arial, sans-serif;
		color: #929291;
		margin: 25px 0 0;
		position: relative;
	}

	.box-resultado .seta{
		width: 18px; height: 7px;
		background: url('../img/seta-resultado-busca.png') no-repeat 0 0;
		position: absolute;
		top: -7px; left: 15px;
	}

	.box-resultado .texto{
		float: left;
		width: 360px;
		position: relative;
		top: 3px;
	}

	.box-resultado .box-share{
		float: none;
		width: auto;
		clear: both;
		padding-top: 20px;
	}

	@media only screen and ( max-width: 900px ) {
		
		.box-resultado .texto, 
		.box-resultado .box-share {
			width: 100%;
			display: block;
		}

		.box-resultado .box-share {
			margin-top: 10px;
		}

	}

	.box-resultado .box-share .text {
		float: left;
		position: relative;
		top: 0;
		margin: 12px 12px 7px 0;
	}

	.box-share .addthis_inline_share_toolbox {
		float: left !important;
		clear: none !important;
	}

	.box-resultado .box-share .icones{
		width: 80px;
		float: right;
		margin-left: 10px;
	}

	.box-resultado .box-share .icones a{
		width: 17px; height: 16px;
		background: url('../img/ico-redes-sociais-pagina.png') no-repeat;	
		display: inline-block;
		margin-right: 5px;
		position: relative; top: 2px;
	}

	.box-resultado .box-share .icones a > span{ display: none; }

	.box-resultado .box-share .icones .facebook{ background-position: 0 0; }
	.box-resultado .box-share .icones .twitter{ background-position: -54px 0; }
	.box-resultado .box-share .icones .gplus{ background-position: -107px 0; }

	/* ============ */


	/* BOX TEXTO 
	===============*/
	.box-texto{
		width: 100%;
		border-top: solid 1px #e6e6e6;
		padding: 20px 0 30px 0;
		clear: both;
		font: 13px Arial, sans-serif;
		color: #929291;
		/*margin: 25px 0 -10px 0;*/
		margin: 0;
		line-height: 1.5em;
		text-align: justify;
	}

	.box-texto .titulo{
		font: 26px 'pt_sansbold', Arial, sans-serif;
		color: #ADADAD;
		display: block;
	}

	.box-texto-home {
		border: solid 1px #ddd;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	@media only screen and ( max-width: 900px ) {

		.box-texto { display: none; }

		.box-texto-home {
			margin: 0 auto 30px auto;
			width: 98%;
			display: block;
			border: solid 1px #eee;
			font-size: 14px;
		}

		.box-texto-home {
			display: none;
		}

	}

	.hidden-text { 
		display: none;
	}

	.texto-home-btn { 
		display: inline-block;
		padding: 8px 12px;
		background: #ddd;
		color: #fff;
		font: 12px arial, sans-serif;
		text-align: center;
		float: right;
	}


	/* COR DO TITULO DE PRODUTOS */
	.tema-1 .box-texto .titulo{ color: #8415a8; }
	.tema-2 .box-texto .titulo{ color: #46aaff; }
	.tema-3 .box-texto .titulo{ color: #96ca1b; }
	.tema-4 .box-texto .titulo{ color: #1c8c93; }
	.tema-5 .box-texto .titulo{ color: #e46202; }
	
	.box-texto h2, 
	.box-texto h3,
	.box-texto h4{
		font: normal 13px Arial, sans-serif !important;
		display: inline;
	}

	@media only screen and ( max-width: 900px ) {

		.box-texto h2, 
		.box-texto h3,
		.box-texto h4{
			font: normal 14px Arial, sans-serif !important;
		}

	}

	.box-texto a{
		text-decoration: none;
		color: #727271;
		transition: color .2s ease;
	}
	.box-texto a:hover{ color: #555; }
	


	/* BOX INDIVIDUAL DO PRODUTO */
	#conteudo-produtos .box-produto {
		width: 220px;
		height: auto;
		display: block;
		float: left;
		margin: 0 0 20px 17px;
		padding: 0 0 10px 0;
		border: solid 1px #fff;
		transition: border .3s ease;
	}


	#wrapper-produtos .box-produto:nth-child(3n+1){ margin-left: 0; }

	@media only screen and ( max-width: 900px ) {

		#conteudo-produtos .box-produto,
		#wrapper-produtos .box-produto:nth-child(3n+1) {
			width: 48%; height: 520px;
			padding: 0;
			float: none;
			margin: 0 0 20px 0;
			padding: 10px;
			border: solid 1px #eee;
		}

		#wrapper-produtos .box-produto:nth-child(2n+1) {
			float: left;
		}

		#wrapper-produtos .box-produto:nth-child(2n) {
			float: right;
		}

		#conteudo-produtos #produtos-relacionados .box-produto,
		#wrapper-produtos #produtos-relacionados .box-produto:nth-child(3n+1) {
			width: 32%;
			height: auto;
			margin: 0 0 0 1%;
			float: left;
			clear: none;
		}


	}

	@media only screen and ( max-width: 460px ) {

		#conteudo-produtos .box-produto,
		#wrapper-produtos .box-produto:nth-child(3n+1) {
			height: 375px;
		}

	} 

	#conteudo-produtos .box-produto a{
		transition: .2s ease;
	}

	#conteudo-produtos .box-produto:hover{ border: solid 1px #ddd; }

	
	/* IMAGEM */
	#conteudo-produtos .box-produto .imagem{
		display: block;
		width: 220px; height: 220px;
	}

	#conteudo-produtos .box-produto .imagem:hover{
		opacity: .7;
		-moz-opacity: .7;
		filter: alpha(opacity=70);
	}

	#conteudo-produtos .box-produto .imagem img{ 
		width: 100%; 
		display: block; 
		margin: 0 auto;
	}	

	@media only screen and ( max-width: 900px ) {

		#conteudo-produtos .box-produto .imagem {
			height: 330px;
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
			overflow-y: hidden;
		}

		#conteudo-produtos #produtos-relacionados .box-produto .imagem {
			height: auto;
		}

	}

	@media only screen and ( max-width: 460px ) {

		#conteudo-produtos .box-produto .imagem {
		  height: 142px;
		}		

	}
	
	
	/* NOME/TÍTULO */
	#conteudo-produtos .box-produto .titulo{
		display: block;
		font: 16px 'pt_sansbold', Arial, sans-serif;
		color: #929291;
		text-decoration: none;	
		height: 42px;	
		margin: 10px 0 0 10px;
	}
	#conteudo-produtos .box-produto .titulo:hover{ color: #333; }

	@media only screen and ( max-width: 900px ) {
	
		#conteudo-produtos .box-produto .titulo { 
			height: auto;
			margin-left: 0;
		}

	}

	@media only screen and ( max-width: 460px ) {

		#conteudo-produtos .box-produto .titulo {
			max-height: 46px;
			overflow-y: hidden;
		}
		
	}

	#conteudo-produtos .box-produto .codigo{
		font: 11px Arial, sans-serif;
		color: #c4c4c4;
		display: block;
		margin-left: 10px;
	}

	@media only screen and ( max-width: 900px ) {

		#conteudo-produtos .box-produto .codigo {
			margin-left: 0;
			font-size: 12px;
		}

	}
	

	/* DESCRIÇÃO */
	#conteudo-produtos .box-produto .descricao {
		font: 13px Arial, sans-serif;
		color: #929291;
		display: block;
		padding: 10px 0 10px 10px;
		line-height: 1.5em;
		height: 38px;
	}

	#conteudo-produtos .box-produto .descricao a {
		font: 13px Arial, sans-serif;
		color: #929291;
		text-decoration: none;
	}
	#conteudo-produtos .box-produto .descricao a:hover { color: #333; }

	#conteudo-produtos .box-produto .valor {
		font: 14px 'pt_sansbold', Arial, sans-serif;
		color: #96ca1b;
		display: block;
		text-decoration: none;
		padding: 10px 0 10px 10px;
		height: 23px;
	}

	@media only screen and ( max-width: 900px ) {

		#conteudo-produtos .box-produto .descricao {
			height: auto;
			padding-left: 0;
			font-size: 14px;
		}

		#conteudo-produtos .box-produto .descricao a { font-size: 14px; }

		#conteudo-produtos .box-produto .valor {
			height: auto;
			padding: 0;
		}

	}

	@media only screen and ( max-width: 460px ) {

		#conteudo-produtos .box-produto .descricao {
			max-height: 56px;
			overflow-y: hidden;
		}
	
	}
	

	/* COR DO VALOR */
	.tema-1 #conteudo-produtos .box-produto .valor{ color: #8415a8; }
	.tema-2 #conteudo-produtos .box-produto .valor{ color: #46aaff; }
	.tema-3 #conteudo-produtos .box-produto .valor{ color: #96ca1b; }
	.tema-4 #conteudo-produtos .box-produto .valor{ color: #1c8c93; }
	.tema-5 #conteudo-produtos .box-produto .valor{ color: #e46202; }


	#conteudo-produtos .box-produto .link-categoria{
		font: 11px Arial, sans-serif;
		color: #c4c4c4;
		text-decoration: none;
		padding: 10px;
	}
	#conteudo-produtos .box-produto .link-categoria:hover{ color: #333; }

	@media only screen and ( max-width: 900px ) {

		#conteudo-produtos .box-produto .link-categoria {
			padding-left: 0;
			font-size: 12px;
		}

	}




/* FAIXA ORÇAMENTO
======================*/
#faixa-orcamento{
	display: block;
	clear: both;
	margin: 0 auto 30px auto;
	position: relative;
	background: #f2f2f2;
	top: 30px;
}

	@media only screen and ( max-width: 900px ) {

		#faixa-orcamento {
			display: none;
		}

	}

	#faixa-orcamento .titulo{
		width: 247px; height: 112px;
		display: block;
		background: url('../img/bg-faixa-orcamento.png') no-repeat 0 0;
		color: #fff;
		font-size: 26px;
		line-height: 1.5em;
		float: left;
	}

	#faixa-orcamento .titulo div{
		display: block;
		padding: 20px 0 0 35px;
	}	

	#faixa-orcamento .btns{
		float: right;
		width: 700px;
		margin: 38px 0 0 30px;
	}

	#faixa-orcamento .btns li{
		float: left;
		margin: 0 0 0 10px;
	}

	#faixa-orcamento .btns li a{
		display: inline-block;
		background: #2f9fd3;
		text-decoration: none;
		padding: 8px 15px;
		color: #fff;
		font: 14px 'pt_sansbold', Arial, sans-serif;
		transition: .2s ease;
	}
	#faixa-orcamento .btns li a:hover{ background: #30a7de; }

	#faixa-orcamento .obs-faixa{
		position: absolute;
		bottom: 10px; right: 48px;
		font: 12px 'pt_sansregular', Arial, sans-serif;
		color: #1c8c93;
	}

	/*#faixa-orcamento .titulo span{ display: block; }*/



/* TELA DO PRODUTO 
-------------------------- */	
#wrapper-produto-interna{
	display: block;
}
	
	/* IMAGEM DO PRODUTO */
	#box-imagem-produto{
		float: left;	
		max-width: 350px;
	}

		#box-imagem-produto img{
			border: solid 1px #eee;
			display: block;
		}

	@media only screen and ( max-width: 900px ) {

		#box-imagem-produto {
			float: none;	
			width: 100%;
			max-width: 350px;
			clear: both;
			text-align: center;
			margin: 0 auto;
			display: block;
		}

		#box-imagem-produto img {
			margin: 0 auto;
			width: 100%; height: auto;
			display: block;
		}

	}

	@media only screen and ( max-width: 320px ) { /* iPhone 5 */

		#box-imagem-produto {
			max-width: 320px;
		}

	}
	
	/* PAGER DO SLIDE DE IMAGENS */
	.pager-img{
		width: 375px;
		display: block;
		margin: 0 auto;
	}

	@media only screen and ( max-width: 900px ) {

		.pager-img {
			width: 98%;
		}

	}

	.pager-img-item, 
	.pager-img-item .cycle-pager-active{
		width: 62px; height: 62px;
		border: solid 1px #eee;
	}

	.pager-img-item{
		float: left;
		margin: 20px 0 0 20px;
		cursor: pointer;
		transition: .3s ease;
	}

	.pager-img-item:hover{
		opacity: .8;
		-moz-opacity: .8;
		filter: alpha(opacity=80);
	}

	
	/* CONTEÚDO/DADOS DO PRODUTO */
	#box-conteudo-produto{
		float: right;
		width: 325px;
		position: relative;
	}

	#box-conteudo-produto .dados-gerais{
		font: 12px Arial, sans-serif;
		color: #929291;	
		line-height: 1.5em;
	}

	#box-conteudo-produto .hidden-descr{
		display: none;
	}

	#box-conteudo-produto .dados-gerais .cor{
		width: 18px; height: 18px;
		background: #f5f5f5;
		border: solid 1px #eee;
		display: inline-block;
		position: relative; top: 5px; left: 10px; margin-right: 5px;
		cursor: pointer;
	}

	@media only screen and ( max-width: 900px ) {

		#box-conteudo-produto{
			float: none;
			width: 100%;
			clear: both;
		}

		#box-conteudo-produto .dados-gerais{
			font: 15px Arial, sans-serif;
			padding: 20px 0 0;
			line-height: 1.6em;
		}

	}
	
	/* LINK 'LER MAIS' */
	#box-conteudo-produto .ler-mais-btn{ 
		cursor: pointer; 
		text-decoration: underline; 
		transition: .2s ease;
		float: right;
		clear: both;
	}
	#box-conteudo-produto .ler-mais-btn:hover{ color: #222; }
	

	/* SHARE */
	.box-share-produto{
		display: block;
		width: auto;
		border-top: solid 1px #eee;
		padding: 20px 0;
		margin: 40px 0 0;
		clear: both;
	}

	.box-share-produto .texto{
		font: 13px 'pt_sansregular', Arial, sans-serif;
		color: #929291;
		float: none;
		display: block;
	}

	.box-share-produto .icones-redes-sociais {
		display: inline-block;
		/*margin-left: 30px;*/
		margin: 10px 0 0;
	}

	@media only screen and ( max-width: 900px ) {

		.box-share-produto .texto {
			float: none;
		}

		.box-share-produto .icones-redes-sociais {
			display: block;
			margin-bottom: 15px;
		}

	}

	/* .box-share-produto .icones-redes-sociais a{
		width: 17px; height: 16px;
		background: url('../img/ico-redes-sociais-pagina.png') no-repeat;	
		display: inline-block;
		margin-right: 20px;
		position: relative; top: 1px;
	}
	
	.box-share-produto .icones-redes-sociais .facebook{ background-position: 0 0; }
	.box-share-produto .icones-redes-sociais .twitter{ background-position: -54px 0; }
	.box-share-produto .icones-redes-sociais .gplus{ background-position: -107px 0; }
	
	.box-share-produto .icones-redes-sociais a > span{ display: none; } */
	

	/* BOTÃO DE ORÇAMENTO */
	#orcamento-btn{
		display: block;
		padding: 11px 0;
		background: #8415a8;
		font: 24px 'pt_sansbold', Arial, sans-serif;
		color: #fff;
		text-decoration: none;
		text-align: center;
		position: relative; top: 20px;
		transition: .2s ease;
		margin: 0 0 15px 0;
		clear: both;
	}
	#orcamento-btn:hover{ background: #9b1ec4; }
	


	/* AVISO EM DESTAQUE SOBRE AS OPÇÕES DISPONÍVEIS */
	#aviso-opcoes{
		display: none;
		background: #b30000;
		font: 14px 'pt_sansregular', arial, sans-serif;
		color: #fff;
		margin: 25px 0;
		clear: both;
		padding: 10px;
		line-height: 1.5em;
	}

	#orcamento-btn .ico-carrinho{
		background: transparent url('../img/ico-carrinho-w.png') no-repeat;
		width: 22px; height: 20px;
		display: inline-block;
		margin-right: 10px;
	}
	

	/* CAIXA QUE CONTÉM AS MEDIDAS */
	#box-medidas{
		clear: both;
		display: block;
		float: left;
		width: 100%;
		margin: 60px 0 0;
		font: 14px Arial, sans-serif;
		color: #929291;
		position: relative;
	}	

	@media only screen and ( max-width: 900px ) {

		#box-medidas {
			margin: 0;
			float: none;
			font-size: 16px;
		}

	}
	
	/* SETAS DE DESTAQUE */
	.seta-medidas{
		position: absolute;		
		display: none;
		opacity: .7;
	}

	#box-medidas .seta-down{
		top: -80px;	left: 50%;
		margin-left: -50px; 
	}

	.seta-up{
		bottom: 30px;
		left: 110px;
		position: absolute;
		z-index: 500;
	}

	
	/* ------------------------ 
	// TABELA MEDIDAS PRODUTO 
	--------------------------- */

	.responsive-table {
		display: block;
		width: 100%; height: auto;
	}
	
	@media only screen and ( max-width: 900px ) {

		.responsive-table {
			width: 100%;
			overflow-x: scroll;
		}

	}

	#tabela-medida{
		width: 100%;
		border-collapse: collapse;
		font: 14px Arial, sans-serif;
		color: #929291;
	}

	/* @media only screen and ( max-width: 900px ) {
	
		#tabela-medida {
				font-size: 16px;
				width: 200%;
			}
	
	} */

	 @media only screen and ( max-width: 768px ) {
			
			#tabela-medida {
				font-size: 14px;
				width: 200%;
			}
	
	} 

	#tabela-medida th{
		background: #aaa;
		text-align: left;
		padding-left: 10px;
		height: 40px;
		color: #fff;
	}
	#tabela-medida tr {
		cursor: pointer;
		vertical-align: middle;
	}

	#tabela-medida tr:nth-child(2n){
		background: #f3f4f2;
	}

	#tabela-medida td{ 
		padding-left: 10px;
		height: ;
		padding: 10px 0 10px 10px;
	}

	#tabela-medida td.ico { 
		text-align: center;
	}

	.ico-money {
		display: inline-block;
		cursor: pointer;
		color: #333;
		font-size: 16px;
		border: solid 1px #333;
		padding: 5px 8px;
		border-radius: 8px;
	}

	#tabela-medida td.ico:hover .ico-money { 
		color: #fff;
	}

	.table-tip {
		color: #8415a8;
		font-weight: 600;
		font-size: 14px;
	}

	/*#tabela-medida tr:hover{ background: #dedede; }*/

	#tabela-medida tr:hover,
	#tabela-medida tr:hover .ico-money,
	#tabela-medida tr.active .ico-money,
	#tabela-medida tr.active {
		background: #8415a8; color: #fff;
	}

	#tabela-medida tr:hover .ico-money,
	#tabela-medida tr.active .ico-money {
		border-color: #fff;
	}

	#tabela-medida .val-med{ 
		display: block;
		padding: 2px;
	}

	#tabela-medida .val-med:nth-child(2n+1) { background: #fff; }

	#tabela-medida tr:hover .val-med,
	#tabela-medida tr.active .val-med{ background: none; }


	/* --------------------------------- 
	// TABELA OBSERVAÇÕES ACESSÓRIOS
	------------------------------------ */
	.tabela-padrao{
		width: 100%;
		border-collapse: collapse;
		font: 14px Arial, sans-serif;
		color: #929291;
		line-height: 1.5em;
	}

	.tabela-padrao a {
		font: 14px Arial, sans-serif;
		color: #929291;
		text-decoration: none;
	}
	.tabela-padrao a:hover { color: #000; }

	@media only screen and ( max-width: 900px ) {

		.tabela-padrao, 
		.tabela-padrao a {
			font-size: 14px;
		}

	}

	.tabela-padrao th{
		background: #aaa;
		text-align: left;
		padding-left: 10px;
		height: 40px;
		color: #fff;
	}

	.tabela-padrao tr{ cursor: pointer; vertical-align: middle; }
	.tabela-padrao tr:nth-child(2n){
		background: #f3f4f2;
	}

	.tabela-padrao td{ 
		padding-left: 10px;
		height: ;
		padding: 10px 0 10px 10px;
	}

	.tabela-padrao tr:hover,
	.tabela-padrao tr.active{
		background: #8415a8; color: #fff;
	}

	.tabela-observacoes tr:hover{
		background: #f3f4f2 !important;
		color: #555 !important;
		cursor: auto !important; 
	}

	.campo-obs-acessorio {
		border: solid 1px #DDD;
		padding: 5px;
		background: #FFF;
		font: 14px Arial, Helvetica, sans-serif;
		color: #222;
		outline: none;
		width: 97%;
	}

	#tabela-acessorios tr:hover { /* hover */
		background: #ddd; 
		color: #555;
	}

	#tabela-acessorios tr.active,
	#tabela-acessorios tr.active:hover { /* active & hover no active */
		background: #E46202; 
		color: #fff;
	}

	@media only screen and ( max-width: 900px ) {
			
		#tabela-acessorios {
			width: 200%;
		}		

	}

	/*.btn-add-acessorio {
		background: #8415A8;

	}*/


	/* RELACIONADOS */
	#produtos-relacionados{
		clear: both;
		width: 100%;
		display: block;
		float: left;
		margin: 30px 0 10px 0;
	}
	
	#produtos-relacionados .box-produto{ margin-left: 17px; }
	#produtos-relacionados .box-produto:first-child{ margin-left: 0; }

	#produtos-relacionados .titulo-rel{
		font: 18px 'pt_sansbold', Arial, sans-serif;
		color: #8415a8;
		display: block;
		border-bottom: solid 1px #d1d1d1;
		padding: 0 0 15px 0;
		margin: 0 0 30px 0;
	}

	#produtos-relacionados .wrapper-slide{
		display: block;
		overflow: hidden;
		height: 428px;
	}

	@media only screen and ( max-width: 900px ) {

		#produtos-relacionados .wrapper-slide { 
			height: auto; 
			width: 100%;
		}

	}

	.tema-1 #produtos-relacionados .titulo-rel{ color: #8415a8; }
	.tema-2 #produtos-relacionados .titulo-rel{ color: #46aaff; }
	.tema-3 #produtos-relacionados .titulo-rel{ color: #96ca1b; }
	.tema-4 #produtos-relacionados .titulo-rel{ color: #1c8c93; }
	.tema-5 #produtos-relacionados .titulo-rel{ color: #e46202; }




/* TELA DE ATENDIMENTO 
=========================*/

.canal-tel-slider {
	display: block;
	height: 22px;
	overflow-y: hidden;
}

#wrapper-atendimento{ padding-bottom: 30px; }

#wrapper-atendimento .cont-esquerda{
	float: left;
	width: 445px;
	display: block;
}	

	@media only screen and ( max-width: 900px ) {

		#wrapper-atendimento .cont-esquerda {
			width: 100%;
			clear: both;
			float: none;
		}

	}
	
	/* FORMULÁRIO */
	.form-atendimento input, 
	.form-atendimento textarea{ outline: none; }

	.form-atendimento{
		font: 13px 'pt_sansregular', arial, sans-serif;
		color: #929291;
		padding: 30px 0 0;
	}

	.form-atendimento .wrap-field{
		display: block;
		clear: both;
		margin-bottom: 20px;
	}	
	
	.form-atendimento label{
		float: ;
		width: 100px;
		display: inline-block;
	}

	.form-atendimento .std-input{
		display: inline-block;
		padding: 6px;
		font: 13px 'pt_sansregular', arial, sans-serif;
		color: #929291;
		border: solid 1px #ddd;
		width: 300px;
	}

	@media only screen and ( max-width: 900px ) {

		.form-atendimento {
			font-size: 16px;
		}

		.form-atendimento label {
			width: 100%;
			display: block;
			float: none;
			margin-bottom: 15px;
		}
		
		.form-atendimento .std-input {
			display: block;
			padding: 16px;
			width: 100%;
		}

	}

	.form-atendimento .ddd{ width: 30px; }
	.form-atendimento .tel{ width: 100px; }
	.form-atendimento textarea{  }

	@media only screen and ( max-width: 900px ) {
	
		.form-atendimento .ddd { 
			width: 29%; 
			display: inline-block;
		}

		.form-atendimento .tel { 
			width: 69%;
			display: inline-block; 
		}

	}

	.form-atendimento .label-msg{ float: left; }

	.form-atendimento .enviar-btn{
		display: inline-block;
		background: #8415a8;
		transition: background-color .2s ease;
		border: none;
		padding: 10px 20px;
		color: #fff;
		font: 14px 'pt_sansregular', arial, sans-serif;
		cursor: pointer;
	}

	@media only screen and ( max-width: 900px ) {

		.form-atendimento .enviar-btn {
			padding: 13px 30px;
			font-size: 16px;
			font-weight: 600;
		}

	}

	.form-atendimento .enviar-btn:hover{ background: #721192; }

	/* erro form */
	.form-atendimento .erro-form {
		font: 12px 'pt_sansregular', arial, sans-serif;
		color: #f55;
		display: block;
		padding: 5px 5px 0 105px;
	}


/* 'SIDEBAR' ATENDIMENTO */
#wrapper-atendimento .cont-direita{
	float: right;
	width: 252px;
}	

	@media only screen and ( max-width: 900px ) {

		#wrapper-atendimento .cont-direita {
			float: none;
			display: block;
			width: 100%;
			padding-top: 0;
		}	

		.form-atendimento .erro-form {
			padding-left: 0;
			font-size: 16px;
		}

	}

	#wrapper-atendimento .cont-direita .cont, 
	.cont-widget{
		display: block;
		padding: 20px;
		border: solid 5px #f3f4f2;
		margin-bottom: 20px;
	}

	#wrapper-atendimento .cont-direita .cont:last-child, 
	.cont-widget:last-child{ margin-bottom: 0; }

	#wrapper-atendimento .cont-direita .std-title, 
	.cont-widget .std-title{ color: #96CA1B; }

	#wrapper-atendimento .cont-direita .cont img{ display: block; }
	#wrapper-atendimento .cont-direita .titulo-produto, 
	#wrapper-atendimento .cont-direita .std-title,
	.cont-widget .std-title{ line-height: .9em; }

	#wrapper-atendimento .cont-direita .cont .tel {
		font: 800 20px 'pt_sansregular', arial, sans-serif;
		color: #929291;
		text-decoration: none;
	}

	#wrapper-atendimento .cont-direita .cont .tel .fa {
		margin-right: 8px;
		font-size: 25px;
		position: relative;
		top: 3px;
	}

	    


/**
 * -------------------------
 * SHOW ROOM
 * -------------------------
 */
#body-showroom #conteudo-principal {
    padding-bottom: 30px;
}

.showroom-text{
	float: left;
	width: 290px;
	display: block;
}

.img-showroom, 
.img-wrapper{
	display: block;
	width: 384px;
}

.img-showroom img{
	/*transition: opacity .3s ease;*/
}

.img-showroom img:hover{ 
	opacity: .9;
	cursor: default;
}

.end-widget { margin-top: 30px; }


@media only screen and ( max-width: 900px ) {

	#body-showroom #conteudo-principal {
		padding-bottom: 0;
	}

	#wrapper-atendimento .cont-direita .cont:last-child,
	.cont-widget:last-child {
		margin-bottom: 20px;
	}


	.showroom-text {
		width: 100%;
		font-size: 16px;
		float: none;
		clear: both;
	}

	.img-showroom, 
	.img-wrapper {
		width: 100%;
	}

	.img-wrapper img {
		width: 100%; height: auto;
		display: block;
	}

}


/* RODAPÉ
=============*/
#rodape{
	width: 980px;
	display: block;
	margin: 0 auto;
	padding: 30px 0 15px 0;
}

	@media only screen and ( max-width: 900px ) {

		#rodape {
			width: 100%;
			padding: 0 1% 10px 1%;
		}
		
	}

	#rodape .categorias{
		width: 580px;
		float: left;
	}

	#rodape .redes {
		width: 160px;
		float: left;
		color: #828382;
	}
	#rodape .redes a {		
		color: #828382;
	}

	#rodape .titulo{
		display: block;
		font: 20px 'pt_sansbold', Arial, sans-serif;
		color: #96ca1b;
		padding: 0 0 30px 0;
	}
	
	/* CORES DO TÍTULO */
	.tema-1 #rodape .titulo{ color: #8415a8; }
	.tema-2 #rodape .titulo{ color: #46aaff; }
	.tema-3 #rodape .titulo{ color: #96ca1b; }
	.tema-4 #rodape .titulo{ color: #1c8c93; }
	.tema-5 #rodape .titulo{ color: #e46202; }

	#rodape .categorias ul{
		float: left;
		width: 190px;
		display: block;
	}

	#rodape p{
		font: 13px 'pt_sansregular', Arial, sans-serif;
		color: #828382;
		line-height: 1.5em;
	}

	#rodape .categorias ul li{
		font: 13px 'pt_sansregular', Arial, sans-serif;
		color: #828382;
		margin: 0 0 5px 0;
	}

	#rodape .categorias ul li a{
		font: 13px 'pt_sansregular', Arial, sans-serif;
		color: #828382;
		text-decoration: none;
		transition: .2s ease;
	}

	#rodape .categorias ul li a:hover{
		color: #000;
	}

	#rodape .list-social li .fa { 
		font-size: 28px !important;
	}

	#rodape .list-social li a {
		display: inline-block;
		margin-top: 0;
		margin-right: 5px;
	}

	#rodape .endereco{
		display: block;
		position: relative;
		width: 220px;
		float: right;
	}

	@media only screen and ( max-width: 900px ) {

		#rodape .endereco {
			width: 100%;
			float: none;
			clear: both;
			padding-top: 20px;
		}

		#rodape .categorias {
			display: none;
		}

		#rodape .titulo {
			padding-bottom: 15px;
		}

		#rodape #faixa-empresa,
		#rodape #box-disclaimer {
			width: 100%;
		}


	}

	#rodape .texto-end-rodape{
		display: block;
		/*position: absolute;*/
		/*top: 73px; left: 0;*/
		font: 13px 'pt_sansregular', arial, sans-serif;
		color: #828382;
		line-height: 1.5em;

		margin-bottom: 40px;

	}

	#faixa-empresa{
		font: 18px 'pt_sansbold', Arial, sans-serif;
		color: #fff;
		padding: 8px 0;
		text-align: center;
		background: #96ca1b;
		clear: both;
		margin: 0 0 30px 0;
		position: relative; top: 30px;
	}

	#faixa-empresa img{
		position: relative;
		top: 1px;
		max-width: 106px;
	}

	#rodape img {
		/*display: block;*/
	}

	.logra-rodape {
		display: block;
	}

	.whats-rodape {
		display: block;
		margin-bottom: 15px;

		font-size: 12px;
		font-weight: bold;
		font-family: 'pt_sansregular', arial;
	}

	.whats-rodape .fa {
		color: #aaa;
		font-size: 16px;
	}

	.tel-rodape-slider {
		margin-bottom: 8px;
		display: block;
	}

	.tel-rodape {
		display: block;
		margin-bottom: 8px;
	}
	.logra-rodape {
		display: block;
		margin-bottom: 15px;
	}
	.email-rodape {}


	/* CORES DA FAIXA  */
	.tema-1 #faixa-empresa { background: #8415a8; }
	.tema-2 #faixa-empresa { background: #46aaff; }
	.tema-3 #faixa-empresa { background: #96ca1b; }
	.tema-4 #faixa-empresa { background: #1c8c93; }
	.tema-5 #faixa-empresa { background: #e46202; }
	
	/**
	 * -----------------------
	 * BOX DISCLAIMER
	 * -----------------------
	 */
	#box-disclaimer{
		clear: both;
		display: block;
		font: 11px Arial, sans-serif;
		color: #929291;
		padding: 15px 0 0;
	}

	#box-disclaimer a {
		font: 11px Arial, sans-serif;
		color: #929291;
		text-decoration: none;
		transition: color .2s ease;
	}
	#box-disclaimer a:hover { color: #444; }

	#box-disclaimer .texto-1 { width: 720px; }
		
	#box-disclaimer .texto-2 {
		width: 230px;
		text-align: center;
	}

	@media only screen and ( max-width: 900px ) {

		#box-disclaimer .texto-1,
		#box-disclaimer .texto-2 {
		    width: 100%;
		    text-align: center;
		}

	}

	#box-disclaimer .icones-redes-sociais{
		float: right;
		width: 84px; height: 21px;		
	}

	#box-disclaimer .icones-redes-sociais a{
		width: 24px; height: 21px;
		background: url('../img/ico-redes-sociais.png') no-repeat 0 0;
		display: inline-block;
	}

	#box-disclaimer .icones-redes-sociais .twitter{
		background-position: 0 0;
	}

	#box-disclaimer .icones-redes-sociais .facebook{
		background-position: -60px 0;
	}

	#box-disclaimer .icones-redes-sociais .gplus{
		background-position: -121px 0;
	}

	

/* TOOLTIP 
------------------- */
.tooltip{
	display: inline-block;
	background: #333;
	padding: 5px 12px;
	font: 12px 'latoregular', arial, sans-serif;
	color: #fff;
	position: absolute;
	text-align: center;
	border-radius: 3px;
	z-index: 2500;
}



/**
 * --------------------
 * LIGHTBOXES
 * --------------------
 */
#overlay-lightbox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; left: 0;
	background: #000;
	z-index: 1500;
}


/* ------------------------------------
	// ESTILOS GERAIS PARA OS LIGHTBOXES
---------------------------------------- */
.lightbox{
	position: fixed; left: 50%;
	display: none;
	background: #fff;
	padding: 15px;
	border-radius: 4px;
	z-index: 2000;
	width: 700px;
	margin-left: -380px;
}

#box-pagamento{
	width: 800px;
	margin-left: -430px;
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

@media only screen and ( max-width: 900px ) {

	#box-pagamento{
		width: 98%;
		margin-left: -49%;
		max-height: 300px;
	}

}

#box-acessorios{
	width: 960px;
	margin-left: -490px;
	max-height: 500px;
	overflow-y: auto;
}

@media only screen and ( max-width: 900px ) {
	
	#box-acessorios { 
		width: 98%;
		margin-left: -49%;
		max-height: 300px;
	}
	
}

/* LIGHTBOX HEADER 
------------------------- */ 
.lightbox .header{
	font: bolder 26px 'pt_sansbold', Arial, sans-serif;
	color: #000;
	display: block;
	padding: 0 10px 10px 0;
	border-bottom: solid 1px #eee;
	margin-bottom: 15px;
}


@media only screen and ( max-width: 380px ) {
	
	.lightbox .header {
		max-width: 260px;
	}
	
	/* lightbox acessórios / carrinho */
	.lightbox#box-acessorios .header {
		width: 100%;
		max-width: 100%;
	}

}

@media only screen and ( max-width: 320px ) {
	
	.lightbox .header {
		max-width: 180px;
	}

	/* lightbox acessórios / carrinho */	
	.lightbox#box-acessorios .header {
		width: 100%;
		max-width: 100%;
	}

}


/* LIGHTBOX CONTENT 
------------------------- */ 
.lightbox .content{
	font: 13px Arial, sans-serif;
	color: #555;
	line-height: 1.5em;
	display: block;
	/* overflow-x: hidden; */
}


/* LIGHTBOX CLOSE 
----------------------- */  
.lightbox .close-box{
	position: absolute; top: 20px; right: 10px;
	width: auto; height: auto;
	cursor: pointer;
	font: 14px arial, sans-serif;
	color: #929291;
}

.lightbox .close-box .text{
	position: relative;
	top: -5px; right: 0;
	transition: color .2s ease;
}

.lightbox .close-box:hover .text{ color: #000; }

.lightbox .close{
	width: 21px; height: 21px;
	background: url('../img/close-lightbox.png') no-repeat 0 0;
	/*display: block;
	position: absolute; top: 20px; right: 10px;
	cursor: pointer;*/
	display: inline-block;
}



/* ---------------------
CLASSES GERAIS
--------------------- */
.clear{	clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.db{ display: block; }
.di{ display: inline; }

.txt-11{ font-size: 11px; }
.txt-14{ font-size: 14px; }
.txt-18{ font-size: 18px; }
.txt-21{ font-size: 21px; }

.inner {
    display: block;
    margin: 0 auto;
    width: 980px;
}

@media only screen and ( max-width: 900px ) {

	.inner { 
		width: 100%;
		box-sizing: border-box;
		padding: 0 1%; 
	}
	
}

.text-center{ text-align: center; }

.std-text{
	color: #929291;
	font: 14px 'pt_sansregular', arial, sans-serif;
	line-height: 1.5em;
}

.std-text a{
	text-decoration: underline;
	color: #333;
	font-weight: bold;
	transition: .2s ease;
}
.std-text a:hover{
	color: #000;
}

.std-text-arial{
	color: #929291;
	font: 14px arial, sans-serif;
	line-height: 1.5em;
}

.link-verde{ color: #1c8c93 !important; }
.link-verde:hover{ color: #12747a !important; }

.ptsans-bolditalic{ font-family: 'pt_sansbold_italic'; }
.ptsans-italic{ font-family: 'pt_sansitalic'; }

.btn {
	padding: 10px 15px;
	font: 16px 'pt_sansregular', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: #000;
	transition: background-color .2s ease;
}

.btn-sm {
	padding: 5px 10px;
}

.btn-roxo { background: #8415A8; color: #fff !important;  }
.btn-roxo:hover { background: #721192; color: #fff !important; }

.btn-verde { background: #96CA1B; }
.btn-verde:hover { background: #96CA1B; }

.btn-laranja { background: #E46202; }
.btn-laranja:hover { background: #CB5E0D; }

.btn-cinza { background: #CBCBCB; color: #fff !important; }
.btn-cinza:hover { background: #C1C1C1 !important; }


.show-mobile {
	display: none !important;
}

/* -------------------------
	// HELPERS MOBILE 
------------------------- */
@media only screen and ( max-width: 900px ) {
	
	.hide-mobile {
		display: none !important;
	}

	.show-mobile {
		display: block !important;
	}


	form input:not([type="radio"]) {
		-webkit-appearance: none;
		border-radius: 0;
	}

}