.artigo-ficha-compra-botao button, .artigo-ficha-manuais-botao a:hover, .artigo-ficha-pdf button, .artigos-aplicar-filtro-botao:hover, .artigos-ficha-addons-botao button, .artigos-ficha-licencas-botao button, .artigos-ficha-opcoes-botao button, .artigos-ficha-plugins-botao button, .artigos-lista-botoes-sabermais a:hover, .artigos-reset:hover, .botaoHeader, .btnPesquisar-Noticias, .compra-adicionar-artigo-botao, .compra-adicionar-artigo-pesquisa-botao, .compra-atualizar-precos-botao:hover, .compra-carregar-template-botao, .compra-popup-botao:hover, .footer-newsletter-botao:hover, .footer-politica a:hover, .orcamentar-item, .orcamentar-pdf button, .pack-ficha-compra-botao button, .pack-ficha-tipos-item, .packs-lista-botao a:hover, .servicos-compra-botao button, .servicos-item, a.lnkFooterEmail:hover {
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -moz-transition: .2s ease-in
}

.menu-sub-texto a, a, a.lnkFooterEmail, a:hover {
    text-decoration: none
}

.servicos-check-sel:before, .servicos-check:before {
    font-family: idstore !important;
    top: 4px;
    font-size: 26px
}

a, body, div, label, span, table, td, tr {
    font-family: Roboto,sans-serif !important;
    font-size: 14px;
    line-height: 24px
}

body {
    background: 0 0 !important
}

h1, h2, h3, h4, h5, h6 {
    margin: 30px 0;
    font-size: 45px;
    font-weight: 300
}

.modal-body h1, h2 {
    font-size: 30px
}

h3 {
    font-size: 28px
}

.icon-trofeu:before, h4 {
    font-size: 26px
}

.modal-body h2, h5 {
    font-size: 24px
}

h6 {
    font-size: 22px
}

.container-fluid {
    width: 85% !important
}

@media (max-width:1400px) {
    .container-fluid {
        width: 95% !important
    }
}

.clear, .compra-conta-row-clear {
    clear: both
}

header {
    background-color: #004a72;
    padding-top: 10px
}

.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.artigo-ficha-codigo-desc, .artigo-ficha-compra-botao, .artigos-ficha-opcoes-botao, .compra-totais-row > label > div, .compra-totais-row > label > span, .header-logo, .header-menu, .pack-ficha-codigo-desc, .pack-ficha-compra-botao, .servicos-compra-botao {
    display: inline-block
}

.menu {
    padding-bottom: 10px
}

.logo {
    width: 122px;
    height: 40px
}

.header-botoes {
    text-align: right;
    padding-top: 12px;
    position: relative
}

.artigo-ficha-fotos, .artigo-ficha-manuais-descricao, .menu-sub-foto, .menu-sub-texto, .orcamentos-tabela-header div {
    text-align: center
}

.header-pesquisa {
    position: relative;
    padding-top: 10px;
    width: 98%;
    margin: 0 auto;
    z-index: 5;
    display: none
}

.botaoHeader {
    padding-right: 7.5px;
    font-size: 18px;
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer
}

    .botaoHeader:first-child {
        padding-left: 7.5px
    }

    .botaoHeader:last-child {
        padding-right: 0
    }

    .artigo-ficha-pdf button:hover, .botaoHeader:hover, .orcamentar-pdf button:hover {
        opacity: .5
    }

.txtPesquisar {
    width: 100%;
    border: 0;
    background: rgba(255,255,255,.2);
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 0 25px 0 10px;
    height: 26px
}

.btnPesquisar {
    position: absolute;
    right: 0;
    top: 12px;
    background: 0 0;
    border: none;
    font-size: 18px;
    color: #fff
}

.btnPesquisar-Noticias {
    width: 100%;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    background: #0077a8;
    color: #fff;
    border: 0;
    font-family: Roboto,sans-serif !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .btnPesquisar-Noticias:hover {
        background: #004a72
    }

.menu-sub {
    background: #efeded;
    padding-top: 10px;
    padding-bottom: 5px
}

.menu-sub-tabela, .tabelas-compra {
    display: table;
    width: 100%
}

.menu-sub-tabela-col, .pack-ficha-tipos-item-img {
    display: table-cell
}

.menu-sub-foto img {
    width: 30px
}

.menu-sub-texto {
    line-height: 10px !important;
    padding-top: 4px
}

    .menu-sub-texto a {
        color: #000;
        font-size: 10px;
        line-height: 14px !important
    }

.menu-sub-texto-sel a {
    color: #004a70;
    font-weight: 700
}

footer {
    padding: 50px 0;
    background: #004a70;
    color: #fff;
    font-weight: 300;
    position: relative;
    z-index: 2
}

    footer h1 {
        margin: 0 0 10px;
        font-size: 14px;
        font-weight: 700
    }

    footer h2 {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0
    }

.footer-espaco {
    padding-bottom: 15px;
    clear: both
}

.footer-hr {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 30px 0
}

.artigos-aplicar-filtro-botao:hover, .artigos-reset:hover, .compra-atualizar-precos-botao:hover, footer a {
    color: #fff
}

    a.lnkFooterEmail, footer a:hover {
        color: #75ccf4
    }

footer p {
    margin: 5px 0
}

a.lnkEsqueceuSenha:hover, a.lnkFooterEmail:hover {
    text-decoration: none;
    opacity: .6
}

.artigo-ficha-navegacao-anterior, .artigo-ficha-navegacao-seguinte, .compra-conta-row div:first-child, .compra-quantidade-peq, .footer-redes-sociais-titulo, .noticia-data, .pack-ficha-navegacao-anterior, .pack-ficha-navegacao-seguinte {
    float: left
}

.footer-redes-sociais {
    float: right;
    position: relative;
    top: -5px
}

    .footer-redes-sociais a {
        padding: 0 5px
    }

.footer-politica {
    color: #75ccf4;
    font-size: 12px
}

.footer-politica-branco label {
    color: #fff;
    font-size: 12px
}

.footer-politica a {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer
}

    .footer-politica a:hover {
        text-decoration: underline;
        color: #fff;
        opacity: .6
    }

.footer-peq, .orcamentar-preco sup, .pack-ficha-tipos-preco sup, .txtInfoIdonicForm {
    font-size: 10px
}

#modal-politica-privacidade, .artigo-ficha-tabs .nav-item a {
    color: #000
}

.modal-header {
    padding: 1rem 1rem 0
}

.modal-body {
    padding: 0 30px 1rem
}

    .modal-body h1, .modal-body h2 {
        margin: 10px 0
    }

.footer-newsletter-textbox {
    padding: 0 5px;
    border: 1px solid #75ccf4;
    width: 70%;
    background: 0 0;
    color: #fff;
    height: 26px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .footer-newsletter-textbox::placeholder {
        color: #fff;
        opacity: .4
    }

.footer-newsletter-botao {
    float: right;
    height: 26px;
    line-height: 26px;
    background: #fff;
    color: #004a70;
    width: 28%;
    border: 0;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .footer-newsletter-botao:hover {
        background: #75ccf4;
        color: #004a70
    }

.artigos-aplicar-filtro-botao:hover, .artigos-reset:hover, .compra-atualizar-precos-botao:hover {
    background: #48cdfe
}

.footer-newsletter-alerta {
    position: absolute;
    color: #fff;
    font-size: 11px
}

.modal-login-azul, .modal-login-titulo, a.modal-login-link, a.modal-login-link-peq {
    color: #004a72
}

.modal-espaco {
    padding: 30px
}

.modal-login-subtitulo {
    font-weight: 700;
    font-size: 16px
}

.modal-login-azul, .modal-login-peq, a.modal-login-link-peq {
    font-size: 11px !important
}

.modal-login-sep {
    margin: 0 auto;
    width: 1px;
    background: #004a72;
    height: 100%
}

.modal-login-fechar {
    position: absolute;
    top: 30px;
    right: 20px;
    border: 0
}

.modal-login-hr {
    margin-top: 20px;
    border-top: 1px solid #004a72;
    padding-bottom: 20px
}

.modal-login-email-alerta, .modal-login-senha-alerta {
    position: absolute;
    right: -20px;
    top: 0;
    color: #ce0000;
    font-size: 11px
}

.base-fundo, .fundo-artigos {
    background: #f2f6f7
}

h1.base-titulo, h2.artigos-titulo, h2.base-titulo {
    font-size: 30px;
    margin: 20px 0
}

.artigos-ordenar-por, .artigos-preco-defeito, .artigos-preco-defeito-creditos {
    padding-top: 35px;
    display: table-cell;
    text-align: right
}

.artigos-preco-defeito, .artigos-preco-defeito-creditos {
    padding-left: 30px
}

.artigos-ordenar-por-lista, .artigos-preco-defeito-lista, .orcamentos-data-lista, .orcamentos-ordenar-por-lista {
    border: 0;
    border-bottom: 1px solid #004a72;
    height: 20px;
    font-weight: 700;
    background: 0 0
}

.artigos-box {
    background: #fff;
    width: 100%;
    padding: 10px 20px
}

.artigos-box-sep {
    height: 20px
}

.artigos-box-sep-peq {
    height: 5px
}

.artigos-filtrar-tit {
    font-size: 16px;
    font-weight: 700;
    float: left
}

.artigos-reset {
    border: 1px solid #48cdfe;
    color: #48cdfe;
    background: #fff;
    height: 16px;
    line-height: 14px;
    font-size: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: right;
    margin-top: 5px
}

.artigos-categorias-tit, .artigos-outros-tit {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 700
}

.artigos-categorias-sep {
    height: 30px
}

.artigos-categorias-item, .artigos-categorias-item-sub {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.artigos-categorias-item-sub {
    padding-left: 50px
}

    .artigos-categorias-item input, .artigos-categorias-item-sub input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

.artigos-categorias-item-check, .artigos-categorias-item-sub-check {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #48cdfe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.artigos-categorias-item-sub-check {
    left: 25px
}

.artigos-categorias-item-sub:hover input ~ .artigos-categorias-item-sub-check, .artigos-categorias-item:hover input ~ .artigos-categorias-item-check {
    background-color: #f4f4f4
}

.artigos-categorias-item input:checked ~ .artigos-categorias-item-check, .artigos-categorias-item-sub input:checked ~ .artigos-categorias-item-sub-check {
    background-color: #2196f3
}

.artigos-categorias-packs {
    background: #fff;
    margin-bottom: 15px
}

.grid-item, .packs-grid-item {
    margin-bottom: 20px;
    float: left
}

.artigos-categorias-packs img, .orcamentar-img img {
    width: 70px
}

.artigos-categorias-packs a {
    text-decoration: none;
    color: #000
}

.artigo-ficha-navegacao-anterior button span, .artigo-ficha-navegacao-seguinte button span, .artigos-categorias-packs span, .pack-ficha-navegacao-anterior button span, .pack-ficha-navegacao-seguinte button span, h3.pages-titulo-sub {
    font-size: 20px
}

.artigos-aplicar-filtro {
    padding: 0 10px 10px;
    background: #fff;
    display: none
}

.artigos-aplicar-filtro-botao, .compra-atualizar-precos-botao {
    color: #48cdfe;
    border: 1px solid #48cdfe;
    background: #fff;
    padding: 5px;
    text-align: center;
    width: 100%
}

.grid.are-images-unloaded .image-grid-item, .grid.images-unloaded, .packs-grid.are-images-unloaded .image-grid-item {
    opacity: 0
}

.grid-col-sizer, .grid-item {
    width: 23.5%
}

.grid-gutter-sizer, .packs-grid-gutter-sizer {
    width: 2%
}

.pagination-next {
    display: none
}

.packs-grid-item {
    width: 19.5%
}

.artigos-lista {
    background: #fff;
    padding: 5px 30px
}

.artigos-lista-item {
    min-height: 600px;
    background: #fff;
    position: relative
}

.artigos-indisponivel, .artigos-indisponivel-orcamentar {
    background: #f2f2f2;
    color: #023f59
}

.artigos-lista-estados {
    position: absolute;
    top: 13px;
    left: 0
}

    .artigos-lista-estados > div {
        padding: 2px 10px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        display: table;
        margin: 2px 0
    }

.artigos-indisponivel-orcamentar {
    display: table;
    padding: 2px 5px;
    position: absolute;
    right: 0
}

.artigos-stockoff {
    background: #f7e5e8;
    color: #ea4156
}

    .artigos-stockoff > section {
        border: 1px solid #ea4156;
        color: #ea4156;
        margin-left: 3px;
        padding: 0 3px;
        display: inline-block;
        position: relative;
        top: -1px;
        line-height: 18px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

.artigos-lowcost {
    background: #fff6e8;
    color: #f9a21c
}

.artigos-destaque {
    background: #eafffa;
    color: #00d69a
}

.artigos-novidade {
    background: #ebeaff;
    color: #6c63ff
}

.artigos-lista-foto, .fancybox-image-wrap {
    background: #fff !important
}

    .artigo-ficha-addons-item img, .artigo-ficha-licencas-item img, .artigo-ficha-manuais-item img, .artigo-ficha-opcoes-item img, .artigo-ficha-plugins-item img, .artigos-lista-foto img, .home-noticias-foto img, .noticia-foto img, .noticias-foto img, .packs-lista-foto img {
        width: 100%
    }

.artigos-lista-categoria {
    text-align: center;
    font-size: 11px;
    color: #48cdfe
}

.artigos-lista-foto-auxiliar {
    padding-bottom: 5px
}

    .artigos-lista-foto-auxiliar img {
        margin: 0 auto;
        width: 100%
    }

.artigo-ficha-relacionados, h2.packs-titulo {
    margin-top: 20px
}

.artigos-lista-descricao {
    color: #000;
    font-size: .8vw;
    font-weight: 700;
    text-transform: uppercase
}

.artigos-ficha-addons-preco sup, .artigos-ficha-licencas-preco sup, .artigos-ficha-opcoes-preco sup, .artigos-ficha-plugins-preco sup, .artigos-lista-introducao {
    font-size: 12px
}

.artigo-ficha-introducao-destaques ul {
    padding-left: 1em
}

.artigos-lista-introducao > ul, .pack-ficha-introducao-destaques ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.artigos-lista-introducao ul li::before {
    content: "•";
    display: inline-block;
    width: .6em;
    margin-left: 0;
    margin-right: 0
}

.artigos-lista-preco {
    position: absolute;
    bottom: 55px;
    padding: 10px 0
}

    .artigos-lista-preco label, .packs-lista-preco label {
        font-weight: 700;
        font-size: 11px;
        display: block;
        line-height: 10px
    }

    .artigo-ficha-precos-desc, .artigos-lista-preco span, .pack-ficha-precos-desc, .packs-lista-preco span {
        font-size: 30px;
        color: #0077a8
    }

.artigos-lista-botoes {
    --gutterV: 60px;
    position: absolute;
    bottom: 30px;
    padding-top: 5px;
    display: table;
    width: calc(100% - var(--gutterV))
}

.artigos-rel-botoes {
    padding-top: 5px;
    padding-bottom: 10px;
    display: table;
    width: 100%
}

.artigos-lista-botoes-sabermais {
    display: table-cell;
    vertical-align: bottom
}

    .artigos-lista-botoes-sabermais a, .compra-popup-botao, .packs-lista-botao a {
        color: #0077a8;
        border: 1px solid #0077a8;
        text-align: center;
        display: block;
        padding: 3px 0
    }

        .artigo-ficha-manuais-botao a:hover, .artigos-lista-botoes-sabermais a:hover, .compra-popup-botao:hover, .packs-lista-botao a:hover {
            color: #fff;
            border: 1px solid #0077a8;
            background: #0077a8
        }

.artigos-lista-botoes-sep {
    display: table-cell;
    width: 10px
}

.artigos-lista-botoes-compra {
    display: table-cell;
    width: 32px;
    vertical-align: bottom;
    position: relative;
    top: -2px
}

    .artigos-lista-botoes-compra button {
        position: relative;
        top: 2px;
        background: #fff;
        color: #0077a8;
        border: 1px solid #0077a8;
        width: 32px;
        height: 32px;
        text-align: center;
        display: block
    }

        .artigos-lista-botoes-compra button:hover {
            background: #0077a8;
            color: #fff
        }

.artigo-ficha, .botao-compra-lnk, .campo-dados, .compra-conta-nome, .pack-ficha {
    position: relative
}

.artigo-ficha-endereco, .pack-ficha-endereco, .packs-lista-endereco {
    padding: 15px 0;
    display: inline-block;
    font-size: 12px
}

    .artigo-ficha-endereco span, .pack-ficha-endereco span, .packs-lista-endereco span {
        color: #0077a8;
        font-size: 12px
    }

    .artigo-ficha-endereco a, .pack-ficha-endereco a, .packs-lista-endereco a {
        font-size: 12px;
        color: #000;
        text-decoration: none
    }

.artigo-ficha-navegacao, .pack-ficha-navegacao {
    padding: 15px 0;
    float: right
}

.artigo-ficha-navegacao-anterior button, .artigo-ficha-navegacao-seguinte button, .pack-ficha-navegacao-anterior button, .pack-ficha-navegacao-seguinte button {
    background: #fff;
    border: 0;
    cursor: pointer;
    padding: 0 2px;
    color: #999
}

    .artigo-ficha-navegacao-anterior button:hover, .artigo-ficha-navegacao-seguinte button:hover, .pack-ficha-navegacao-anterior button:hover, .pack-ficha-navegacao-seguinte button:hover, .packs-lista-tipos-item a:hover {
        opacity: .4;
        -webkit-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        -moz-transition: .2s ease-in
    }

.artigo-ficha-estados > div, .pack-ficha-estados > div {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    background: #fff !important
}

.artigo-ficha-fotos img {
    width: 60%;
    height: auto
}

.artigo-ficha-descricao {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin: 0
}

    .artigo-ficha-descricao > span {
        font-size: 30px;
        font-weight: 300
    }

.artigo-ficha-descricao-sub, .artigo-ficha-descricao-sub-print {
    font-style: italic;
    color: #6c63ff
}

    .artigo-ficha-descricao-sub-print:before, .artigo-ficha-descricao-sub:before {
        content: " | ";
        font-style: normal;
        color: #212529
    }

.artigo-ficha-descricao-sub-print-size, .artigo-ficha-precos-desc sup, .pack-ficha-precos-desc sup, .packs-lista-preco sup, h4.pages-titulo-sub {
    font-size: 18px
}

.artigo-ficha-categoria, .pack-ficha-categoria {
    padding-top: 10px;
    color: #48cdfe
}

.artigo-ficha-codigo, .artigo-ficha-introducao-destaques, .pack-ficha-codigo, .pack-ficha-introducao-destaques {
    padding-top: 10px
}

.artigo-ficha-codigo-label, .pack-ficha-codigo-label {
    font-weight: 700;
    padding-right: 5px;
    display: inline-block;
    text-transform: uppercase
}

.artigo-ficha-introducao {
    padding-top: 10px;
    padding-bottom: 40px;
    min-height: 180px;
    max-width: 400px
}

.artigo-ficha-pdf {
    position: absolute;
    top: 8px;
    right: 21px
}

.orcamentar-pdf {
    position: absolute;
    top: -15px;
    left: 40px
}

    .artigo-ficha-pdf button, .orcamentar-pdf button {
        position: relative;
        background: #fff;
        border: 1px solid #e9e8e8;
        color: #00bcff;
        cursor: pointer;
        font-size: 12px;
        height: 28px;
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

.artigo-ficha-indisponivel {
    padding: 5px 10px;
    background: #f2f2f2;
    color: #023f59;
    text-transform: uppercase;
    font-weight: 700;
    display: table
}

.artigo-ficha-precos, .pack-ficha-precos {
    width: 100%;
    min-height: 70px
}

.artigo-ficha-precos-ind {
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 20px
}

.artigo-ficha-precos-label, .pack-ficha-precos-label {
    font-weight: 700;
    font-size: 11px
}

.artigo-ficha-precos-creditos {
    display: block;
    padding-top: 10px
}

.artigo-ficha-compra-quantidade, .artigo-ficha-opcoes-quantidade, .pack-ficha-compra-quantidade, .servicos-compra-quantidade {
    display: inline-block;
    padding-right: 5px
}

    .artigo-ficha-compra-quantidade input, .pack-ficha-compra-quantidade input, .servicos-compra-quantidade input {
        position: relative;
        width: 60px;
        height: 32px;
        text-align: center;
        border: 1px solid #0077a8
    }

        .artigo-ficha-compra-quantidade input::-webkit-inner-spin-button {
            opacity: 1;
            height: 32px;
            -webkit-appearance: none
        }

.artigo-ficha-compra-botao button, .pack-ficha-compra-botao button, .servicos-compra-botao button {
    position: relative;
    background: #fff;
    border: 1px solid #0077a8;
    color: #0077a8;
    cursor: pointer;
    height: 32px;
    padding: 0 20px
}

    .artigo-ficha-compra-botao button:hover, .artigos-ficha-addons-botao button:hover, .artigos-ficha-licencas-botao button:hover, .artigos-ficha-opcoes-botao button:hover, .artigos-ficha-plugins-botao button:hover, .pack-ficha-compra-botao button:hover, .servicos-compra-botao button:hover {
        color: #fff;
        background: #0077a8;
        border: 1px solid #0077a8
    }

.artigo-ficha-tabs {
    padding: 20px 0
}

    .artigo-ficha-tabs .nav-tabs {
        background: #fff;
        border-bottom: 2px solid #f2f6f7
    }

        .artigo-ficha-tabs .nav-tabs li {
            font-weight: 700;
            background: #fff;
            border: 0
        }

            .artigo-ficha-tabs .nav-tabs li:active {
                border: 0
            }

    .artigo-ficha-tabs .tab-content {
        min-height: 300px
    }

    .artigo-ficha-tabs .nav-item {
        padding: .5rem 1rem;
        margin-bottom: 0
    }

        .artigo-ficha-tabs .nav-item .active {
            border: 1px solid #fff;
            border-bottom: 2px solid #48cdfe
        }

    .artigo-ficha-tabs .nav-link {
        padding: 0
    }

.artigo-ficha-addons-grupo, .artigo-ficha-licencas-grupo, .artigo-ficha-manuais-grupo, .artigo-ficha-opcoes-grupo, .artigo-ficha-plugins-grupo, .artigo-ficha-relacionados-grupo {
    background: #fff;
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 24px
}

.artigo-ficha-relacionados .grid-item:nth-child(4n), .packs-lista-items .grid-item:nth-child(5n) {
    margin-right: 0
}

.artigo-ficha-relacionados .grid-item {
    width: 23.5%;
    margin-right: 2%;
    background: #f2f6f7
}

.artigo-ficha-fotos .carousel-indicators {
    position: relative;
    top: 30px
}

    .artigo-ficha-fotos .carousel-indicators li {
        z-index: 5;
        background-color: #000
    }

#tabela-compra > tbody > tr > td, .artigo-ficha-texto, .compra-conta-gestor, .compra-conta-nivel, .compra-conta-nome, .fundo-packs, .tabela-compra > tfoot > tr > td {
    background: #fff
}

.artigo-ficha-informacao-comercial {
    background: #fff;
    padding: 20px
}

.artigo-ficha-carateristicas {
    padding: 20px 30px;
    background: #fff
}

.artigo-ficha-carateristicas-titulo {
    font-size: 30px;
    line-height: 50px;
    border-bottom: 1px solid #333
}

.artigo-ficha-carateristicas-foto {
    padding: 30px 0;
    border-bottom: 1px solid #333;
    text-align: center
}

    .artigo-ficha-carateristicas-foto img {
        max-width: 1000px
    }

.artigo-ficha-carateristicas-adicional {
    border-top: 15px solid #f2f6f7;
    padding: 20px 33px;
    background: #fff;
    font-size: 11px;
    line-height: 18px
}

.artigo-ficha-carateristica-linha {
    padding: 30px 0;
    border-bottom: 1px solid #333
}

    .artigo-ficha-carateristica-linha:last-child {
        padding: 30px 0 0;
        border-bottom: 0 !important
    }

.artigo-ficha-carateristica-linha-tit {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300
}

.artigo-ficha-carateristica-linha-sub-tit {
    font-weight: 700
}

.artigo-ficha-garantias {
    background: #fff;
    padding: 30px;
    min-height: 300px
}

.artigo-ficha-addons, .artigo-ficha-licencas, .artigo-ficha-manuais, .artigo-ficha-opcoes, .artigo-ficha-plugins {
    margin-top: 15px
}

.artigo-ficha-addons-item, .artigo-ficha-licencas-item, .artigo-ficha-manuais-item, .artigo-ficha-opcoes-item, .artigo-ficha-plugins-item {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px
}

.artigo-ficha-addons-descricao, .artigo-ficha-plugins-descricao {
    padding: 10px 0;
    color: #0077a8
}

.artigo-ficha-addons-introducao {
    min-height: 80px;
    font-size: 12px;
    line-height: 18px;
    padding-right: 10px;
    padding-bottom: 15px;
    text-align: justify
}

.artigos-ficha-addons-preco, .artigos-ficha-licencas-preco, .artigos-ficha-opcoes-preco, .artigos-ficha-plugins-preco {
    padding: 10px 0
}

    .artigos-ficha-addons-preco div, .artigos-ficha-licencas-preco div, .artigos-ficha-opcoes-preco div, .artigos-ficha-plugins-preco div, .orcamentar-preco div, .pack-ficha-tipos-preco div {
        display: inline-block;
        padding-right: 15px;
        padding-bottom: 15px
    }

    .artigos-ficha-addons-preco label, .artigos-ficha-licencas-preco label, .artigos-ficha-opcoes-preco label, .artigos-ficha-plugins-preco label {
        font-weight: 700;
        font-size: 11px;
        display: block;
        line-height: 0
    }

    .artigos-ficha-addons-preco span, .artigos-ficha-licencas-preco span, .artigos-ficha-opcoes-preco span, .artigos-ficha-plugins-preco span {
        font-size: 20px;
        color: #0077a8
    }

.artigos-ficha-addons-botao button, .artigos-ficha-plugins-botao button {
    background: #fff;
    border: 1px solid #0077a8;
    color: #0077a8;
    cursor: pointer;
    height: 30px;
    padding: 0 10px
}

.artigo-ficha-plugins-introducao {
    min-height: 110px;
    font-size: 12px;
    line-height: 18px;
    padding-right: 10px;
    padding-bottom: 15px;
    text-align: justify
}

.artigo-ficha-licencas-descricao, .artigo-ficha-manuais-descricao, .artigo-ficha-opcoes-descricao {
    padding-bottom: 10px;
    padding-top: 20px;
    color: #0077a8
}

.artigos-ficha-licencas-botao button, .artigos-ficha-opcoes-botao button {
    background: #fff;
    border: 1px solid #0077a8;
    color: #0077a8;
    cursor: pointer;
    height: 30px;
    padding: 0 5px
}

.artigo-ficha-opcoes-quantidade input {
    position: relative;
    width: 50px;
    height: 30px;
    text-align: center;
    border: 1px solid #0077a8;
    font-size: 12px
}

    .artigo-ficha-opcoes-quantidade input::-webkit-inner-spin-button {
        opacity: 1;
        height: 30px
    }

.artigo-ficha-manuais-botao a, .artigo-ficha-manuais-botao a:focus, .artigo-ficha-manuais-botao a:visited {
    cursor: pointer;
    color: #0077a8;
    border: 1px solid #0077a8;
    text-align: center;
    display: block;
    padding: 3px 0
}

.fundo-packs-lista {
    padding-top: 20px;
    background: #f2f6f7
}

.fundo-packs:last-child {
    padding-bottom: 30px
}

h2.packs-titulo {
    font-size: 50px;
    line-height: 60px;
    text-align: center
}

.packs-lista-tipos {
    border-top: 5px solid #f2f6f7;
    border-bottom: 5px solid #f2f6f7;
    text-align: center;
    padding: 15px 0
}

.orcamentar-item, .orcamentar-item-indisponivel, .pack-ficha-tipos-item {
    border: 1px solid #dedede;
    cursor: pointer
}

.packs-lista-tipos-item, .packs-lista-tipos-item-sel {
    display: inline-block;
    padding: 0 20px
}

    .packs-lista-tipos-item a, .packs-lista-tipos-item-sel a {
        color: #000;
        font-size: 26px;
        text-transform: uppercase;
        border-bottom: 1px solid tranparent
    }

    .packs-lista-tipos-item-sel a {
        border-bottom: 1px solid #0077a8
    }

.packs-lista-item {
    background: #fff;
    text-align: center
}

.packs-lista-carateristicas {
    font-size: 20px;
    padding: 0 15px 15px
}

.packs-lista-descricao {
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
    font-style: italic
}

.packs-lista-carateristicas-mais {
    padding-top: 15px;
    color: #0077a8;
    font-size: 24px;
    font-style: italic
}

.packs-lista-carateristicas-foto img {
    width: 120px
}

.packs-lista-carateristicas-descricao {
    color: #0077a8;
    font-style: italic;
    font-size: 20px
}

.packs-lista-carateristicas-texto {
    padding-top: 5px;
    font-size: 20px
}

.packs-lista-botao {
    width: 60%;
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0 auto
}

.packs-lista-preco {
    padding-top: 30px
}

.packs-lista-items .grid-item {
    width: 18.6%;
    margin-right: 1.5%
}

.pack-ficha-fotos {
    text-align: left
}

    .pack-ficha-fotos img {
        width: 70%
    }

.pack-ficha-descricao, .servicos-ficha-descricao {
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin: 0
}

    .pack-ficha-descricao > span, .servicos-ficha-descricao > span {
        font-size: 30px;
        font-style: italic;
        font-weight: 300;
        color: #006599
    }

.pack-ficha-introducao {
    padding-bottom: 20px;
    max-width: 400px;
    text-align: justify
}

.pack-ficha-precos-ind {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px
}

.pack-ficha-precos-creditos {
    display: block;
    padding-top: 15px
}

.pack-ficha-compra-quantidade input::-webkit-inner-spin-button {
    opacity: 1;
    height: 32px
}

.orcamentar-titulo, .pack-ficha-tipos-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 15px
}

.pack-ficha-tipos-item {
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px
}

    .orcamentar-item-sel, .orcamentar-item:hover, .pack-ficha-tipos-item-sel, .pack-ficha-tipos-item:hover, .servicos-item-sel, .servicos-item:hover {
        border: 1px solid #006599 !important
    }

.pack-ficha-tipos-item-img img {
    width: 100px
}

.pack-ficha-tipos-item-descricao {
    display: table-cell;
    padding-left: 30px;
    width: 690px
}

    .orcamentar-descricao > span, .pack-ficha-tipos-item-descricao > span {
        color: #006599
    }

    .orcamentar-descricao a, .pack-ficha-tipos-item-descricao a {
        position: absolute;
        top: 5px;
        right: 5px;
        color: #999
    }

.pack-ficha-tipos-item-introducao {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 30px
}

.pack-ficha-tipos-qtd {
    padding-top: 10px;
    float: left
}

    .orcamentar-qtd label, .pack-ficha-tipos-qtd label {
        font-weight: 700;
        font-size: 10px;
        display: block;
        line-height: 0
    }

    .orcamentar-qtd input, .pack-ficha-tipos-qtd input {
        position: relative;
        width: 30px;
        height: 16px;
        text-align: center;
        border: 1px solid #c4c4c4;
        font-size: 10px
    }

        .pack-ficha-tipos-qtd input::-webkit-inner-spin-button {
            display: none
        }

.pack-ficha-tipos-preco {
    padding-top: 10px;
    float: right
}

    .orcamentar-preco label, .pack-ficha-tipos-preco label {
        font-weight: 700;
        font-size: 10px;
        display: block;
        line-height: 0;
        color: #000
    }

    .orcamentar-preco span, .pack-ficha-tipos-preco span {
        font-size: 14px;
        color: #0077a8
    }

.pack-ficha-sep {
    height: 15px
}

.pack-ficha-scroll {
    position: relative;
    z-index: 1
}

.pack-ficha-scroll-fixed {
    position: fixed;
    top: 80px
}

.orcamentar-item, .orcamentar-item-indisponivel {
    position: relative;
    width: 100%;
    display: table;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.orcamentar-item-nosel, .orcamentar-titulo-nosel {
    opacity: .2
}

.orcamentar-img {
    display: table-cell;
    width: 80px
}

.orcamentar-descricao {
    display: table-cell;
    text-align: left;
    background: #fff
}

.manual-botao-pdf, .manual-loading-pdf, .orcamentar-preco, .servicos-qtd {
    text-align: right
}

.servicos-descricao {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    height: 55px;
    font-size: 14px !important;
    line-height: 18px !important
}

.servicos-descricao-sub {
    font-size: 10px;
    color: #006599;
    display: block;
    line-height: 10px
}

.servicos-check {
    display: table-cell;
    vertical-align: middle;
    width: 26px
}

    .servicos-check:before {
        content: "\f10c";
        color: #dedede;
        position: relative
    }

.servicos-check-sel:before {
    content: "\e907";
    color: #006599;
    position: relative
}

.servicos-titulo {
    font-size: 20px;
    font-weight: 700;
    margin-top: 22px;
    margin-bottom: 15px
}

.servicos-item {
    position: relative;
    border: 1px solid #dedede;
    display: table;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.servicos-row .servicos-row-item {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 8px
}

    .servicos-row .servicos-row-item:nth-child(4n+1) {
        padding-left: 15px
    }

    .servicos-row .servicos-row-item:nth-child(4n) {
        padding-right: 15px
    }

.servicos-fotos {
    display: none
}

.servicos-qtd {
    width: 30px;
    display: table-cell;
    vertical-align: middle
}

    .servicos-qtd input {
        position: relative;
        width: 100%;
        height: 22px;
        text-align: center;
        border: 1px solid #c4c4c4;
        font-size: 11px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

        .servicos-qtd input::-webkit-inner-spin-button {
            display: none
        }

.servicos-compra-quantidade input::-webkit-inner-spin-button {
    opacity: 1;
    height: 32px
}

.botao-orcamentar-item, .botao-orcamentar-item:active, .botao-orcamentar-item:visited {
    background: #fff;
    padding: 0;
    margin: 0 0 5px;
    border: 0;
    text-decoration: none;
    outline: 0;
    width: 100%;
    display: table
}

.orcamentar-qtd {
    padding-top: 3px;
    padding-right: 5px;
    float: right
}

    .orcamentar-qtd input::-webkit-inner-spin-button {
        display: none
    }

.orcamentar-preco {
    padding-top: 10px;
    display: table-cell;
    width: 40%;
    vertical-align: middle
}

.templates-filtros {
    float: right;
    position: relative;
    top: -25px
}

    .templates-filtros > div {
        float: left;
        padding-left: 20px
    }

        .templates-filtros > div:last-child {
            padding-left: 10px
        }

.template-filtros-radio {
    padding-top: 8px
}

.base-dados {
    background: #fff;
    padding: 30px;
    margin-bottom: 20px
}

    .base-dados a, .pointer {
        cursor: pointer
    }

.base-dados-min {
    min-height: 250px
}

h1.pages-titulo {
    font-size: 30px;
    margin: 20px 0;
    color: #004a70
}

h2.pages-titulo, h2.pages-titulo-sub, h3.pages-titulo-sub, h4.pages-titulo-sub, h5.pages-titulo-sub, h6.pages-titulo-sub {
    font-size: 25px;
    padding-top: 25px;
    margin: 20px 0;
    color: #004a70
}

.botao-remover span, h5.pages-titulo-sub {
    font-size: 16px
}

h6.pages-titulo-sub {
    font-size: 15px
}

.orcamentos-tabela-header {
    padding: 5px 10px;
    background: #004a70;
    color: #fff
}

.orcamentos-tabela-linha {
    padding: 5px 10px;
    background: #f0f0f0
}

    .orcamentos-tabela-linha:nth-child(odd) {
        background: #d2d9db
    }

.orcamentos-filtro {
    position: absolute;
    top: 40px;
    right: 15px
}

.orcamentos-filtro-data, .orcamentos-filtro-ordenar-por {
    padding-left: 15px;
    display: inline-block
}

.modal-orcamento-texto {
    text-align: right;
    padding-right: 30px
}

.modal-header-orcamento {
    padding: 1rem 0 !important
}

.manual-botao-pdf button {
    background: 0 0;
    border: 0
}

.home-artigos, .home-banners, .home-noticias {
    padding-bottom: 70px
}

.home-noticias-data, .noticias-data {
    font-size: 13px;
    color: #333
}

.compra-adicionar-artigo, .compra-atualizar-precos, .home-noticias-data {
    margin-top: 10px
}

.home-noticias-titulo a, .noticias-titulo a {
    margin-top: 5px;
    color: #014c72;
    font-size: 18px
}

    .home-noticias-titulo a:hover, .noticia-fonte a:hover, .noticias-titulo a:hover {
        color: #3487b2
    }

.painel-pesquisa-noticias {
    margin-top: 0;
    margin-bottom: 30px
}

a.lnkVerTodos {
    color: #999;
    text-transform: lowercase
}

.compra-conta-row div:last-child, .noticia-fonte {
    float: right
}

    .noticia-fonte a {
        color: #014c72
    }

.noticia-foto {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
}

.compra-conta-nivel, .noticia-descricao {
    text-align: justify
}

.divErro, .divErroIdonic {
    /*left: 50%;
    width: 500px;
    margin-left: -250px;
    text-align: center*/
}

.voltar-topo {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0,57,86,.8);
    z-index: 500;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 5px
}

    .voltar-topo:hover {
        background-color: #003956;
        opacity: 1
    }

    .voltar-topo > span {
        color: #fff;
        font-size: 30px;
        line-height: 50px
    }

.botaoSemFundo {
    background: 0 0;
    border: none;
    color: #000
}

.compra-conta-gestor, .compra-conta-nivel, .compra-conta-row {
    border-top: 1px solid #ddd
}

/*.divErro {
    height: 150px;
    position: absolute;
    top: 50%;
    margin-top: -75px
}*/

.divErroIdonic {
    position: absolute;
    bottom: 10px
}

.espacoBottom {
    padding-bottom: 60px
}

.espacoBottomPeq {
    padding-bottom: 25px
}

.espacoTopPeq {
    padding-top: 5px
}

#tabela-compra {
    border: 1px solid #ddd !important
}

    #tabela-compra td {
        border-top: 1px solid #ddd !important
    }

    #tabela-compra thead th {
        border-bottom: 0 !important
    }

    #tabela-compra thead {
        background: #004a72 !important;
        color: #fff
    }

.tabela-compra-area td {
    background: #ddd !important
}

.tabela-compra-area-tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px
}

.compra-preco, .compra-texto-linha {
    line-height: 30px
}

.tabela-compra-subtotal-area td {
    background: #eee !important
}

.col-precos {
    display: table-row;
    padding-bottom: 10px
}

.col-compra {
    display: table-cell;
    vertical-align: top;
    width: 79%;
    padding-right: 1%
}

.col-compra-artigo-com-foto {
    padding-left: 0 !important
}

.col-compra-totais {
    display: table-cell;
    width: 20%;
    vertical-align: top
}

.campo-preco-sem-desconto {
    font-size: 13px;
    text-decoration: line-through;
    color: #999
}

.compra-quantidade input, .compra-quantidade-peq input {
    width: 50px;
    padding: 2px 0;
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.compra-quantidade-peq input {
    width: 50px;
    padding: 0
}

    .compra-quantidade input::-webkit-inner-spin-button, .compra-quantidade input::-webkit-outer-spin-button, .compra-quantidade-peq input::-webkit-inner-spin-button, .compra-quantidade-peq input::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

.compra-preco {
    text-align: right;
    padding-right: 30px !important
}

.compra-combo-precos {
    float: right;
    margin-bottom: 10px;
    text-align: right;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.compra-titulo {
    margin: 0 0 20px
}

.compra-addon {
    display: block
}

.compra-addon-titulo {
    font-weight: 500
}

.compra-addon-descricao {
    display: inline-block;
    padding-top: 15px;
    padding-left: 5px
}

.compra-opcoes-descricao {
    display: inline-block;
    padding-top: 5px;
    padding-left: 5px
}

.compra-addon-foto {
    display: inline-block;
    width: 40px
}

    .compra-addon-foto img {
        width: 40px
    }

.campo-dados-alerta {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #ce0000;
    font-size: 11px
}

.compra-totais {
    width: 100%;
    border: 1px solid #ddd;
    z-index: 1
}

.compra-totais-tit {
    background: #006400;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    height: 48px;
    line-height: 48px
}

.compra-totais-row {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%
}

.compra-totais-total {
    width: 100%;
    padding: 10px;
    background: #333;
    color: #fff;
    font-size: 22px;
    text-align: right;
    font-weight: 700
}

    .compra-totais-total sup {
        position: relative;
        top: -8px;
        font-size: 12px
    }

.compra-totais-total-nofundo {
    border-left: 0 !important;
    border-bottom: 0 !important
}

.compra-totais-creditos {
    background: #f4f4f4
}

.compra-totais-row > label {
    display: table-cell;
    width: 150px;
    font-weight: 700
}

.compra-totais-row > div {
    text-align: right;
    display: table-cell
}

.compra-conta {
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 40px;
    z-index: 1
}

.compra-conta-tit {
    background: #004a72 !important;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    height: 48px;
    line-height: 48px;
    position: relative
}

.compra-conta-nome span {
    position: absolute;
    top: 20px;
    right: 10px
}

.compra-conta-row {
    background: #fff;
    min-height: 70px
}

.compra-conta-gestor, .compra-conta-nif, .compra-conta-nivel, .compra-conta-nome, .compra-conta-tipo {
    padding: 10px;
    margin: 0
}

    .compra-conta-gestor > label, .compra-conta-nif > label, .compra-conta-nivel > label, .compra-conta-nome > label, .compra-conta-tipo > label {
        font-weight: 700;
        display: block;
        padding: 0;
        margin: 0
    }

.compra-opcoes > div {
    float: left;
    padding-right: 30px;
    padding-top: 8px
}

    .compra-opcoes > div:last-child {
        float: right;
        padding-right: 0;
        padding-top: 00px
    }

.compra-adicionar-artigo-pesquisar {
    position: absolute;
    top: 0;
    right: 10px
}

    .compra-adicionar-artigo-pesquisar div {
        float: left;
        padding-left: 10px
    }

.compra-adicionar-artigo-pesquisar-label {
    padding-top: 6px
}

.compra-adicionar-artigo-pesquisar-botao {
    width: 40px;
    height: 37px;
    text-align: center
}

.compra-adicionar-artigo-botao, .compra-adicionar-artigo-pesquisa-botao {
    width: 100%;
    background: #fff;
    padding: 5px 0;
    border: 1px solid #555;
    color: #555
}

    .compra-adicionar-artigo-botao:hover, .compra-adicionar-artigo-pesquisa-botao:hover {
        background: #555;
        color: #fff
    }

.compra-adicionar-artigo-pesquisa-botao {
    width: 200px
}

.compra-combo-adicionar-artigo {
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.compra-adicionar-artigo-sem-artigos, .compra-carregar-template-sem-artigos {
    float: right;
    width: 200px;
    padding-left: 10px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.template {
    display: block;
    border-bottom: 1px solid #e4e4e4;
    height: 30px;
    line-height: 30px;
    position: relative
}

.template-botao, .template-botao-remover {
    border: 0;
    background: 0 0;
    padding: 0
}

    .template-botao span {
        margin-left: 3px;
        margin-right: 7px
    }

.template-botao-remover {
    position: absolute;
    top: 5px;
    right: 0
}

.compra-carregar-template-botao {
    width: 100%;
    background: #fff;
    color: #48cdfe;
    border: 1px solid #48cdfe;
    padding: 5px 0;
    margin-right: 10px
}

    .compra-carregar-template-botao:hover {
        background: #48cdfe;
        color: #fff
    }

@media (max-width:1900px) {
    .artigo-relacionados .grid-item, .packs-lista-items .grid-item {
        width: 32%;
        margin-right: 2%
    }

    .servicos-descricao {
        height: 70px
    }

    .grid-col-sizer, .grid-item {
        width: 32%
    }

    .grid-gutter-sizer {
        width: 2%
    }
}

@media (max-width:1200px) {
    .grid-col-sizer, .grid-item {
        width: 48%
    }

    .grid-gutter-sizer {
        width: 4%
    }

    .artigo-ficha-carateristicas-foto img {
        max-width: 100%
    }
}

@media (max-width:1280px) and (min-width:620px) {
    .artigo-relacionados .grid-item:nth-child(3n), .packs-lista-items .grid-item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:1280px) {
    .col-compra, .col-compra-totais {
        display: block;
        vertical-align: top
    }

    .header-botoes, .header-logo {
        text-align: center
    }

    .header-botoes, .header-logo, .header-menu {
        display: block
    }

    .txtPesquisar {
        width: 99.5%;
        margin: 10px 0
    }

    .btnPesquisar {
        top: 22px;
        right: 5px
    }

    .espaco-mobile {
        padding-bottom: 50px
    }

    .artigos-ordenar-por, .artigos-preco-defeito {
        text-align: right
    }

    .artigo-ficha-fotos {
        padding-bottom: 40px
    }

        .artigo-ficha-fotos img, .col-compra {
            width: 100%
        }

    .artigo-ficha-introducao {
        height: auto;
        padding-bottom: 20px
    }

    .artigos-lista-descricao {
        font-size: 1.6vw
    }

    h2.packs-titulo {
        font-size: 30px;
        line-height: 30px
    }

    .packs-lista-tipos-item a, .packs-lista-tipos-item-sel a {
        font-size: 2vw
    }

    .pack-ficha-compra {
        padding-bottom: 60px
    }

    .col-compra-totais {
        width: 100%;
        padding-left: 0
    }

    .servicos-row .servicos-row-item:nth-child(4n+1) {
        padding-left: 5px
    }

    .servicos-row .servicos-row-item:nth-child(4n) {
        padding-right: 5px
    }

    .servicos-row .servicos-row-item:nth-child(3n+1) {
        padding-left: 15px
    }

    .servicos-row .servicos-row-item:nth-child(3n) {
        padding-right: 15px
    }
}

@media (max-width:620px) {
    .compra, .noticia-data, .noticia-fonte, .noticia-foto {
        float: none
    }

    .footer-redes-sociais {
        top: 5px
    }

    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 22px;
        line-height: 34px
    }

    .loginUserSep {
        padding: 5px 0;
        display: block
    }

    .artigo-ficha-navegacao, .hidden-xs, .loginUserSepCont, table#tabela-compra thead {
        display: none
    }

    .headerMid {
        padding: 20px 0
    }

    .compra {
        display: table;
        margin: 15px auto 0
    }

    .vertical-align {
        display: inherit
    }

    .txtPesquisar {
        width: 99%;
        margin: 10px 0
    }

    .artigo-relacionados .grid-item:nth-child(2n), .noticia-foto, .packs-lista-items > .grid-item:nth-child(2n) {
        margin-right: 0
    }

    .artigos-ordenar-por, .artigos-preco-defeito {
        padding-top: 0;
        padding-bottom: 20px
    }

    .grid-col-sizer, .grid-item {
        width: 100%
    }

    .grid-gutter-sizer {
        width: 0
    }

    .artigo-relacionados .grid-item, .packs-lista-items > .grid-item {
        width: 48%;
        margin-right: 3.5%
    }

    .artigo-ficha-carateristica-linha-tit {
        padding-bottom: 20px
    }

    .orcamentos-filtro {
        position: relative;
        top: 0;
        right: 0
    }

    .orcamentos-filtro-data, .orcamentos-filtro-ordenar-por {
        padding-left: 5px;
        padding-bottom: 15px
    }

    .noticias-data {
        margin-top: 5px
    }

    .artigo-navegacao {
        top: -30px
    }

    .artigo-codigo, .artigo-foto {
        padding-bottom: 10px
    }

    .artigos-lista-foto-auxiliar img {
        margin: 0 auto;
        width: 250px
    }

    .pack-ficha-fotos {
        text-align: center
    }

    .visible-xs {
        display: block
    }

    .campo-preco-com-desconto {
        display: inline-block
    }

    .compra-addon-descricao {
        padding-top: 0;
        padding-left: 0
    }

    .artigos-lista-descricao {
        font-size: 16px
    }

    table#tabela-compra tbody td .form-control {
        display: inline !important
    }

    .tabela-compra-botoes .btn {
        margin: 5px 0
    }

    table#tabela-compra tbody td {
        display: block;
        padding: .6rem;
        min-width: 320px
    }

    table#tabela-compra tbody tr td:first-child {
        background: #e4e4e4
    }

    table#tabela-compra tbody td:before {
        content: attr(data-th);
        font-weight: 700;
        display: inline-block;
        width: 8rem
    }

    .servicos-row .servicos-row-item:nth-child(3n+1), .servicos-row .servicos-row-item:nth-child(4n+1) {
        padding-left: 5px
    }

    .servicos-row .servicos-row-item:nth-child(3n), .servicos-row .servicos-row-item:nth-child(4n) {
        padding-right: 5px
    }

    .menu-sub-tabela {
        display: inline;
        clear: both
    }

    .menu-sub-tabela-col {
        display: inline-block;
        margin: 5px 20px;
        vertical-align: top;
        text-align: center
    }
}

.fg-black, .fg-black-before:before, .modal-login-recuperar {
    color: #000 !important
}

.bg-black {
    background-color: #000 !important
}

.fg-white, .fg-white-before:before {
    color: #fff !important
}

.bg-white {
    background-color: #fff !important
}

.fg-lime, .fg-lime-before:before {
    color: #a4c400 !important
}

.bg-lime {
    background-color: #a4c400 !important
}

.fg-green, .fg-green-before:before {
    color: #60a917 !important
}

.bg-green {
    background-color: #60a917 !important
}

.fg-emerald, .fg-emerald-before:before {
    color: #008a00 !important
}

.bg-emerald {
    background-color: #008a00 !important
}

.fg-blue, .fg-blue-before:before {
    color: #00aff0 !important
}

.bg-blue {
    background-color: #00aff0 !important
}

.fg-teal, .fg-teal-before:before {
    color: #00aba9 !important
}

.bg-teal {
    background-color: #00aba9 !important
}

.fg-cyan, .fg-cyan-before:before {
    color: #1ba1e2 !important
}

.bg-cyan {
    background-color: #1ba1e2 !important
}

.fg-cobalt, .fg-cobalt-before:before {
    color: #0050ef !important
}

.bg-cobalt {
    background-color: #0050ef !important
}

.fg-indigo, .fg-indigo-before:before {
    color: #6a00ff !important
}

.bg-indigo {
    background-color: #6a00ff !important
}

.fg-violet, .fg-violet-before:before {
    color: #a0f !important
}

.bg-violet {
    background-color: #a0f !important
}

.fg-pink, .fg-pink-before:before {
    color: #dc4fad !important
}

.bg-pink {
    background-color: #dc4fad !important
}

.fg-magenta, .fg-magenta-before:before {
    color: #d80073 !important
}

.bg-magenta {
    background-color: #d80073 !important
}

.fg-crimson, .fg-crimson-before:before {
    color: #a20025 !important
}

.bg-crimson {
    background-color: #a20025 !important
}

.fg-red, .fg-red-before:before {
    color: #ce352c !important
}

.bg-red {
    background-color: #ce352c !important
}

.fg-orange, .fg-orange-before:before {
    color: #fa6800 !important
}

.bg-orange {
    background-color: #fa6800 !important
}

.fg-amber, .fg-amber-before:before {
    color: #f0a30a !important
}

.bg-amber {
    background-color: #f0a30a !important
}

.fg-yellow, .fg-yellow-before:before {
    color: #e3c800 !important
}

.bg-yellow {
    background-color: #e3c800 !important
}

.fg-brown, .fg-brown-before:before {
    color: #825a2c !important
}

.bg-brown {
    background-color: #825a2c !important
}

.fg-olive, .fg-olive-before:before {
    color: #6d8764 !important
}

.bg-olive {
    background-color: #6d8764 !important
}

.fg-steel, .fg-steel-before:before {
    color: #647687 !important
}

.bg-steel {
    background-color: #647687 !important
}

.fg-mauve, .fg-mauve-before:before {
    color: #76608a !important
}

.bg-mauve {
    background-color: #76608a !important
}

.fg-taupe, .fg-taupe-before:before {
    color: #87794e !important
}

.bg-taupe {
    background-color: #87794e !important
}

.fg-dark, .fg-dark-before:before {
    color: #1d1d1d !important
}

.bg-dark {
    background-color: #1d1d1d !important
}

.fg-darkBrown, .fg-darkBrown-before:before {
    color: #63362f !important
}

.bg-darkBrown {
    background-color: #63362f !important
}

.fg-darkCrimson, .fg-darkCrimson-before:before {
    color: #640024 !important
}

.bg-darkCrimson {
    background-color: #640024 !important
}

.fg-darkMagenta, .fg-darkMagenta-before:before {
    color: #81003c !important
}

.bg-darkMagenta {
    background-color: #81003c !important
}

.fg-darkIndigo, .fg-darkIndigo-before:before {
    color: #4b0096 !important
}

.bg-darkIndigo {
    background-color: #4b0096 !important
}

.fg-darkCyan, .fg-darkCyan-before:before {
    color: #1b6eae !important
}

.bg-darkCyan {
    background-color: #1b6eae !important
}

.fg-darkCobalt, .fg-darkCobalt-before:before {
    color: #00356a !important
}

.bg-darkCobalt {
    background-color: #00356a !important
}

.fg-darkTeal, .fg-darkTeal-before:before {
    color: #004050 !important
}

.bg-darkTeal {
    background-color: #004050 !important
}

.fg-darkEmerald, .fg-darkEmerald-before:before {
    color: #003e00 !important
}

.bg-darkEmerald {
    background-color: #003e00 !important
}

.fg-darkGreen, .fg-darkGreen-before:before {
    color: #128023 !important
}

.bg-darkGreen {
    background-color: #128023 !important
}

.fg-darkOrange, .fg-darkOrange-before:before {
    color: #bf5a15 !important
}

.bg-darkOrange {
    background-color: #bf5a15 !important
}

.fg-darkRed, .fg-darkRed-before:before {
    color: #9a1616 !important
}

.bg-darkRed {
    background-color: #9a1616 !important
}

.fg-darkPink, .fg-darkPink-before:before {
    color: #9a165a !important
}

.bg-darkPink {
    background-color: #9a165a !important
}

.fg-darkViolet, .fg-darkViolet-before:before {
    color: #57169a !important
}

.bg-darkViolet {
    background-color: #57169a !important
}

.fg-darkBlue, .fg-darkBlue-before:before {
    color: #16499a !important
}

.bg-darkBlue {
    background-color: #16499a !important
}

.fg-lightBlue, .fg-lightBlue-before:before {
    color: #4390df !important
}

.bg-lightBlue {
    background-color: #4390df !important
}

.fg-lighterBlue, .fg-lighterBlue-before:before {
    color: #0cf !important
}

.bg-lighterBlue {
    background-color: #0cf !important
}

.fg-lightTeal, .fg-lightTeal-before:before {
    color: #45fffd !important
}

.bg-lightTeal {
    background-color: #45fffd !important
}

.fg-lightOlive, .fg-lightOlive-before:before {
    color: #78aa1c !important
}

.bg-lightOlive {
    background-color: #78aa1c !important
}

.fg-lightOrange, .fg-lightOrange-before:before {
    color: #ffc194 !important
}

.bg-lightOrange {
    background-color: #ffc194 !important
}

.fg-lightPink, .fg-lightPink-before:before {
    color: #f472d0 !important
}

.bg-lightPink {
    background-color: #f472d0 !important
}

.fg-lightRed, .fg-lightRed-before:before {
    color: #da5a53 !important
}

.bg-lightRed {
    background-color: #da5a53 !important
}

.fg-lightGreen, .fg-lightGreen-before:before {
    color: #7ad61d !important
}

.bg-lightGreen {
    background-color: #7ad61d !important
}

.fg-lightCyan, .fg-lightCyan-before:before {
    color: #59cde2 !important
}

.bg-lightCyan {
    background-color: #59cde2 !important
}

.fg-grayed, .fg-grayed-before:before {
    color: #585858 !important
}

.bg-grayed {
    background-color: #585858 !important
}

.fg-darker, .fg-darker-before:before, .fg-darkerGray, .fg-darkerGray-before:before, .fg-grayDarker, .fg-grayDarker-before:before {
    color: #222 !important
}

.bg-darker, .bg-darkerGray, .bg-grayDarker {
    background-color: #222 !important
}

.fg-darkGray, .fg-darkGray-before:before, .fg-grayDark, .fg-grayDark-before:before {
    color: #333 !important
}

.bg-darkGray, .bg-grayDark {
    background-color: #333 !important
}

.fg-gray, .fg-gray-before:before {
    color: #555 !important
}

.bg-gray {
    background-color: #555 !important
}

.fg-grayLight, .fg-grayLight-before:before, .fg-lightGray, .fg-lightGray-before:before {
    color: #999 !important
}

.bg-grayLight, .bg-lightGray {
    background-color: #999 !important
}

.fg-grayLighter, .fg-grayLighter-before:before, .fg-lighterGray, .fg-lighterGray-before:before {
    color: #eee !important
}

.bg-grayLighter, .bg-lighterGray {
    background-color: #eee !important
}

.icon-mif-xs:before, .mif-xs {
    padding-left: 5px;
    padding-right: 2px;
    font-size: 16px;
    line-height: .8em;
    vertical-align: -25%
}

.icon-mif-lg:before, .mif-lg {
    font-size: 1.3rem;
    line-height: .75em;
    vertical-align: -35%
}

.icon-mif-2x:before, .mif-2x {
    font-size: 1.75rem;
    vertical-align: -25%
}

.icon-mif-3x:before, .mif-3x {
    font-size: 2.525rem;
    line-height: 1.1em;
    vertical-align: -30%
}

.icon-mif-4x:before, .mif-4x {
    font-size: 3.5rem;
    vertical-align: -35%
}

.icon-mif-5x:before, .mif-5x {
    font-size: 5rem;
    vertical-align: -35%
}

.botao-compra-contador, .compra-popup-total {
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.botao-compra-contador {
    display: none;
    position: absolute;
    top: 2px;
    background-color: #0077a8;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px
}

.botao-editar, .botao-remover {
    color: #666;
    padding: 0;
    border: 0;
    background: #fff
}

.botao-editar {
    color: #333
}

    .botao-editar:hover, .botao-remover:hover {
        color: #999
    }

    .botao-editar span {
        font-size: 17px
    }

.compra-popup, .contactos-popup {
    position: absolute;
    top: 50px;
    right: 2px;
    background: #fff;
    width: 320px;
    text-align: center;
    border-radius: 3px;
    padding: 20px;
    z-index: 5;
    -webkit-box-shadow: 0 5px 20px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 20px 5px rgba(0,0,0,.1);
    box-shadow: 0 5px 20px 5px rgba(0,0,0,.1)
}

.contactos-popup {
    width: 300px;
    text-align: left
}

    .contactos-popup a {
        color: #0a58fc;
        text-decoration: none;
        font-weight: 500
    }

.compra-popup-header {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px
}

.compra-popup-total-icon {
    font-size: 22px;
    padding-right: 3px
}

.compra-popup-total {
    background-color: #0077a8;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 3px 7px
}

.compra-popup-total-valor {
    color: #0077a8
}

.compra-popup-items {
    height: 180px;
    overflow-y: auto;
    margin-top: 10px;
    padding-left: 0;
    margin-left: 0;
    text-align: left
}

    .compra-popup-items::-webkit-scrollbar {
        width: 12px
    }

    .compra-popup-items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3);
        background-color: #ccc !important
    }

    .compra-popup-items::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3);
        background-color: #aaa !important
    }

    .compra-popup-items li {
        list-style-type: none;
        margin-bottom: 18px
    }

    .compra-popup-items img {
        float: left;
        width: 60px;
        margin-right: 10px
    }

.compra-popup-descricao {
    display: block;
    padding-top: 10px;
    font-size: 16px
}

.compra-popup-preco {
    color: #0077a8;
    padding-right: 20px
}

.artigos-lista-preco sup {
    position: relative;
    top: -12px;
    font-size: 10px
}

.compra-popup-quantidade {
    color: #ccc
}

.compra-popup:after, .contactos-popup:after {
    bottom: 100%;
    left: 89%;
    border: 8px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    margin-left: -8px
}

.contactos-popup:after {
    left: 96.8%
}

.compra-popup .cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left
}

.compra-popup .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.compra-idonic-modo-pagamento {
    position: absolute;
    top: -10px;
    right: 15px
}

.icon-trofeu {
    display: inline-block;
    padding-left: 5px
}

.displayNone {
    display: none
}

.formulario-sep {
    margin-top: 30px;
    border-top: 1px solid #004a72
}

.formulario-dados-alerta, .formulario-dados-alerta-left {
    position: absolute;
    bottom: 0;
    right: 15px;
    color: #ce0000;
    font-size: 11px
}

.formulario-dados-alerta-left {
    left: 15px;
    right: auto
}

.formulario-dados-alerta-captcha {
    color: #ce0000;
    font-size: 11px;
    padding-top: 6px
}

.col-half-offset {
    margin-left: 4.166666667%
}

#bs-gdpr-cookies-modal-advanced-types li {
    list-style-type: none
}

@media (max-width:800px) {
    .col-half-offset {
        margin-left: 0
    }
}

@media (min-width:1950px) {
    .container-fluid {
        width: 1920px !important
    }
}

a.lnkEsqueceuSenha {
    color: #007bff;
    font-size: 13px
}

a.lnkPoliticaCookies {
    cursor: pointer;
}

a.lnkPoliticaCookies:hover {
    color: #75ccf4;
}