.divArtigos
{width:215px; border:1px solid #D6D8DC; height:320px; float:left; padding:10px; position:relative; cursor:pointer; margin-bottom:20px;}

.spanTitleArticle
{color:#717479; font-size:15px; text-transform:uppercase;}


.divBntOrder
{position:absolute; line-height:45px; color:#3A913F; font-size:15px; bottom:0px; left:0px; width:100%; height:45px; background:#EEEEEE;}

.divBntOrderIcon
{height:45px; width:45px; background:url('/img/iconMore.jpg'); position:absolute; right:0px; bottom:0px;}


.divBntDownloadIcon
{height:45px; width:45px; background:url('/img/btnDownload.jpg'); position:absolute; right:0px; bottom:0px;}


.divIconDiscount
{position:absolute; top:150px; right:20px; color:#fff; font-size:25px; width:84px; height:69px; background:url('/img/iconDescount.png'); text-align:center; line-height:50px;}

.divIconDiscountDet
{color:#fff; font-size:25px; width:84px; height:69px; background:url('/img/iconDescount.png'); text-align:center; line-height:50px;}


.btnEncomendar
{background:url('/img/fndBtnEnc.jpg'); height:45px; line-height:45px; color:#fff; font-size:15px; padding:0 20px; cursor:pointer;}

.inputQuantidade
{ color:#5F6564; font-size:15px; height:45px; width:55px; line-height:45px; text-align:center; background:#EEEEEE; border:none; }


#formArtigoDet .fotos-adicionais a.imgGaleria {
    background-position: 50% 50%;
    background-size : cover;
    border          : 1px solid #fff;
    display         : block;
    float           : left;
    height          : 66px;
    margin          : 2px;
    width           : 66px;
}

#formArtigoDet .titulo{color:#39913F;font-size:17px; margin:5px 0 10px 0; }
#formArtigoDet .preco{color: #3A913F; font-size: 19px;  margin-top:10px;}
#formArtigoDet .iva{color: #3A913F; font-size: 11px; }
#formArtigoDet .marca{font-size: 11px;color: #999;}
#formArtigoDet .familia{font-size: 13px;color: #333;}
#formArtigoDet .breadcrum  {font-size: 12px;color: #999; margin-bottom:15px;}
#formArtigoDet .breadcrum a {font-size: 12px;color: #999;}


#GrelhaCategorias
{
    list-style  : none;
    width       : 100%;
    margin      : 0px 0px 20px 0px;
    padding     : 0px;
}
    
#GrelhaCategorias .liGrelha
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
}

#GrelhaProdutos
{
    list-style  : none;
    width       : 100%;
    margin      : 0px 0px 20px 0px;
    padding     : 0px;
}
    
#GrelhaProdutos .liGrelha
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
}
    
#GrelhaProdutos .liLista
{
    width       : 100%;
    border      : 1px solid #ccc;
    float       : left;
    position    : relative;
    margin      : 10px 0 0 0;
    overflow    : auto;
    text-align  : center;
}
    
.ulPaginacao
{
    list-style  : none;
    float       : right;
    margin      : 3px 0px;
    padding     : 0px;
}
        
.ulPaginacao .pagina
{
    float           : left;
    border          : none;
	background      : #EEEEEE;
    line-height     : 45px;
    margin          : 2px;
    width           : 45px;
    height          : 45px;
    text-align      : center;
    vertical-align  : middle;
    font-size       : 13px;
    color           : #717479;
    cursor          : pointer;
}
        
.ulPaginacao .paginaSelect
{
    font-weight:bold;
    color           : #3A913F;
	font-size       : 15px;
	cursor:pointer;
}

    
    
    
    
    
    
    

ul#cssTabs {
    
}

ul#cssTabs li {
}


ul#cssTabs a {
    font-size       : 15px;
    display         : block;
    padding         : 10px 20px;
    text-decoration : none;
	outline:none !important;
    background      : #efefef;
    color           : #717479;
	cursor:pointer;
	height:40px;
}

ul#cssTabs a:hover {
    background      : #fff;
    color           : #39913F;
}

ul#cssTabs li.active > a {
    background      : #fff;
    border-bottom   : 1px solid #fff;
    color           : #39913F;
    cursor          : default;
    font-weight     : normal;
    
}

.css-panes .divMostra {
    display         : none;
    border          : 1px solid #ccc;
    border-width    : 0 1px 1px 1px;
    padding         : 0 5px;
    background      : #fff;
    margin          : 0;
}

.mainArtigos {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.mainArtigos > div { width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom:30px;}
.mainArtigos > div a { display:block; border: 1px solid #D6D8DC; padding:15px; position: relative; height:100%; padding-bottom:60px; text-decoration:none;}
.mainArtigos > div a .imagem{padding-top:100%; position:relative; margin-bottom:15px; background-position:center; background-size:contain; background-repeat:no-repeat;}
/*.mainArtigos > div a .imagem img {position:absolute; height:100%; width:100%; left:0px; top:0px; object-fit:contain; object-position:center; }
.mainArtigos > div a .imagem div{position:absolute; height:100%; width:100%; left:0px; top:0px;}*/



.mainArtigos > div a .imagem.grey	{ opacity:0.50; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(resources.svg#desaturate); filter: gray; -webkit-filter: grayscale(1); }
.mainArtigos > div a .boxDesconto{
    background-image:url('/img/iconDescount.png'); width:84px; height:69px; text-align:center; line-height:55px; color:#fff; font-size:25px;
    position:absolute; right:0px; bottom:1px; z-index:199;
}
.mainArtigos > div a .boxNovidade{text-align:center; color:#fff; font-size:11px; background:#ff0000; border-radius:5px;padding: 3px 20px; margin-bottom:10px;}

.mainArtigos > div a .boxEsgotado{text-align:center; color:#ff0000; font-size:11px; background:#000; border-radius:5px;padding: 3px 20px; border: 1px solid #000; margin-bottom:10px;}
.mainArtigos > div a .boxSemNovidade , .mainOportunidades > div a .boxSemNovidade{text-align:center; color:#fff; font-size:11px; border-radius:5px;padding: 3px 20px; margin-bottom:10px;}




.mainArtigos > div a .titulo{color: #333; font-size: 11px; text-align:center;}
.mainArtigos > div a .preco{color: #3A913F; font-size: 19px; text-align:center; margin-top:10px;}
.mainArtigos > div a .iva {color: #3A913F; font-size: 11px; text-align:center;}
.mainArtigos > div a .marca{color: #999; font-size: 11px; text-transform: uppercase;  margin:5px 0;}
.mainArtigos > div a .bottom{ position:absolute; background: #EEEEEE; left:0px; bottom:0px; right:0px; display:flex; justify-content:space-between; padding:0 0 0 15px; align-items:center;}
.mainArtigos > div a .bottom div{color: #3A913F; font-size: 15px; line-height:15px; }
.mainArtigos > div a .bottom div.botao{color: #fff; font-size: 30px; width:45px; background:#3A913F; text-align:center; height:45px;}
.mainArtigos > div a .bottom div.botao i{color: #fff; font-size: 30px; line-height:45px;}

.mainArtigos > div a:hover .bottom{ position:absolute; background: #3A913F; }
.mainArtigos > div a:hover .bottom div {color: #3A913F;color: #fff;}

@media(max-width:991px){
    .mainArtigos > div { width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:30px;}
}

@media(max-width:767px){
    .mainArtigos > div { width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:30px;}
}


.oportunidades{
    border:1px solid #3A913F;
    padding:20px;
    margin-bottom:50px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a913f+0,4cbb54+100 */
background: #3a913f; /* Old browsers */
background: -moz-linear-gradient(top, #3a913f 0%, #4cbb54 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3a913f 0%,#4cbb54 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3a913f 0%,#4cbb54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a913f', endColorstr='#4cbb54',GradientType=0 ); /* IE6-9 */

}
.oportunidades .titulo {
    color:#fff;
    font-size:21px;
    text-align:center;
    margin-bottom:15px;
}

.mainOportunidades {
    display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;
    justify-content:center;
}
.mainOportunidades > div{ 
    width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; 
}
.mainOportunidades > div a { 
    display:flex; padding:15px; position: relative; height:100%; text-decoration:none; background:#fff;

}
.mainOportunidades > div a .imagem{ width:50%; position:relative;background-position:center; background-size:contain; background-repeat:no-repeat;}
.mainOportunidades > div a .conteudo{ width:50%; position:relative; background-position:center; background-size:contain; background-repeat:no-repeat;}
.mainOportunidades > div a .titulo{color: #3A913F; font-size: 11px; text-align:left; }
.mainOportunidades > div a .marca{color: #999; font-size: 11px; text-transform: uppercase;  margin:5px 0;}

.mainOportunidades > div a .botao{color: #fff; font-size: 13px; line-height:30px; background:#3A913F; text-align:center;}
.mainOportunidades > div a .botao:hover{ background:#EEEEEE; color: #3A913F;}
.mainOportunidades > div a .boxDesconto{
    background:#3A913F; width:50px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:13px;
    position:absolute; left:0px; bottom:0px; z-index:199;
}

.mainOportunidades > div a .boxNovidade{ text-align:center; color:#fff; font-size:11px; background:#ff0000;padding: 3px 20px; margin-bottom:10px;}

.mainOportunidades > div a .preco{color: #3A913F; font-size: 19px; text-align:center; margin-top:10px;}
.mainOportunidades > div a .iva{color: #3A913F; font-size: 11px; text-align:center; }









.destaques { margin:0 -14px;}
.destaques > div {  flex:auto; max-width:initial; padding:0px;}

.destaques .slick-track{ display:flex;}
.destaques .slick-slide{ margin:16px; height:auto; outline:none;}
.destaques .slick-slide a {outline: none;}