/**************************************************************
IMPORTAÇÃO DE FONTES
**************************************************************/
@import 'https://fonts.googleapis.com/css?family=Roboto';
@import url('https://fonts.googleapis.com/css?family=Courgette|Philosopher');
/**************************************************************
MENU SMARTPHONE
**************************************************************/
nav:not(.mm-menu)
{
	display: none;
}


.header,
.footer
{
	background: #6fb344;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 60px;
	padding: 0 60px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 10px;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*fim do clearfix*/
img, picture, video, embed {
    max-width: 100%; /*define a largura máxima em até 100%*/
}
.content{ width:100%;}
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}


.menufont{
	font-family:"Calibri";
}
/**************************************************************
ESTILOS RESPONSIVOS
**************************************************************/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

html, body
{
	padding: 0;
	margin: 0;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #333;
	text-decoration: none;
	line-height: normal;
	font-weight: normal;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	color: #333;
	text-decoration: none;
	font-weight: normal;

}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	color: #ccc;
	text-decoration: none;
	font-weight: normal;

}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	color: #333;
	text-decoration: none;
	font-weight: normal;

}

body{background-image:url(/images/smooth_wall.png);}
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#pctablet, .pctablet {display:none;}
#smartphone, .smartphone{display:block}
#site-width, .site-width{
	width:100%;
	position:relative;
	margin:0 auto;
}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#pctablet, .pctablet{display:block;}
#smartphone, .smartphone{display:none}
#site-width, .site-width{
	width:1246px;
	position:relative;
	margin:0 auto;
}
}

/**********************************************************************
	TOPO
***********************************************************************/
#topo-div{width:100%; height:40px; position:relative; float:left; border-bottom:1px solid #6fb344;}
#topo-smartphone{width:100%; position:relative; float:left; background-color:#fff; text-align:center; padding:40px 10px 40px 10px; margin-top:50px;}
#logotipo-div{width:100%; min-height:124px; position:relative; float:left;}


#search input[type="text"] {
	border:1px solid #6fb344;
    font-family: 'Open Sans', sans-serif;
	font-size:0.9em;
    color: #6D6D6D;
    width: 453px;
	height:47px;
	margin:0px;
    padding: 6px 35px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    }
	
#searchmobile input[type="text"] {
	border:1px solid #6fb344;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #FF5454;
    width: 200px;
	height:47px;
	margin:0px;
    padding: 6px 6px 6px 35px;
    -webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
    }
	
#menu-div{width:100%; min-height:68px; position:relative; float:left; background-color:#6fb344;}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#slideshow{width:100%; position:relative; float:left;}
#assistencia-div{width:100%; min-height:382px; position:relative; float:left; text-align:center;
background: url(/images/assistencia-bg.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
#assistencia-titulo{display:inline-block; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:2em; color:#fff; margin-top:140px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#slideshow{width:100%; position:relative; float:left;}
#assistencia-div{width:100%; min-height:382px; position:relative; float:left; text-align:center;
background: url(/images/assistencia-bg.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
#assistencia-titulo{display:inline-block; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:3em; color:#fff; margin-top:150px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
}


#rodape-pagamentos-div{width:100%; min-height:109px; position:relative; float:left; background-color:#6fb344; margin-top:30px;}

.rodape-pagamentos-titulo{position:relative; float:left; font-family: 'Montserrat', sans-serif; font-size:1.5em; color:#fff;}
.rodape-pagamentos-subtitulo{position:relative; float:left; font-family: 'Montserrat', sans-serif; font-size:0.9em; color:#fff;}

.rodape-redessociais-titulo{position:relative; float:left; margin-right:10px; font-family: 'Montserrat', sans-serif; font-size:1.5em; color:#fff;}
/**************************************************************
MODULO MENU
**************************************************************/
.menu-topo {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 30px 0px 0px;
	cursor:pointer;
	float:left;
	-webkit-transition: border-bottom 0.1s; /* Safari */
    transition:  border-bottom 0.1s;
	
}
.menu-font-size{ font-size:1.2em;}
.menu-topo:hover {
color: #000;
}
.menu-topo.active {
color: #000;
}


#separadorpages{
	float:right;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
	color: #fff;
	display:block;
	position:relative;
	padding:25px 2px 25px 2px;
}

.dropdown-content {
    position: absolute;
	top:40px;
	left:0px;
	min-width: 200px;
    z-index: 9;
    background-color: rgba(253, 233, 43 , 1);
	-webkit-box-shadow: 0px 12px 5px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 12px 5px 0px rgba(0,0,0,0.53);
	box-shadow: 0px 12px 5px 0px rgba(0,0,0,0.53);
	-webkit-transition: background-color 0.5s; /* Safari */
    transition:  background-color 0.5s;
}

.menu-topo:hover .dropdown-content .submenu {
    display: block;
}

.submenu{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	display: none;
	color: #000;
	padding:10px 5px 10px 5px;
	border-bottom:1px solid #000;
	text-align:center;
	}
.submenu:hover{ 
 color: #35B3E6;
 background-color:#FFE600;
 }
/**************************************************************
MODULO MENU
**************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
.menu-rodape {
	width:100%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	cursor:pointer;
	float:left;
	-webkit-transition: all 0.1s; /* Safari */
    transition:  all 0.1s;
	
}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
.menu-rodape {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 30px 0px 0px;
	cursor:pointer;
	float:left;
	-webkit-transition: all 0.1s; /* Safari */
    transition:  all 0.1s;
	
}
}

.menu-font-size-rodape{ font-size:0.9em;}
.menu-rodape:hover {
color: #000;
}
.menu-rodape.active {
color: #000;
}


#separadorpagesrodape{
	float:right;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	color: #fff;
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
}

/**********************************************************************
	CONTACTOS
***********************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#contactos-div{width:100%; position:relative; float:left; min-height:300px;}
#contactos-map{
	width:100%; min-height:400px; margin:20px 0px 20px 0px; position:relative; float:left;
}
#mapa{width:100%; min-height:400px; position:relative; float:left;}
}

@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#contactos-div{width:100%; position:relative; float:left; min-height:300px; margin-top:50px;}
#contactos-map{
	width:100%; min-height:500px; margin:20px 0px 20px 0px; position:relative; float:left; margin-top:128px;
}
#mapa{width:100%; min-height:500px; position:relative; float:left;}
}

#contactos-titulo-pagina{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
	text-align:left;
	color:#fff;
	padding:0px 0px 20px 0px;
 }
#contactos-conteudo{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:justify;
	color:#fff;
	margin:10px 0px 50px 0px;
}
#contactos-titulo{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#fff;
	padding:0px 10px 0px 10px;
 }
.contactos-info{
	position:relative; float:left; width:100%; margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
	text-align:center;
	color:#fff;
 }

#contactos-formulario{
	width:100%; position:relative; float:left; text-align:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
	text-align:left;
	font-weight:bold;
	color:#fff;
	margin:0px 0px 20px 0px;
}
.contactos-botoes{
	background-color:#ccc;
	color:#000;
	border-radius:0px;
	border:0px;
	padding:10px 40px 10px 40px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.contactos-botoes:hover{
	background-color:#6fb344;
	color:#fff;
}
/**********************************************************************
	CONTEÚDOS
***********************************************************************/

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#conteudo-div{width:100%; position:relative; float:left; min-height:300px;}
#conteudo-div-left{display:none}
#conteudo-div-centro{width:100%; position:relative; float:left}
#conteudo-titulos{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.8em;
	text-align:center;
	color:#000;
	margin-top:70px;
}

#conteudo-texto{
	width:100%; position:relative; float:left; margin:50px 0px 50px 0px;
}
}

@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#conteudo-div{width:100%; position:relative; float:left; min-height:300px; margin-top:50px;}
#conteudo-div-left{width:292px; position:relative; float:left; margin:0px 17px 0px 0px;}
#conteudo-div-centro{width:100%; position:relative; float:left;}
#conteudo-titulos{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.8em;
	text-align:left;
	color:#000;
	margin-top:50px;
}

#conteudo-texto{
	width:100%; position:relative; float:left; margin:50px 0px 50px 0px;
}
}

/**********************************************************************
	DESTAQUES
***********************************************************************/
#destaques-div{ width:100%; position:relative; float:left; margin:50px 0px 50px 0px; }


#destaques-titulo{font-family: 'Open Sans', sans-serif; font-weight:bold; text-align:left; font-size:1.4em; color:#fff; padding:20px 0px 20px 20px; width:100%; height:69px; position:relative; float:left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70b345+0,ffffff+100 */
background: rgb(112,179,69); /* Old browsers */
background: -moz-linear-gradient(left, rgba(112,179,69,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(112,179,69,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(112,179,69,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b345', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


#destaques-box{margin:0px 10px 0px 10px; background-color:rgba(255,255,255,0.8); position:relative; float:left; border-radius: 15px;}
#destaques-nome-produto{ width:100%; min-height:55px; margin:10px; text-align:center; position:relative; float:left; color:#000; font-size:1em; }
#destaques-preco-div{ width:100%; margin:10px; text-align:center; position:relative; float:left; }
.destaques-preco{ color:#6fb344; font-size:1.5em;}
.destaques-precoantes{ color:#333; font-size:1em; text-decoration: line-through; padding:0px 0px 0px 10px;}
.destaques-bot{ background-color:#27A5EC; color:#fff; padding:10px 0px 10px 0px; border:none;}
.destaques-bot:hover{ background-color:#30B1FA; color:#fff;}
#destaques-referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}
#destaques-coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}

/**********************************************************************
	NOVIDADES
***********************************************************************/
#novidades-titulo{font-family: 'Philosopher', sans-serif; font-weight:bold; text-align:center; font-size:1.7em; color:#fff; background-color:#27A5EC; padding:14px 0px 14px 0px; width:100%; position:relative; float:left;
}

#novidades-box{margin:0px 10px 0px 10px;}
#novidades-nome-produto{ width:100%; min-height:35px; margin:10px; text-align:left; position:relative; float:left; color:#27A5EC; font-size:1em; }
#novidades-preco-div{ width:100%; margin:10px; text-align:center; position:relative; float:left; color:#27A5EC; font-size:1em; }
.novidades-preco{ color:#00B4FF; font-size:1em; }
.novidades-bot{ background-color:#A867AC; color:#fff; padding:10px 0px 10px 0px;}
.novidades-bot:hover{ background-color:#27A5EC; color:#fff;}
#novidades-referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}
#novidades-coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}
/**********************************************************************
	ÚLTIMOS
***********************************************************************/
#ultimos-div{ width:100%; position:relative; float:left; margin:50px 0px 50px 0px; }


#ultimos-titulo{font-family: 'Open Sans', sans-serif; font-weight:bold; text-align:left; font-size:1.4em; color:#fff; padding:20px 0px 20px 20px; width:100%; height:69px; position:relative; float:left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70b345+0,ffffff+100 */
background: rgb(112,179,69); /* Old browsers */
background: -moz-linear-gradient(left, rgba(112,179,69,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(112,179,69,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(112,179,69,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b345', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#nomeproduto{width:100%; min-height:85px; position:relative; float:left; margin:10px; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:left;padding:15px 0 5px}

#referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}

#coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}

.produtos_cores {width:24px; height:24px; position:relative; display:block; float:left; margin:4px 4px 4px 4px;border:1px solid #999999;}

.precoproduto{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#1ECE02;font-size:1em;font-weight:700;text-align:left;padding:5px 0}


#ultimos-associados-titulo{font-family:'Kozuka Gothic Pro',Verdana,sans-serif; color:#4B4B4B; text-align:center; font-size:1.6em;
background-image:url(/images/destaques-bg.png); background-repeat:repeat-x; min-height:150px; padding:30px 0px 50px 0px;}


#ultimos-box{margin:0px 20px 0px 20px;}
#ultimos-nome-produto{ width:100%; min-height:55px; margin:10px; text-align:center; position:relative; float:left; color:#000; font-size:1em; }
#ultimos-preco-div{ width:100%; margin:10px; text-align:center; position:relative; float:left; }
.ultimos-preco{ color:#6fb344; font-size:1.5em;}
.ultimos-precoantes{ color:#333; font-size:1em; text-decoration: line-through; padding:0px 0px 0px 10px;}
.ultimos-bot{ background-color:#27A5EC; color:#fff; padding:10px 0px 10px 0px; border:none;}
.ultimos-bot:hover{ background-color:#30B1FA; color:#fff;}
#ultimos-referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}
#ultimos-coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}

.selectimput{width:auto; position:relative; float:right; font-family: 'Open Sans', sans-serif; text-align:center; font-size:1em; color:#333; padding:5px 5px 5px 5px; margin:0px 5px 0px 5px; border:none;}

.filtros-botao{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	background-color:#EAEAEA;
	color:#000;
	padding:10px 25px 10px 25px;
	border-radius:0px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.filtros-botao:hover{
	background-color:#6fb344;
	color:#fff;
}
/**********************************************************************
	PROMOÇÃO
***********************************************************************/
#promocao-div{ width:100%; min-height:200px; position:relative; float:left; background-image:url(/images/smooth_wall.png);}

#promocao-titulo{font-family: 'Open Sans', sans-serif; font-weight:bold; text-align:center; font-size:1.7em; color:#4B4B4B; padding:50px 0px 30px 0px; width:100%; position:relative; float:left;
}
#promocao-box{ width:100%; position:relative; float:left;background-color:rgba(255,255,255,0.8); border-radius: 15px; padding:10px;}
#promocao-nome-produto{width:100%; min-height:65px; margin:10px; text-align:center; position:relative; float:left; color:#000; font-size:1em; }
#promocao-preco-div{ width:100%; margin:10px; text-align:center; position:relative; float:left; }
.promocao-preco{ color:#6fb344; font-size:1.5em;}
.promocao-precoantes{ color:#333; font-size:1em; text-decoration: line-through; padding:0px 0px 0px 10px;}
.promocao-bot{ background-color:#27A5EC; color:#fff; padding:10px 0px 10px 0px; border:none;}
.promocao-bot:hover{ background-color:#30B1FA; color:#fff;}
#promocao-referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}
#promocao-coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}
/**************************************************************
MODULO REDES SOCIAIS LINKS
**************************************************************/
.redesocial{
	border-radius: 50px;
	width:50px;
	height:50px;
	font-size:2em;
	background:none;
	text-align:center; 
	color:#FFF;
	border:3px solid #FFF;
	cursor:pointer;
	margin:0px 12px 0px 10px;
	position:relative; float:left
}
.redesocial:hover{
	background:#6fb344;
	color:#FFF;
}
/**************************************************************
MÓDULO REDES SOCIAIS SHARE
**************************************************************/
a.redefacebook, a.redetwitter, a.redegoogle-plus, a.redepinterest:link{
font-family:Verdana, Geneva, sans-serif;font-size:1em;color:#FFF;margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; -webkit-transition: all 0.5s; /* Safari */transition: all 0.51s;}a.redefacebook{background:#6d84b4;}a.redefacebook:hover{background: #fff;color:#6d84b4;}a.redetwitter{background: #68aaea;}a.redetwitter:hover{background: #fff;color:#68aaea;}a.redegoogle-plus{background: #cd4a30;}a.redegoogle-plus:hover{background: #fff;color:#cd4a30;}a.redepinterest{color:#FFF;background: #de2a28;}a.redepinterest:hover{color:#de2a28;background: #fff;}
/**********************************************************************
	RODAPE
***********************************************************************/
#rodape-div{width:100%; min-height:600px; padding-top:34px; padding-bottom:34px; position:relative; float:left; margin-top:13px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6fb344+53,4d8a27+100 */
background: rgb(111,179,68); /* Old browsers */
background: -moz-linear-gradient(top, rgba(111,179,68,1) 53%, rgba(77,138,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(111,179,68,1) 53%,rgba(77,138,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(111,179,68,1) 53%,rgba(77,138,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb344', endColorstr='#4d8a27',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#rodape-titulos{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
	text-align:center;
	font-weight:bold;
	color:#fff;
	width:100%; position:relative; float:left;
}

#rodape-info{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
	text-align:center;
	color:#fff;
	margin-top:20px;
	width:100%; position:relative; float:left;
	padding-left:20px;
}
#rodape-logotipo{
text-align:left; padding:37px 0px 37px 0px; width:100%; height:112px; position:relative; float:left; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#rodape-titulos{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
	text-align:left;
	font-weight:lighter;
	color:#fff;
	width:100%; position:relative; float:left;
}

#rodape-info{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
	text-align:left;
	color:#fff;
	margin-top:20px;
	width:100%; position:relative; float:left;
	padding-left:20px;
}
#rodape-logotipo{
text-align:left; padding:37px 0px 37px 37px; width:100%; height:112px; position:relative; float:left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
}

.rodape-telefone{
	font-family:  'Montserrat', sans-serif;
	color: #fff;
	text-align:center;
}
.rodape-email{
	font-family:  'Montserrat', sans-serif;
	color: #fff;
}
.rodape-morada{
	font-family:  'Montserrat', sans-serif;
	font-size:1em;
	color: #fff;
	text-align:center;
}
/**********************************************************************
	DIREITOS
***********************************************************************/
#direitos-div{width:100%; min-height:100px; position:relative; float:left; background-color:#fff;}
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#direitos-texto{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#6fb344;
	width:100%;
	position:relative;
	float:left; 
	text-align:center;
	padding:40px 10px 20px 10px;
	}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#direitos-texto{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#6fb344;
	position:absolute;
	top: 45px;
	left:0px; 
	text-align:left 
	}
}
#direitos-logo{position:absolute; top: 32px; right:0px; text-align:left}
/**************************************************************
PAGINAÇÃO
**************************************************************/
.paginacao{ display: inline-block; margin:0 auto;}
.paginacao div{ padding:15px 20px 15px 20px; position:relative; border:1px solid #fff; background-color:#000; color:#fff; float:left; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;
-webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s;
border-radius: 40px;
}
.paginacao .active{ background-color:#6fb344; color:#fff;}
.paginacao div:hover{background-color:#6fb344; color:#fff;}
.paginacao .fa{ padding:0px; margin:0px; }
/**********************************************************************
	BOTÕES MENU ESQUERDO
***********************************************************************/
.botcat {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	text-align:left;
	color:#000;
	width:292px;
	min-height:32px;
	margin-top:2px;
	float:left;
	cursor:pointer;
	padding:7px 0px 7px 0px;
}
.botcat:hover {
	color:#000;
	font-weight:bold;
}
.botcat.active {
    color:#000;
	font-weight:bold;
}

.botsubcat {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	text-align:left;
	color:#000;
	width:292px;
	min-height:32px;
	margin-top:2px;
	float:left;
	cursor:pointer;
	padding:7px 3px 7px 30px;
}
.botsubcat:hover {
	color:#000;
	font-weight:bold;
}
.botsubcat.active {
	color:#000;
	font-weight:bold;
}

/**********************************************************************
	PAGINA LOGIN
***********************************************************************/
.logintitulo{width:100%;font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1em;text-align:left;position:relative;font-weight:700;float:left;padding:0 0 5px}

.loginbox{width:100%;position:relative;float:left;background-color:#FFF;border:1px solid #E1DEDE;margin:0 auto}

.lembrarpass{cursor:pointer;font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#333}

.lembrarpass:hover{color:#0B6B10;text-decoration:underline}

.info{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:.8em;text-align:justify}
/**********************************************************************
	PAGINA PRODUTOS
***********************************************************************/

#nomeproduto{width:100%; min-height:85px; position:relative; float:left; margin:10px; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:left;padding:15px 0 5px}

#referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}

#coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}

.produtos_cores {width:24px; height:24px; position:relative; display:block; float:left; margin:4px 4px 4px 4px;border:1px solid #999999;}

.precoproduto{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#1ECE02;font-size:1em;font-weight:700;text-align:left;padding:5px 0}

#produtos-titulo{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000; text-align:center; font-size:1.6em; font-weight:bold}

#produtos-associados-titulo{font-family:'Kozuka Gothic Pro',Verdana,sans-serif; color:#4B4B4B; text-align:center; font-size:1.6em;
background-image:url(/images/destaques-bg.png); background-repeat:repeat-x; min-height:150px; padding:30px 0px 50px 0px;}


#produtos-box{margin:0px 20px 0px 20px;}
#produtos-nome-produto{ width:100%; min-height:55px; margin:10px; text-align:center; position:relative; float:left; color:#000; font-size:1em; }
#produtos-preco-div{ width:100%; margin:10px; text-align:center; position:relative; float:left; }
.produtos-preco{ color:#6fb344; font-size:1.5em;}
.produtos-precoantes{ color:#333; font-size:1em; text-decoration: line-through; padding:0px 0px 0px 10px;}
.produtos-bot{ background-color:#27A5EC; color:#fff; padding:10px 0px 10px 0px; border:none;}
.produtos-bot:hover{ background-color:#30B1FA; color:#fff;}
#produtos-referenciaproduto{width:100%; min-height:15px; position:relative; float:left; font-weight:bold; font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:0.9em;text-align:center;padding:5px 0px 5px 0px;}
#produtos-coresdisponiveis{width:100%; min-height:50px; margin-top:20px; position:relative; float:left;padding:5px 0px 5px 0px;}

.selectimput{width:auto; position:relative; float:right; font-family: 'Open Sans', sans-serif; text-align:center; font-size:1em; color:#333; padding:5px 5px 5px 5px; margin:0px 5px 0px 5px; border:none;}

.filtros-botao{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	background-color:#EAEAEA;
	color:#000;
	padding:10px 25px 10px 25px;
	border-radius:0px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.filtros-botao:hover{
	background-color:#6fb344;
	color:#fff;
}
/**********************************************************************
	PAGINA DETALHES PRODUTO
***********************************************************************/
#detalhes_nomepro{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1.3em;font-weight:700;text-align:left}

.detalhes_preco{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#7FA800;font-size:1.9em;text-align:left}

.detalhes_iva{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:.8em;text-align:left}

.detalhes_ref{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:.9em;text-align:left;margin-bottom:25px}

.wishlistbot{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:.9em;text-align:left;cursor:pointer;margin-top:20px;text-decoration:underline}

.wishlistbot:hover{color:red}

.wishlistbotactive{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:red;font-size:.9em;text-align:left;cursor:pointer;margin-top:20px;text-decoration:underline}

.detalhes_descricao{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1.2em;text-align:left;margin-top:20px}

.detalhes_caracteristicas{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#333;font-size:1em;text-align:left;margin-top:20px}

.detalhes_descricao_pro{font-family: 'Open Sans', sans-serif; color:#000;font-size:1em;text-align:left;margin-top:10px}

.detalhes_stock{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#09C300;font-size:.9em;font-weight:700;text-align:left;margin-top:50px;margin-bottom:20px}

.detalhes_tamanho{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1em;text-align:left}

.detalhes_tamanho{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1em;text-align:left}

.detalhes_cores-div{width:100%; position:relative; float:left;}

.detalhes_tamanhos-div{width:100%; position:relative; float:left;}

.detalhes_cores_out {
width:34px; height:34px; position:relative; display:block; float:left; margin:4px 4px 4px 4px; cursor:pointer; 
border:1px solid #999999;
}
.detalhes_cores_over {
width:34px; height:34px; position:relative; display:block; float:left; margin:4px 4px 4px 4px; cursor:pointer;
border:3px solid #333333;
}
.detalhes_tamanhos_out {
position:relative; float:left;
border:1px solid #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:1em;
text-align:center;
padding:8px 8px 8px 8px;
cursor:pointer; margin:5px 5px 5px 5px;
}
.detalhes_tamanhos_over {
position:relative; float:left;
border:1px solid #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#333;
font-size:1em;
text-align:center;
padding:8px 8px 8px 8px;
cursor:pointer; margin:5px 5px 5px 5px;
}
/**********************************************************************
	CARRINHO
***********************************************************************/
.cart-topo-artigos{color:#6fb344; font-size:0.9em; font-weight:bold; z-index:9}
.carrinho_topo,.carrinho_bottom{padding:10px}

.carrinho_produtos{padding:10px}

.vertical-align{display:flex;align-items:center}

.col-centered{text-align:center}

a.delete{color:#000}

a.delete:hover{color:#E22323}

.titulosencomenda{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:.9em;font-weight:700}

.encomendatotal{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1.3em;font-weight:700}

#carrinhovazio{width:100%;min-height:400px;background-color:#FFF;font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#000;font-size:1.3em;font-weight:700;text-align:center;margin:0 auto}

.pagamentos_out,.pagamentos_over{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#333;background:none;cursor:pointer;width:100%;position:relative;float:left;padding:5px 0;margin-bottom:10px}

.pagamentos_over{color:#fff;background-color:#13AA58}

hr.style-eight{padding:0;border:none;border-top:1px solid #333;color:#333;text-align:center}

hr.style-eight:after{content:"OU";display:inline-block;position:relative;top:-.7em;font-size:1.5em;padding:0 .25em;background:none}

.verde2{color:#A0C600; font-size:1.1em;font-weight:700}

.vermelho{font-family:'Kozuka Gothic Pro',Verdana,sans-serif;color:#E22323;font-size:.9em;font-weight:700}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#listaprodutoscarrinho{min-height:40px; padding:0px 0px 0px 0px; margin:0px auto;}
}

@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#listaprodutoscarrinho{min-height:90px; padding:0px 0px 0px 0px; margin:0px auto;}
}
#contauser{ font-family: 'Open Sans', sans-serif; cursor:pointer; text-align:center; margin:0px auto; font-size:1em; color:#6fb344; font-weight:bold;}
#contauser:hover{color:#000;}
/**********************************************************************
	/ CARRINHO
***********************************************************************/
/*-------------------------------------------------------------------
MÓDULO REDES SOCIAIS SHARE
--------------------------------------------------------------------*/
a.redessociais-share:link {
	font-family:  'Montserrat', sans-serif;
	font-size:0.8em;
	background-color:#acabab;
	color:#000;
	padding:10px 25px 10px 25px;
	margin:2px 2px 2px 2px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
a.redessociais-share:visited {
	font-family:  'Montserrat', sans-serif;
	font-size:0.8em;
	background-color:#acabab;
	color:#000;
	padding:10px 25px 10px 25px;
	margin:2px 2px 2px 2px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
a.redessociais-share:hover {
	font-family:  'Montserrat', sans-serif;
	font-size:0.8em;
	background-color:#5c5c5c;
	color:#fff;
	padding:10px 25px 10px 25px;
	margin:2px 2px 2px 2px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
 a.redessociais-share:active {
	font-family:  'Montserrat', sans-serif;
	font-size:0.8em;
	background-color:#acabab;
	color:#000;
	padding:10px 25px 10px 25px;
	margin:2px 2px 2px 2px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}



#titulonovidades{font-family: 'Open Sans', sans-serif; font-size:1.4em; color:#1DCF00; width:100%; position:relative; margin-top:10px; float:left; border-bottom:1px solid #ccc;  padding:10px 0px 5px 10px;}




.glyphicon{
	padding-right:10px;
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
/******************************************/


.ias_loader,.ias_trigger{text-align:center;margin:50px}.ias_trigger a:link,.ias_trigger a:visited{padding:10px 50px;background-color:#ccc;font:bold 12px Arial,sans-serif;color:#333;text-decoration:none}.ias_trigger a:hover,.ias_trigger a:active{background-color:#333;color:#fff}

/***************************************************************
MODAL CENTRADO
***************************************************************/
.modal-dialog{z-index:99999;}
.modal-lg{ width:98%;}

.modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal.fade .modal-dialog {
  transform: translate(0, -100%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}
/**************************************************************
COOKIES LAW
**************************************************************/
.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}
.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	font-size:1em;
	color: #000;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
	font-size:1em;
}
.eupopup-button_1 {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}
.eupopup-button_1:hover {
	color: #fff;
}
a.eupopup:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #fff;
	text-decoration: none;
}

a.eupopup:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #fff;
	text-decoration: none;

}

a.eupopup:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #27A5EC;
	text-decoration: none;

}

a.eupopup:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #fff;
	text-decoration: none;
}
/**************************************************************
SCROLL UP FIM DA PAGINA
**************************************************************/
.scrollup{
    width:65px;
    height:65px;
    opacity:0.6;
    position:fixed;
    bottom:70px;
    right:10px;
    display:none;
    text-indent:-9999px;
	cursor:pointer;
    z-index:9999;
    background: url('/images/icon-top.png') no-repeat;
}