﻿
/*** --- EFEITOS HOVER --- ***/
.master .lnk_checkout:hover,
.master .lnk_verCarrinho:hover,
.master .lnk_cria_nova_conta:hover,
#userArea .uaHolders:hover,
#user_info .button:hover,
.moradas .add_morada:hover,
#user_info .lnk_logout:hover,
#user_info .AC_menu .lnk_menu:hover,
.page-suporte .form-contact-module .btn_enviarContactos:hover,
.dadosPessoas .lnk_atualizaPerfil_holder:hover,
#produtos .select2-container .select2-choice:hover,
#footer .submenu li a:hover,
#footer .lnk_fLogo:hover,
#produtos .lnkPPP:hover,
nav.mainMenu .menu-icon:hover,
#header .lnk_mLogo:hover,
.prodNav a.navLnk:hover,
.prodNav a.navLnk:hover,
.gallery-module .gallaNav:hover,
.gallery-module .bx-pager-item .bx-pager-link:hover,
.banner-duvidas .textos .lnk_banner_duvidas:hover {
    opacity: 0.7;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}


/*** --- EMPRESA --- ***/
.conteudo .empresa .lit_h {
    margin-top: 7%;
    margin-bottom: 5%;
}


/*** --- AREA DE CLIENTE --- ***/
.encomendas .lnkBack {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.encomendas .Enc_Curso .repeaterLine.row span {
    color: #333;
    font-size: 16px;
}

#user_info .row.dashboard .user_info_titulo {
    color: #333 !important;
    padding-top: 30px;
}

#user_info .dashboard .lbl_bem_vindo {
    font-size: 80px;
}

#user_info .line_separator {
    border-top: 1px solid #333 !important;
}

.dadosPessoas .lbl_column {
    color: #333;
}

#user_info input {
    color: #333;
}

#user_info .button {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    color: #333;
}

#user_info .lbl_msg_logout {
    color: #333 !important;
}

.conteudo #user_info .clear.buttons_holder {
    height: auto !important;
}


#user_info {
    background-color: #fff;
    padding-top: 0;
}

.master .lnk_delcart {
    border: 1px solid #fff !important;
}

.dadosPessoas .lblInput {
    color: #333;
}

#user_info .op50 {
    opacity: 1 !important;
}

#user_info .dashboard {
    text-align: center;
    background: #222;
    width: 100%;
    max-width: 100%;
}

#user_info .descr_user {
    color: #fff;
}

#user_info .validator .erroDetail {
    background-color: #ccc;
    color: #000;
}

#user_info .AC_menu .lnk_menu.activo {
    /*border-bottom: 4px solid #222;*/
    /*border-left: 2px solid #555 !important;*/
}

.moradas .add_morada {
    margin: 20px 0;
    color: #fff;
}

#user_info .button {
    float: right;
}

#user_info .select2-container .select2-choice {
    border: 1px solid #333;
    color: #333;
    background-color: #fff;
    line-height: 45px;
}

#user_info .select2-container .select2-choice > .select2-chosen {
    color: #333;
}

#user_info .select2-container .select2-choice:before {
    border: none;
}

#user_info .lbl_msg_recuperar {
    color: #333 !important;
    margin-bottom: 10px;
    display: block;
}

#user_info .button.recPass {
    float: right;
}

.areaClienteLogin #lbl_status {
    font-size: 12px;
    padding: 0 0 10px;
    display: block;
}

#user_info .button.secondary.voltar {
    background-color: #fff;
    float: right;
    margin-bottom: 60px;
}

.recuperar-password a {
    color: #333 !important;
}

#user_info .button.class {
    width: auto;
}

#user_info .lbl_msg_validar {
    color: #333 !important;
}

#user_info .lbl_registo_complete, #user_info .lbl_registo_error {
    color: #333 !important;
}

#user_info .lbl_registo_error {
    float: right;
}

@media only screen and (max-width: 600px) and (min-width: 371px) {
    #user_info .dashboard .lbl_bem_vindo {
        font-size: 65px !important;
    }
}

@media all and (min-width: 0) and (max-width: 700px) {

    #user_info .clear {
        height: 0 !important;
    }

    #user_info .clear.buttons_holder {
        height: auto !important;
    }

    .conteudo .empresa .lit_h {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.moradas .lbl_tipoMorada {
    color: #333;
}

.moradas .morada span {
    color: #333;
}

#user_info .button {
    float: none;
}

#user_info .sFont.Light {
    color: #333;
}

#user_info .button.secondary {
    background-color: #fff;
}

.h100px {
    height: 100px;
}


.encomendas .branco {
    color: #333 !important;
}



/*large*/
@media all and (min-width: 1025px) and (max-width: 1220px) {
    .cart-module {
        width: 100% !important;
    }

    .footerMenu ul li {
        padding: 0 8px;
    }

    #footer .footer_left {
        width: 59% !important;
    }

    #footer .footer_right {
        width: 39% !important;
    }

    #footer .footer_right-inner {
        margin-left: 0 !important;
    }
}

/*small*/
@media all and (min-width: 701px) and (max-width: 1024px) {
    /*MASTERPAGE*/
    #user_info .clear {
        height: 0 !important;
    }

    #user_info .clear.buttons_holder {
        height: 0 !important;
    }

    .encomendas .branco {
        padding: 5px 0;
        display: block;
    }

    #footer .footer_left {
        width: 59% !important;
    }

    #footer .footer_right {
        width: 39% !important;
    }

    .footerMenu ul li {
        padding: 0 2px !important;
    }

    .cart-module.checkout-module .pnl_pagamento_quadro {
        margin-bottom: 70px !important;
    }

    nav.mainMenu li a {
        color: #fff;
    }

    nav.mainMenu li .icon-arrow-down {
        display: none;
    }

    .lingua_ativa {
        margin-left: 0;
    }

    .lingua_ativa:before {
        display: none;
    }

    nav.mainMenu li .pesquisa.ico_pesq {
        background-position: 0 -15px;
        position: absolute;
        right: 10px;
        top: 12px;
    }

    #footer {
        display: table;
    }

    #footer .footer_left {
        display: table-footer-group;
        width: 100%;
    }

    #footer .footer_right {
        display: table-header-group;
        width: 100%;
    }

    #footer .footer_right-inner {
        top: 0 !important;
        padding-top: 30px;
    }

    #footer .social-module {
        text-align: center;
        padding-bottom: 15px !important;
    }

    #footer .newletter-module {
        text-align: center;
    }

    #footer .rowCopy {
        max-width: 95%;
        margin-left: 0;
        text-align: center;
    }

    #footer .copyHolder {
        text-align: center;
    }

    .footerMenu {
        padding: 0;
        margin: 0 !important;
        margin: 25px auto;
        margin-bottom: 25px;
    }

    #footer .P_Newletter {
        margin: 0 auto;
        width: 100%;
    }

    .footerMenu ul {
        text-align: center;
    }

    #footer .footer_right .row.logo {
        display: block;
        margin-bottom: 30px;
    }

    #header .mLogoHolder {
        max-width: 200px;
        margin: 25px 0;
    }

    .conteudo .banner-module .banner-module-texto .conteudo1 {
        font-size: 40px !important;
        display: block;
    }

    nav.mainMenu ul {
        background: #fff;
        border: 1px solid #ddd;
    }

    nav.mainMenu li a.activo {
        border-left: 2px solid #BDBDBD;
        border-bottom: 0;
    }

    nav.mainMenu #linguas > a {
        display: none;
    }

    nav.mainMenu {
        margin-top: 30px;
    }

    nav.mainMenu .menu-icon {
        display: inline-block;
        z-index: 4;
    }

    nav.mainMenu ul {
        display: none;
        position: absolute;
        padding: 20px;
        right: 0;
        top: 35px;
        width: 250px;
        z-index: 999999;
    }

    nav.mainMenu li {
        text-align: left;
        width: 100%;
        margin: 0;
    }

    nav.mainMenu li ul {
        display: block;
        position: static;
        padding: 0;
        width: auto;
    }

    nav.mainMenu.active ul {
        display: block;
        background-color: #222;
    }

    nav.mainMenu li .pesquisa_holder {
        width: 100%;
        display: inline-block;
        position: static;
    }

    #menuArea nav.mainMenu li a.activo {
        border: 0;
    }

    #menuArea nav.mainMenu li ul li a {
        width: 100%;
        padding-left: 15px;
        color: #fff !important;
    }

    #menuArea nav.mainMenu li a {
        padding: 15px 6px;
        color: #fff;
    }

    #menuArea .lingua_ativa {
        margin-left: 20px;
        margin-right: 20px;
    }

    #menuArea nav.mainMenu #linguas {
        margin-top: 0;
    }

    #menuArea nav.mainMenu li .submenu-linguas {
        right: auto;
        position: relative;
        top: 0;
        margin-top: 0;
        color: #fff;
        border: none;
        text-align: left;
        background-color: initial;
    }

    #menuArea nav.mainMenu li:hover a:after {
        display: none;
    }

    #menuArea nav.mainMenu li .submenu-linguas li {
        display: inline-block;
        width: 20%;
    }

    #footer .footer_right-inner {
        top: 25%;
        margin-left: 0 !important;
    }

    nav.mainMenu li .pesquisa_holder input {
        padding-right: 40px;
        box-sizing: border-box;
    }

    .banner-produtos .textos .titulo {
        font-size: 85px;
    }

    #user_info .dashboard .lbl_bem_vindo {
        font-size: 65px;
    }

    .banner-produtos .textos {
        width: 90% !important;
    }

    .conteudo .empresa .lit_h {
        margin-top: 0;
        margin-bottom: 0;
    }

    nav.mainMenu li a.activo:hover {
        color: inherit;
    }

    nav.mainMenu li a.activo {
        color: #999;
        font-weight: 700 !important;
    }

    nav.mainMenu li a:hover {
        opacity: 0.7;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .conteudo .margers {
        margin-bottom: 40px;
        margin-top: 100px;
    }

    .text-module-resumo {
        font-size: 35px !important;
    }

    .moradas .add_morada {
        margin-bottom: 50px;
    }

    .gallery-module-slider li {
        height: 480px !important;
    }

    #produtoShow .innerProdutoShow {
        padding: 0;
    }

    .cart-module .cart-panel .cart-product-img a {
        width: 80px !important;
        height: 80px !important;
    }

    .cart-module .cart-panel .cart-product-img a span {
        width: 67px !important;
        height: 67px !important;
    }

    .cart-module .cart-panel .cart-product-img img {
        height: 67px !important;
    }

    .cart-module .tbx_voucher_input {
        font-size: 12px;
    }

    .social-module-share ul li a {
        width: 40px !important;
    }

    .cart-totais #s2id_ContentPlaceHolder1_ddl_portes_pais .select2-choice:before,
    .cart-totais #s2id_ContentPlaceHolder1_ddl_portes_pais .select2-choice:after {
        display: none;
    }

    .cart-module .select2-container .select2-choice > .select2-chosen {
        margin-right: 115px;
    }
}

/*mini*/
@media all and (min-width: 0) and (max-width: 700px) {

    .encomendas .branco {
        padding: 5px 0;
        display: block;
    }

    .social-module-share ul li a {
        width: 25px !important;
    }

    .cart-module.checkout-module.checkout-final .cart-panel-titulo {
        margin-top: 40px !important;
    }

    .cart-module.checkout-module .pnl_pagamento_quadro {
        margin-bottom: 40px !important;
    }

    .cart-module.checkout-module .pnl_pagamento_quadro table tr:first-child td:first-child {
        padding: 0;
        border: 0;
        border-left: 1px solid #222;
    }

    .cart-module.checkout-module .pnl_pagamento_quadro .img-quadro {
        display: none;
    }

    .cart-module.checkout-module .pnl_pagamento_quadro .img-quadro2 {
        display: none;
    }

    .checkout-module .cart-nav li {
        width: 60px !important;
    }

    .h100px {
        height: 30px;
    }

    .cart-module .cart-titulo a {
        font-size: 26px;
        margin-top: 20px;
        display: block;
    }

    .cart-module.checkout-module .buttonsHolder {
        margin-top: 10px;
    }

    nav.mainMenu #linguas {
        margin-top: 10px;
    }

    nav.mainMenu li .icon-arrow-down {
        display: none;
    }

    nav.mainMenu li .submenu-linguas {
        background-color: #222;
        margin-top: 42px;
        right: -20px;
    }

    .lingua_ativa {
        margin-left: 0;
    }

    .lingua_ativa:before {
        display: none;
    }

    #footer {
        height: auto;
        display: table;
    }

    #footer .footer_left {
        display: table-footer-group;
        width: 100%;
    }

    #footer .footer_right {
        display: table-header-group;
        width: 100%;
    }

    #footer .footer_right-inner {
        top: 0;
        padding-top: 50px;
        margin-left: 0 !important;
    }

    #footer .social-module {
        text-align: center;
        padding-bottom: 15px !important;
    }

    #footer .newletter-module {
        text-align: center;
    }

    #footer .copyHolder {
        text-align: center;
    }

    #footer .fLogoHolder {
        display: none;
    }

    #footer .copyHolder:before {
        display: none;
    }

    .footerMenu {
        display: none;
        padding: 0;
        margin: 0;
        margin: 25px auto 0;
    }

    #footer .P_Newletter {
        margin: 0 auto;
        width: 100%;
    }

    .footerMenu ul {
        text-align: center;
    }

    #footer .footer_right .row.logo {
        display: block;
        margin-bottom: 30px;
    }

    nav.mainMenu ul {
        background: #fff;
        border: 1px solid #ddd;
    }

    nav.mainMenu li a.activo {
        border-left: 2px solid #BDBDBD;
        border-bottom: 0;
    }

    nav.mainMenu #linguas > a {
        display: none;
    }

    nav.mainMenu {
        margin-top: 30px;
    }

    nav.mainMenu .menu-icon {
        display: inline-block;
        z-index: 4;
    }

    nav.mainMenu ul {
        display: none;
        position: absolute;
        padding: 20px;
        right: 0;
        top: 35px;
        width: 250px;
        z-index: 999999;
    }

    nav.mainMenu li {
        text-align: left;
        width: 100%;
        margin: 0;
    }

    nav.mainMenu li a {
        display: block;
        line-height: 30px;
    }

    nav.mainMenu li a.activo {
        border: 0;
    }

    nav.mainMenu li ul {
        display: block;
        position: static;
        padding: 0;
        width: auto;
    }

    nav.mainMenu li ul li a {
        width: 100%;
        padding-left: 15px;
        color: #fff !important;
    }

    nav.mainMenu.active ul {
        display: block;
        background-color: #222;
    }

    nav.mainMenu li .pesquisa_holder {
        width: 100%;
        display: inline-block;
        position: static;
    }

    nav.mainMenu li a {
        padding: 15px 6px;
    }

    .lingua_ativa {
        margin-left: 20px;
        margin-right: 20px;
    }

    nav.mainMenu li .submenu-linguas {
        right: auto;
        position: relative;
        top: 0;
        margin-top: 0;
        color: #fff;
        border: none;
        text-align: left;
    }

    nav.mainMenu li:hover a:after {
        display: none;
    }

    nav.mainMenu li .submenu-linguas li {
        display: inline-block;
        width: 20%;
    }

    #header .mLogoHolder {
        max-width: 200px;
        margin: 25px 0;
    }

    nav.mainMenu li a {
        color: #fff;
    }

    nav.mainMenu li .pesquisa.ico_pesq {
        background-position: 0 -15px;
        position: absolute;
        right: 10px;
        top: 12px;
    }

    .conteudo .banner-module .banner-module-texto .conteudo1 {
        font-size: 40px !important;
        display: block;
    }

    .footerMenu ul li {
        padding: 0 7px;
    }

    .footerMenu ul a {
        float: none;
        padding-right: 0;
    }

    #footer .submenu {
        padding-top: 20px;
    }

    #footer .submenu.big {
        padding-top: 0;
    }

    #footer .rowCopy {
        max-width: 95%;
        margin-left: 0;
        text-align: center;
        margin: 0 auto;
    }

    #footer .footer_right-inner {
        top: 25%;
        margin-left: 0;
    }

    nav.mainMenu li .pesquisa_holder input {
        padding-right: 40px;
        box-sizing: border-box;
    }

    .escolha-n-por-pag .escolha-inner {
        float: none;
        text-align: center;
    }

    .gallery-module-slider li {
        height: 320px !important;
    }

    .banner-produtos .textos .titulo {
        font-size: 60px;
    }

    #user_info .dashboard .lbl_bem_vindo {
        font-size: 50px !important;
    }

    .banner-produtos .textos {
        width: 90%;
    }

    nav.mainMenu li a.activo:hover {
        color: inherit;
    }

    nav.mainMenu li a.activo {
        color: #999;
        font-weight: 700 !important;
    }

    nav.mainMenu li a:hover {
        opacity: 0.7;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    #menuArea nav.mainMenu li a.activo {
        border: 0;
    }

    #menuArea nav.mainMenu li ul li a {
        width: 100%;
        padding-left: 15px;
        color: #fff !important;
    }

    #menuArea nav.mainMenu li a {
        padding: 15px 6px;
        color: #fff;
    }

    #menuArea .lingua_ativa {
        margin-left: 20px;
        margin-right: 20px;
    }

    #menuArea nav.mainMenu #linguas {
        margin-top: 0;
    }

    #menuArea nav.mainMenu li .submenu-linguas {
        right: auto;
        position: relative;
        top: 0;
        margin-top: 0;
        color: #fff;
        border: none;
        text-align: left;
        background-color: initial;
    }

    #menuArea nav.mainMenu li:hover a:after {
        display: none;
    }

    #menuArea nav.mainMenu li .submenu-linguas li {
        display: inline-block;
        width: 20%;
    }

    .conteudo .margers {
        margin-bottom: 35px;
        margin-top: 50px;
    }

    .text-module-resumo {
        font-size: 35px !important;
    }

    .conteudo .empresa .pnl_video .if_video {
        max-height: 350px;
    }

    .moradas .add_morada {
        margin-bottom: 20px;
    }

    #produtoShow .innerProdutoShow {
        padding: 0 !important;
    }

    .master .carrinhoMasterList {
        width: 100%;
    }

    .master .closeCarrinhoList {
        width: 100%;
    }

    .master .CarrinhoList {
        width: 100%;
    }

    #produtos .select2-container .select2-choice > .select2-chosen {
        margin-right: 0;
    }

    #produtoShow .qnt {
        height: 50px !important;
        line-height: 47px !important;
    }

    .stepper_button {
        top: 15px !important;
    }

    #produtoShow .tbx_quantidade {
        height: 36px !important;
    }

    #produtoShow .select2-container .select2-choice {
        height: 50px !important;
        line-height: 45px !important;
    }

    #produtoShow .text-module-h1 {
        font-size: 35px !important;
    }

    .prodNav {
        height: 40px !important;
    }

    #user_info .block_detl_moradas {
        margin-bottom: 50px;
        padding: 0;
    }

    #user_info .block_detl_cliente {
        margin-bottom: 0;
    }

    #user_info .repeaterHatEncomenda {
        margin-top: 20px !important;
    }

    #user_info .block_detl_enc {
        margin-bottom: 0;
    }

    .cart-module .cart-titulo span {
        font-size: 24px;
    }

    .cart-module show-for-small-only {
        margin-bottom: 10px;
    }

    .cart-module .tbx_voucher_input {
        font-size: 12px;
    }

    .cart-panel.cart-panel-2 {
        padding: 0;
    }

    .pnl_hold_resumo {
        padding: 5px 10px !important;
    }

    .pnl_hold_resumo .row.resumo_cart .mini {
        font-size: 11px;
        padding: 3px;
    }

    .checkout-module .row.cart-nav {
        font-size: 8px !important;
    }
}

@media all and (min-width: 0) and (max-width: 641px) {
    #user_info .AC_menu {
        margin: 15px auto;
        text-align: center;
        width: 100%;
    }
}

@media all and (min-width: 0) and (max-width: 605px) {

    .master .areaClienteHolder {
        top: 38px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .master .closeAreaCliente {
        cursor: pointer;
        width: 100%;
    }


    .master .areaCliente {
        width: 100%;
    }
}

@media all and (min-width: 0) and (max-width: 600px) {
    .select2-container .select2-choice > .select2-chosen {
        margin-right: 0;
    }
}
