@import url('//fonts.googleapis.com/css?family=Playfair+Display|Open+Sans');




/*
    font-family: 'Playfair Display', serif;
    font-family: 'Open Sans', sans-serif;
*/


/**{
    outline:none;
}*/
/*form{
    margin: 0px;
    padding: 0px;
}*/

/*img{
    border: 0px;
}*/

html{
    height:100%;
    
}

body {
    position:relative;
    margin:0px;
    padding: 0px;
    background-color:#ffffff;
    text-align:center;
    font-family:'Helvetica W02 Roman';
    font-size: 12px;
    color: #000000;
    height:100%;
    letter-spacing: 1px;
    
    overflow-x: hidden;
}

.translate{
    /*background-color: wheat;*/
}

body .EUR,
body .USD,
body .JPY,
body .HKD,
body .CNY,
body .GBP{
    display: none;
}
body.EUR .EUR{display: inline}
body.USD .USD{display: inline}
body.JPY .JPY{display: inline}
body.GBP .GBP{display: inline}
body.CNY .CNY{display: inline}
body.HKD .HKD{display: inline}

.direita{
    text-align: right;
}
.centro{
    text-align: center;
}
.esquerda{
    text-align: left;
}

.small{
    font-size: 10px;
}

.upper{
    text-transform: uppercase;
}


.fDireita{
    float: right;
}
.fEsquerda{
    float: left;
}

.loadForm{
    text-align: center;
    clear: both;
}

.clearB{
    clear: both;
    float: none;
    border: 0px;
    height: 0em;
    line-height: 0px;
}

/*
//main//
*/
#main{
    position: relative;
    text-align: center;
    min-height:100%;
    
    
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
    
}
#mainC{
    position: relative;
    /*background-color: #ECECED;*/
}
.iframeLayout #main{
    min-width: 0px;
}

#menuTopo{
    position: relative;
    background-color: #ffffff;
    z-index: 12;
    padding-top: 5px;
}
#menuTopo.stick{
}


/* Nome Menu de Topo */
ul.menuTopo{
    display: inline-block;
    vertical-align: middle;
}
ul.menuTopo > li{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
#menuIni.sub .menu ul.menuTopo > li > a{
    margin-left: 0px;
    padding-left: 15px;
}
ul.menuTopo > li:hover > ul{
    display: block;
    background-color: #000000;
}

ul.menuTopo li ul{
    position: absolute;
    top: 100%;
    left: 0px;
    display: none;
}
#menuIni.sub .menu ul.menuTopo li ul a{
    margin: 0px;
    display: block;
    padding: 7px 15px;
    white-space: nowrap;
}

#menuTopo ul.menuTopo{
    margin-top: 3px;
}
#menuTopo ul.menuTopo a{
    color: #000000;
    text-decoration: none;
    font-size: 9px;
    padding-bottom: 4px;
    display: inline-block;
}
#menuTopo ul.menuTopo ul{
    background-color: #f0f0f1;
    min-width: 220px;
    padding-top: 5px;
    padding-bottom: 5px;
    left: -50%;
}
#menuTopo ul.menuTopo ul a{
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    font-size: 11px;
}
#menuTopo ul.menuTopo ul a.selected,
#menuTopo ul.menuTopo ul a:hover{
    font-weight: 700;
    text-decoration: underline;
}



#shippingCountry{
    position: relative;
    text-align: left;
    font-size: 9px;
    color: #333335;
    text-transform: uppercase;
    z-index: 2;
    padding-top: 7px;
}
#shippingCountry span{
    font-weight: 700;
}
#shippingCountry .fInputSelect{
    font-weight: 700;
    font-size: 9px;
    color: #333335;
    background-color: transparent;
    border: 0px;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#headerRight{
    position: relative;
    color: #FFFFFF;
    z-index: 2;
    /*margin-right: 3px;*/
    text-align: right;
	
}
#headerRight > div{
    display: inline-block;
    vertical-align: top;
}
#headerRight > .sep{
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-left: 5px;
    width: 1px;
    height: 21px;
    background-color: #cccccc;
}
#headerRight > div:last-child{
    margin-right: 0px;
}
#headerRight .link a{
    display: inline-block;
    /*background-color: #7b7b7d;*/
    font-size: 9px;
    text-decoration: none;
    color:#000000;
    padding: 6px 0px;
}
#headerRight .link a.black{
    background-color: #000000;
}
#headerRight .extra{
    display: none;
}

#headerLeft{
    position: relative;
    color: #FFFFFF;
    z-index: 3;
    text-align: left;
}

#headerLeft > div{
    display: inline-block;
    vertical-align: top;
}
#headerLeft > .sep{
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-left: 5px;
    width: 1px;
    height: 21px;
    background-color: #cccccc;
}
#headerLeft .link a{
    display: inline-block;
    /*background-color: #7b7b7d;*/
    font-size: 9px;
    text-decoration: none;
    color:#000000;
    padding: 6px;
}
#headerLeft .link a.black{
    background-color: #000000;
}
#headerLeft #linguas{
    margin-right: 5px;
    padding-top: 4px;
    margin-left: 5px;
}
#menuMobile .extra,
#headerLeft .extra{
    display: none;
}

@media (max-width: 992px) {
    #shippingCountry{
        margin-bottom: 10px;
    }
    #headerLeft,
    #headerRight{
        /*text-align: center;*/
    }
}


#menuClienteLeft{
    /*position: absolute;*/
    /*top: 107px;*/
    /*left: 0px;*/
    /*width: 165px;*/
    /*margin-top: 30px;*/
    text-align: left;
    z-index: 2;
    border-top: 2px solid #cccccc;
    padding-top: 10px;
}
#menuCliente{
    position: relative;
}
#menuCliente .extra{
    position: absolute;
    right: 0px;
    width: 310px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #f0f0f1;
}

@media (max-width: 768px) {
    #menuCliente .extra{
        right: auto;
        left: 0px;
    }
}



#menuClienteLeft a,
#menuCliente .extra a{
    display: block;
    color: #424245;
    text-decoration: none;
    font-size: 9px;
    margin-bottom: 5px;
    padding-right: 20px;
    font-weight: normal;
}

#menuClienteLeft a{
    font-size: 11px;
}

#menuCliente .extra a{
    padding-left: 20px;
}
#menuClienteLeft a:hover,
#menuCliente .extra a:hover{
    color: #000000;
    font-family:'Helvetica W01 Bold';
}
#menuClienteLeft a.selected{
    color: #000000;
    font-family:'Helvetica W01 Bold';
}
#menuCliente .extra .separator{
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 10px;
    margin-top: 10px;
}

#menuClienteLeft .separator{
    margin-bottom: 5px;
    margin-top: 5px;
    height: 3px;
    background-image: url("../imagens/menu_left_bg.png");
    background-repeat: repeat-x;
    background-position: bottom left;
}
#menuCliente .extra .text{
    color: #002D56;
    font-size: 11px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.menu-link{
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 20px;
    color: #000000;
    text-decoration: none;
}
.menu-link:hover{
    color: #000000;
    text-decoration: none;
}

/*
//Menu Mobile
*/
#menuMobile{
    list-style: none;
    background: #000000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    
    text-align: left;
    overflow: auto;
}

#menuMobile .itemExtra{
    background-color: #535353;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px;
}
#menuMobile .itemExtra .link a{
    color: #FFFFFF;
}
#menuMobile .itemExtra .extra{
    z-index: 2;
}
#menuMobile #linguas,
#menuMobile #moedas{
    display: inline-block;
}

#menuMobile .areaEsq{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 250px;
}
#menuMobile .areaEsq li{
    position: relative;
}

#menuMobile .areaEsq li.dir:after{
    position: absolute;
    top: 11px;
    right: 10px;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #ffffff;
}
#menuMobile .areaEsq ul ul {
    margin-left: 0px;
}
#menuMobile .areaEsq ul ul li{
    border-top: 1px solid #FFFFFF;
}

#menuMobile .areaEsq a{
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 15px;
}
#menuMobile .areaEsq ul li a{
    padding-left: 10px;
}
#menuMobile .areaEsq ul ul li a{
    padding-left: 25px;
}

#menuMobile .areaEsq ul ul ul li a{
    padding-left: 40px;
}


#menuMobile #menuClienteLeft{
    margin-top: 0px;
    border: 0px;
    padding-top: 0px;
}

#menuMobile .areaEsq > ul > li{
    /*border-bottom: 1px solid #FFFFFF;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
}
#menuMobile #menuClienteLeft a,
#menuMobile .areaEsq li a {
    color: #ffffff;
}

#menuMobile #menuClienteLeft a{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 15px;
    border-bottom: 1px solid #FFFFFF;
}
#menuMobile #menuClienteLeft .separator{
    display: none;
}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
label[for="nav-trigger"] {
    z-index: 2;
    cursor: pointer;
    font-size: 20px;
}
.menuHamburger{
    padding-top: 28px;
    text-align: left;
}
#main.aberto {
    left: 250px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}
#main{
    transition: left 0.2s;
}


/*
//moedas
*/
#linguas,
#moedas{
    position: relative;
}
#linguas .link a{
    font-size: 9px;
    color: #333335;
    padding: 0px;
    background-color: transparent;
}
#linguas .extra,
#moedas .extra{
    position: absolute;
    left: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    width: 40px;
    background-color: #f0f0f1;
}
#moedas .extra a{
    display: block;
    color: #424245;
    text-decoration: none;
    font-size: 9px;
    margin-bottom: 5px;
    font-weight: normal;
}

#linguas .extra{
    position: absolute;
    right: 0px;
    padding: 0px;
    padding-top: 10px;
    text-align: center;
    background-color: transparent;
    /*width: 30px;*/
}
#linguas .extra a{
    display: block;
    margin: 0px;
    font-size: 9px;
    color: #333335;
}
#linguas .extra a:hover,
#moedas .extra a:hover{
    color: #000000;
}

.logoC{
    padding-top: 15px;
}
.logoC > a{
    position: relative;
    display: inline-block;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    vertical-align: top;
    margin-top: 40px;
}
.logoC > a:hover,
.logoC > a.active{
    color: #666666;
}
.logoC > a:after{
    position: absolute;
    content: ' ';
    bottom: -20px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 13px 10px;
    border-color: transparent transparent #000000 transparent;
    
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
    opacity: 0;
}
.logoC > a.active:after{
    opacity: 1;
}
.logoC #logo{
    display: inline-block;
    margin-left: 40px;
    margin-right: 40px;
    vertical-align: top;
}

@media (max-width: 768px) {
    .logoC > a{
        display: none;
    }
}

#logo{
    text-align: center;
}
#logo img{
    border: 0px;
    max-width: 100%;
}
#logo .text{
    text-align: center;
    font-size: 10px;
    color: #000000;
}

@media (min-width: 768px) {
    #logo img{
        max-width: 300px;
    }
}
@media (min-width: 1200px) {
    #logo img{
        max-width: 100%;
    }
}


.menuSmall{
    display: inline-block;
    color: #FFFFFF;
    background-color: #000000;
    text-decoration: none;
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 5px;
    margin-left: 7px;
}
.menuSmall:active,
.menuSmall:focus,
.menuSmall:hover{
    color: #FFFFFF;
    text-decoration: none;
}

#menuIni{
    position: relative;
    margin-top: 20px;
    margin-bottom: 5px;
    z-index: 11;
}

#menuIni .linksCat{
    display: none;
}
#menuIni .linksCat.active{
    display: inline-block;
}
#menuIni .linksCat a{
    cursor: pointer;
}

#menuIni .menu > div{
    background-color: #000000;
}
/*.home #menuIni{
    padding-top: 15px;
    padding-bottom: 5px;
}*/
#menuIni .menu{
    text-align: left;
}
#menuIni .menu a{
    position: relative;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
    margin-right: 24px;
    margin-left: 24px;
    margin-bottom: 8px;
    margin-top: 8px;
    cursor: pointer;
    /*font-family: 'Helvetica W01 Bold';*/
}
@media (min-width: 768px) {
    #menuIni .menu a.linkSaldos.active::after,
    #menuIni .menu a.linkSaldos:hover::after{
        content: ' ';
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -12px;
        border-bottom: 4px solid #000000;
    }
}

#menuIni.sub .menu a{
    margin-right: 15px;
    margin-left: 15px;
}

@media (min-width: 992px) {
    #menuIni.sub .menu a{
       margin-right: 15px;
       margin-left: 17px;
    }   
}

#menuIni .menu a.linkSaldos{
    color: red;
    float: right;
}

@media (max-width: 768px) {
    #menuIni .menu a{
        font-size: 10px;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 0px;
    }
    
    #menuIni.sub .menu a{
        font-size: 14px;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 8px;
    }
}

#menuExtra{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 140px;
    display: none;
    border-bottom: 4px solid #000000;
    background-color: #FFFFFF;
    z-index: 11;
    text-align: left;
}

#menuExtra .area{
    display: none;
}
#menuExtra .area.active{
    display: block;
}
#menuExtra .gift p{
    margin-bottom: 10px;
    line-height: 18px;
}

#menuExtra .btLCinzaEsc{
    /*width: 100%;*/
    background-color: #333335;
    text-decoration: none;
    padding: 4px 16px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}

#menuExtra > div{
    padding-top: 30px;
    padding-bottom: 30px;
}
#menuExtra span,
#menuExtra a{
    display: block;
    color: #000000;
    margin-bottom: 8px;
/*    text-transform: capitalize;*/
    
}


/*
//conteudos//
*/
#conteudosArea{
    margin-top: 20px;
}
.areaEsq{
    text-align: left;
}
.areaEsq .catMenu > ul > li{
    display: none;
}
.areaEsq .catMenu > ul > li.selected,
.areaEsq .catMenu > ul > li.active,
.areaEsq > ul > li.selected,
.areaEsq > ul > li.active{
    display: block;
}
#areaDir{
}


b,
strong{
    font-weight: normal;
    font-family:'Helvetica W01 Bold'
}

i,
em{
    font-style: italic;
}

#conteudos .paginaConteudos{
    text-align: left;
    font-size: 11px;
}
#conteudos .paginaConteudos .imgResponsive{
    width: 100%;
}


#conteudos .paginaRegistos{
    position: relative;
    text-align: left;
    margin: auto;
    padding-bottom: 5px;
}

#conteudos p{
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 16px;
}


.concurso{
    display: inline-block;
    text-align: center;
    border: 3px solid #000000;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 16px;
}

#conteudos td{
    line-height: 16px;
}

#conteudos h1{
    font-size: 12px;
    font-weight: 700;
    text-transform:uppercase;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 10px;
    background-image: url("../imagens/menu_left_bg.png");
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 10px;
}
#conteudos h1.button{
    /*padding-bottom: 7px;*/
}
#conteudos h1.spaceB{
    margin-top: 25px;
}
#conteudos h1.buttonCombo{
    padding-top: 4px;
    /*padding-bottom: 5px;*/
}
#conteudos h1 .back{
    font-size: 9px;
    color: #797679;
}
#conteudos h3{
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 10px;
    background-image: url("../imagens/menu_left_bg.png");
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 10px;
    overflow: auto;
}
#conteudos h3.button{
}
#conteudos h3.button a{
    margin-left: 2px;
}

#conteudos h2 a,
#conteudos h2{
    font-size: 27px;
    font-weight: normal;
    font-family:'Helvetica W01 Bold';
    color: #000000;
    margin-top: 0px;
    line-height: 27px;
    margin-bottom: 10px;
}
#conteudos h2 a:hover{
    text-decoration: none;
}
#conteudos h2 a .sale{
    color: #B70040;
}

#conteudos a{
    color: #333335;
    text-decoration: none;
    font-weight: normal;
    font-family:'Helvetica W01 Bold';
}
#conteudos a:hover{
    text-decoration: underline;
}

#conteudos .azulClaro{
    color: #7A92A7;
}

#conteudos .listaHomePage > div{
    position: relative;
    margin: auto;
    vertical-align: top;
    width: 960px;
}
#conteudos .listaHomePage > div img{
    vertical-align: top;
}
#conteudos .listaHomePage a{
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.destaques_home{
    margin-bottom: 15px;
}
.destaques_home .image{
    position: relative;
}
.destaques_home a .nome_hover{
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 26px;
    font-family: 'Playfair Display', serif;
    color: #FFFFFF;
    opacity: 0;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.destaques_home a .nome_hover > div{
    display: table;
    width: 100%;
    height: 100%;
}
.destaques_home a .nome_hover > div > div{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.destaques_home a:hover .nome_hover{
    opacity: 1;
    top: 0px;
    background-color: rgba(0,0,0,.3);
}
.destaques_home .nome{
    background-color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
}
.destaques_home .item a{
    display: block;
}


/*
//Table//
*/

#conteudos .tableDetails{
    width: 100%;
}
#conteudos .tableDetails td{
    padding: 4px;
    padding-right: 10px;
    font-size: 10px;
    border-bottom: 1px solid #000000;
}
#conteudos .tableDetails td.noLine{
    padding: 0px;
    border: 0px;
}
#conteudos .tableDetails .last td{
    border-bottom: 6px solid #000000;
}
#conteudos .inlineOrder{
}
#conteudos .inlineOrder .tableResumoBasket td,
#conteudos .inlineOrder .tableBasket td{
    border: 0px;
}
#conteudos .tableDetails .odd td{
    /*background-color: #CCD5DD;*/
}

#conteudos .tableDetails th{
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #000000;
    padding: 4px;
    color: #000000;
}

/*
//Formularios//
*/
#conteudos .fInputText{
    width: 206px;
    height: 20px;
    border: 1px solid #ffffff;
    background-color: #ececed;
    margin-bottom: 10px;
    padding: 2px;
}

#conteudos h3 .fInputText {
    margin-bottom: 0px;
    float: left;
}

#conteudos .fSize2{
    width: 370px;
}
#conteudos .fInputTextArea{
    width: 206px;
    height: 16px;
    border: 1px solid #ffffff;
    background-color: #ececed;
    margin-bottom: 10px;
    padding: 2px;
    resize: none;
}
#conteudos .fInputSelect{
    width: 212px;
	height:22px;
    border: 1px solid #ececed;
    margin-bottom: 2px;
    padding: 2px;
}

.fInputMobile{
    width: 100%;
    border: 1px solid #ececed;
    margin-bottom: 10px;
    padding: 2px;
    height: 30px;
    text-transform: uppercase;
}

.fInputButtonLess,
#conteudos .fInputButtonLess,
.fInputButton,
#conteudos .fInputButton{
    font-family:'Helvetica W01 Bold';
    background-color: #333335;
    border: 1px solid #333335;
    padding: 10px 10px;
    min-width: 147px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}

.fInputButtonLess,
#conteudos .fInputButtonLess{
    background-color: #c6c6c6;
    border: 1px solid #c6c6c6;
}

a.fInputButtonLess,
#conteudos a.fInputButtonLess,
a.fInputButton,
#conteudos a.fInputButton{
    display: inline-block;
}
a.fInputButton.fDireita,
#conteudos a.fInputButton.fDireita{
    padding: 2px 2px;
}
a.fInputButtonClaro,
#conteudos a.fInputButtonClaro{
    display: inline-block;
}
.fInputButtonClaro,
#conteudos .fInputButtonClaro{
    font-family:'Helvetica W01 Bold';
    background-color: #6D6F72;
    border: 0px;
    padding: 2px 10px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.fInputButton:hover,
#conteudos .fInputButton:hover{
    text-decoration: none;
    color: #6D6F72;
}
.fInputButtonClaro:hover,
#conteudos .fInputButtonClaro:hover{
    text-decoration: none;
    color: #333335;
}

#conteudos h1 .fInputSelect{
    width: 196px;
    background-color: #ECECED;
    border: 0px;
    color: #000000;
    font-size: 10px;
    margin-top: -4px;
}

#conteudos .fDivLogin{
    width: 100%;
    margin: auto;
    text-align: left;
    margin-bottom: 10px;
}

#conteudos .fDivLogin .fInputText,
#conteudos .fDivLogin .fInputSelect{
    width: 100%;
}

#conteudos .fullWAzul{
    background-color: #e5eaee;
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#conteudos .rowElem{
    clear: both;
    padding-bottom: 15px;
}
#conteudos .rowElem label{
    width: 215px;
    float: left;
    font-size: 11px;
    padding-top: 5px;
}

#conteudos .rowElem .fInputText{
    margin-bottom: 0px;
}
#conteudos .rowElem .fInputSelect{
    margin-bottom: 0px;
}

.editInlineForm .hide2{
    display: none;
}

.editInlineForm input,
.editInlineForm select{
    display: none;
}
.editInlineForm input.show{
    display: inline;
}

.editInlineForm.edit .hide2{
    display: inline;
    font-weight: normal;
}

.editInlineForm.edit input,
.editInlineForm.edit select{
    display:inline;
}
.editInlineForm.edit span{
    display:none;
}

.editInlineForm.edit .erroForm,
.editInlineForm.edit .sucessoForm{
    display: inherit;
}



/*
//menuBottom//
*/
/*#menuBottom{
    width: 100%;
    background-color: #e5eaee;
    /*border-top: 7px solid #FFFFFF;*/
  /*  text-align: center;
    overflow: auto;
    color: #002D56;
    padding-top: 10px;
    position: relative;
    /*display: none;*/
    /*line-height: 9px;
}
#menuBottom > div{
    text-align: left;
    width: 960px;
    margin: auto;
}

#menuBottom ul{
    padding-bottom: 10px;
    overflow: auto;
}
#menuBottom ul > li{
    float: left;
    width: 25%;
}
#menuBottom ul > li.coluna_0{
    clear: both;
}
#menuBottom h1{
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;    
    margin-bottom: 10px;
}
#menuBottom h1 a{
    font-size: 28px;
    font-weight: normal;
    font-family:'Avenir LT W01 95 Black';
}
#menuBottom a{
    margin-bottom: 6px;
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #002D56;
    text-decoration: none;    
    font-family:'Avenir LT W01 35 Light';
    text-transform: uppercase;
}
#menuBottom a:hover{
    text-decoration: underline;    
}
    
/*
//Newsletter popup
*/
#newsletterForm{
    position:absolute;
    left:95px;
    top:20px;
    z-index:1010 !important;
    width: 340px;
    height: 400px;
    background-color: #FFFFFF;
    border: 1px solid #2a282b;
    display: none;
}
#newsletterForm > iframe{
    width: 100%;
    height: 100%;
    margin: 0;
    madding: 0;
    border: none;
}
#newsletterForm a.close{
    position: absolute;
    top: 10px;
    right: 10px;
}
   

/* Mensagem Cookies */
.cookies{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #adadae;
    font-size: 11px;
    padding: 10px;
    color: #000000;
    text-align: center;
    z-index: 2;
    line-height: 18px;
}
.cookies > div{
    position: relative;
    max-width: 50%;
    display: inline-block;
}
.cookies a{
    color: #000000;
    text-decoration: underline;
} 
.cookies a.close{
    position: absolute;
    top: 2px;
    font-size: 14px;
    right: -15px;
    color: #000000;
    text-decoration: none;
}

/*
//rodape//
*/
#rodapeContainer{
    position: relative;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 30px;
}
.little #rodapeContainer{
    /*background-image: url("../imagens/rodape_little_bg.png");*/
}

#rodapeContainer .formNews{
    color: #000000;
    text-align: left;
    line-height: 16px;
    margin-bottom: 20px;
}
#rodapeContainer .formNews p{
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    #rodapeContainer .formNews{
        text-align: center;
        margin-top: 20px;
    }
}


#rodapeContainer form .fInputText_r {
    width: 190px;
    height: 23px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 2px;
}

#rodapeContainer form .fInputButton {
    padding: 3px 10px;
    padding-top: 2px;
    min-width: 50px;
}

#rodapeContainer .menu{
    position: relative;
    padding-top: 21px;
    border-top: 1px solid #a3a3a3;
}

@media (max-width: 767px) {
    #rodapeContainer .menu{
        padding-top: 0px;
        border: 0px;
    }
}

#rodapeContainer .info{
    border: 1px solid #000000;
    padding: 10px;
}
#rodapeContainer .info a{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

#rodapeContainer .social{
    margin-top: 10px;
}
#rodapeContainer .social img{
    height: 20px;
}
#rodapeContainer .social a{
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    color: #000000;
}
#rodapeContainer .social a:hover{
    color: #999;
}

 * html body{
  overflow:hidden;
 } 
 * html div#main{
  height:100%;
  overflow:auto;
 }

 #overlay{
    position:fixed;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
    z-index:1000 !important;
    background-color:#e8e8e9;
    filter: alpha(opacity=69); /* internet explorer */
    -khtml-opacity: 0.69;      /* khtml, old safari */
    -moz-opacity: 0.69;       /* mozilla, netscape */
    opacity: 0.69;           /* fx, safari, opera */
    display: none;
}

/*
//Lista produtos
*/
/*#conteudos .listaP .item{
    /*height: 60px;*/
    /*overflow: auto;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#conteudos .listaP .item .texto{
    width: 220px;
    float: left;
    line-height: 14px;
}
#conteudos .listaP .item .texto .remove{
    float: right;
    text-decoration: none;
    color: #99ABBB;
}
#conteudos .listaP .item .texto .remove:hover{
    color: #FF9E9C;
}
#conteudos .listaP .item .texto span{
    color: #99ABBB;
}
#conteudos .listaP .item .img{
    width: 40px;
    height: 60px;
    overflow: hidden;
    float: right;
}
#conteudos .listaP .item .img img{
    width: 40px;
}
#conteudos .listaP .item .options{
    float: right;
    padding-left: 20px;
}
*/


/*
//Share
*/
/*#shareDiv{
    position:absolute;
    left:0;
    top:0;
    z-index:1010 !important;
    width: 100%;
    background-color: #FFFFFF;
    display: none;
}
#shareDivFix{
    clear: both;
}
#shareDivFix > div a{
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#shareDiv > div a{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#shareDiv > div{
    padding: 10px;
    text-align: center;
}
#shareDivFix > div a,
#shareDiv > div a{
    float: none;
}
#shareDiv a.close{
    position: absolute;
    top: 10px;
    right: 10px;
}

#conteudos .paginaRegistos #shareDiv{
    width: 655px;
}
#conteudos .paginaRegistos #shareDiv > div a{
    margin-left: 40px;
    margin-right: 40px;
}

/*
//Like
*/
#conteudos #likeDiv,
#likeDiv{
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    text-align: left;
    overflow: auto;
}
#conteudos #likeDiv a{
    margin: 0px;
}
#likeDiv .addthis_toolbox{
    float: right;
}

#likeDiv div.bt{
    overflow: hidden;
    width: 95px;
    float: left;
    padding-top: 40px;
}
#likeDiv div.btB{
    overflow: hidden;
    width: 60px;
    float: left;
    margin-left: 5px;
}

/*
//Gallery header
*/
/*#galleryBanner{
    width: 960px;
    margin: auto;
}
#galleryBanner .links{
    text-align: left;
    padding-top: 5px;
}
#galleryBanner .links a{
    font-family:'Avenir LT W01 85 Heavy';
    font-size: 12px;
    font-weight: normal;
    color: #98ABBB;
    margin-right: 85px;
}
#galleryBanner .links a.selected,
#galleryBanner .links a:hover{
    color: #002D55;
}
#galleryBanner .links .menu_25{
    float: right;
    margin-right: 0px;
}

/*
//Favourits
*/
.paginaRegistos .favouritesList{
    margin-bottom: 60px;
    overflow: auto;
}
.paginaRegistos .favouritesList .item{
    position: relative;
    float: left;
    width: 186px;
    background-color: #f5f5f5;
    color: #000000;
    font-size: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
    min-height: 50px;
}
.paginaRegistos .favouritesList .item.big{
    min-height: 62px;
}
.paginaRegistos .favouritesList .item .nome{
    padding-top: 20px;
}
.paginaRegistos .favouritesList .item .img{
    width: 40px;
    float: left;
    margin-right: 5px;
    overflow: hidden;
}
.paginaRegistos .favouritesList .item .img img{
    width: 40px;
}
.paginaRegistos .favouritesList .item .close{
    background-image: url("../imagens/iconClose_2.png");
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 4px;
    right: 4px;
}

.paginaRegistos .favouritesList .item.loading .close{
    display: none;
}
.paginaRegistos .favouritesList .item.loading{
    background-image: url("../imagens/loader.gif");
    background-repeat: no-repeat;
    background-position: 95% center;
}

/*
#conteudos .bransSale{
    border-bottom: 6px solid #002D56;
    padding-bottom: 10px;
    overflow: auto;
    margin-bottom: 10px;
}
#conteudos .bransSale ul{
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}
#conteudos .bransSale ul li{
    float: left;
    width: 240px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}
#conteudos .bransSale ul li a{
    font-size: 11px;
    font-weight: normal;
}*/

/*
**Quadrados de cor e tamanho
*/
.itemQuad{
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #000000;
    text-align: center;
    font-size: 9px;
    padding: 0px 2px;
}

/*
**Login
*/
.loginDiv{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px;
    background-color: #ECECED;
    margin-bottom: 10px;
}
.loginDiv.noBG{
    background-color: transparent;
}
#conteudos .loginDiv .azulClaro{
    color: #333335;
}
#conteudos .loginDiv h2{
    color: #333335;
}

#conteudos .loginDiv .forget{
    font-family:'Helvetica W02 Roman';
}
#conteudos .loginDiv .fInputText{
    background-color: #FFFFFF;
}
#conteudos .loginDiv .btP{
    position: relative;
    /*width: 100%;*/
    /*top: 200px;*/
    /*left: 0px;*/
    text-align: center;
}

/*
**Moradas
*/
.editInlineForm .hideD{
    display: none;
}



/*
**Menu Filtro
*/
.menuFiltro{
    position: relative;
    margin: auto;
    /*margin-top: 20px;*/
/*    position: absolute;
    bottom: 0px;
    left: 0px;*/
    background-color: #FFFFFF;
}

.menuFiltro .lista{
    /*background-color: #E8E8E9;*/
    margin-bottom: 3px;
    text-align: left;
    padding: 5px;
    color: #1A1818;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    max-height: 400px;
    overflow: auto;
}

@media (max-width: 768px) {
    .menuFiltro .lista{
        max-height: none;
        overflow: visible;
    }
}

#areaDir .menuFiltro .lista{
    border-top: 1px dotted #999999;
    padding-top: 10px;
    margin-bottom: 10px;
}
#areaDir .menuFiltro .lista .row{
    margin: 0px;
}
#areaDir .menuFiltro .lista .row > a{
    padding: 0px;
}


.filtrosMobile{
    margin-top: 15px;
}

.filtrosTop.menuFiltro{
    margin-top: 30px;
}

#btMostraFiltro{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 9px;
    display: inline-block;
    padding: 5px;
    color: #000000;
    text-decoration: none;
    padding-right: 20px;
}
#btMostraFiltro:after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: "\002b";
    font-weight: 700;
    font-size: 14px;
}


.filtrosTop.menuFiltro .lista{
    display: inline-block;
}

.menuFiltro .lista.line{
    border: 1px solid #E8E8E9;
    background-color: #FFFFFF;
}
.menuFiltro .lista .h1{
    font-size: 9px;
}
#areaDir .menuFiltro .lista .h1{
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.menuFiltro .lista div .h1{
    font-weight: 700;
    margin: 0px;
    /*margin-top: 5px;*/
    border-bottom: 1px dashed #000000;
}

.menuFiltro .lista a{
    text-decoration: none;
    color: #1A1818;
}
.menuFiltro .h1{
    margin: 0px;
}

.tagsMenu{
    padding-left: 5px;
    padding-bottom: 5px;
}
.areaEsq .tagsMenu a,
.menuFiltro .lista > div a{
    position: relative;
    font-size: 9px;
    display: block;
    margin-top: 5px;
    vertical-align: middle;
    word-wrap: break-word;
}

.menuFiltro .lista > div.h1 a{
    margin: 0px;
    vertical-align: middle;
}
.menuFiltro .lista > div a.selected,
.menuFiltro .lista > div a:hover{
    text-decoration: underline;
}

.areaEsq .tagsMenu a:before,
#areaDir .menuFiltro .lista > div:not(.h1) a:before{
    content: ' ';
    position: relative;
    display: inline-block;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    vertical-align: middle;
}
.areaEsq .tagsMenu  a.selected,
.areaEsq .tagsMenu  a:hover,
#areaDir .menuFiltro .lista > div a.selected,
#areaDir .menuFiltro .lista > div a:hover{
    text-decoration: none;
    font-weight: normal;
}
.areaEsq .tagsMenu a.selected:before,
.areaEsq .tagsMenu a:hover:before, 
#areaDir .menuFiltro .lista > div a.selected:before,
#areaDir .menuFiltro .lista > div a:hover:before{
    background-color: #000000;
    font-weight: normal;
}


.menuFiltro .lista > div{
    display: none;
}

#areaDir .menuFiltro .lista > div{
    display: block;
}

.menuFiltro .lista > div.h1{
    display: block;
}


/*
**categorias
*/
.linhaCategoria{
}

.linhaCategoria .imagensCategoria{
    margin-bottom: 10px;
}
.linhaCategoria .imagensCategoria.last{
}

.linhaCategoria .imagensCategoria img{
    vertical-align: text-bottom;
    width: 100%;
}
#conteudos .linhaCategoria .texto{
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
#conteudos .linhaCategoria .texto h2,
#conteudos .linhaCategoria .texto h1{
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: none;
    padding-bottom: 5px;
    line-height: 18px;
}
#conteudos .linhaCategoria .texto h2 *,
#conteudos .linhaCategoria .texto h1 *{
    font-family: 'Playfair Display', serif;
    line-height: 18px;
}

/*
.home .linhaCategoria .texto{
    font-size: 12px;
}

.home #conteudos .linhaCategoria .texto h2,
.home #conteudos .linhaCategoria .texto h1{
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: none;
    padding-bottom: 5px;
    line-height: 18px;
}
.home #conteudos .linhaCategoria .texto h2 *,
.home #conteudos .linhaCategoria .texto h1 *{
    font-family: 'Playfair Display', serif;
    line-height: 18px;
}

.home .linhaCategoria .texto > div{
    padding: 5px;
}
#conteudos .linhaCategoria .texto p{
    margin-top: 0px;
    margin-bottom: 5px;
}*/

/*
//Alerta
*/
#alertDiv{
    position:absolute;
    left:0;
    top:0;
    z-index:1010 !important;
    width: 400px;
    min-height: 50px;
    background-color: #FFFFFF;
    display: none;
}
#alertDiv > div{
    padding: 10px;
    text-align: center;
}
#alertDiv .titulo{
    padding-top: 30px;
    font-size: 18px;
    font-weight: 700;
}
#alertDiv .texto{
    padding-bottom: 30px;
}
#alertDiv a.close{
    position: absolute;
    top: 10px;
    right: 10px;
}

.filtrosTop{
    text-align: left;
    vertical-align: top;
}
.filtrosTop > a{
    vertical-align: top;
}
.filtrosTop .registos{
    position: relative;
    text-align: center;
    margin-top: 4px;
}
.filtrosTop .registos span{
    position: relative;
    display: inline-block;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}
.filtrosTop .registos::before{
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    height: 1px;
    width: 100%;
    border-bottom: 1px dotted #999999;
}


.lookView #lookTypeChange .productView{
    display: none;
}
.productView #lookTypeChange .lookView{
    display: none;
}

#lookTypeChange{
    display: inline-block;
    text-transform: uppercase;
    background-color: #7b7b7d;
    border: 1px solid #7b7b7d;
    font-size: 9px;
    text-decoration: none;
    color: #ffffff;
    padding: 5px;
}


#conteudos .listaRel{
    margin-top: 10px;
    overflow: auto;
}

#conteudos .listaRel .tb{
    margin-bottom: 10px;
}
#conteudos .listaRel .tb .nome{
    padding-top: 5px;
    font-size: 10px;
    text-align: center;
}
#conteudos .listaRel .tb img{
    width: 100%;
}



.btn-default{
    border: 1px solid #000000;
    border-radius: 0px;
    text-decoration: none;
}

.filtrosMarcas{
    border-bottom: 1px dotted #999999;
    padding-bottom: 15px;
    font-size: 16px;
    margin-bottom: 30px;
}
.filtrosMarcas a{
    margin-left: 5px;
    margin-right: 5px;
}

.itemMarca{
    height: 155px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    
}
#conteudos .itemMarca .fundo{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
}
#conteudos .itemMarca a{
    position: relative;
    display: block;
    height: 100%;
    color: #000000;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);*/
    text-decoration: none;
}
#conteudos .itemMarca a:hover{
    color: #ffffff;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);*/
}
.itemMarca a > div{
    display: table;
    width: 100%;
    height: 100%;
}
.itemMarca a > div > div{
    display: table-cell;
	font-family: 'Playfair Display', serif;
	font-weight: 600;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}


.lg-backdrop{
    background-color: #FFFFFF;
}

.lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar{
    background-color: rgba(255,255,255,.45);
}

#topoNews{
    width: 100%;
    background-color: #eeeeee;
    color: #000000;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: 'Playfair Display', serif;
}