body,
fieldset,
form,
html,
legend,
li,
ol {
    padding: 0;
    margin: 0 auto;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

a,
img {
    margin: 0!important;
    border: 0!important;
}


@font-face {
    font-family: DINFont;
    src: url(din-regular-webfont.eot);
    src: url(din-regular-webfont.eot?#iefix) format('embedded-opentype'), url(din-regular-webfont.woff) format('woff'), url(din-regular-webfont.ttf) format('truetype'), url(din-regular-webfont.svg#DINFont) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DINFontBold;
    src: url(din-bold-webfont.eot);
    src: url(din-bold-webfont.eot?#iefix) format('embedded-opentype'), url(din-bold-webfont.woff) format('woff'), url(din-bold-webfont.ttf) format('truetype'), url(din-bold-webfont.svg#DINFontBold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: sweetlybroken;
    src: url(sweetly_broken.eot);
    src: url(sweetly_broken.eot?#iefix) format('embedded-opentype'), url(sweetly_broken.woff) format('woff'), url(sweetly_broken.ttf) format('truetype'), url(sweetly_broken.svg#DINFont) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Lobster14;
    src: url(lobster-14-webfont.eot);
    src: url(lobster-14-webfont.eot?#iefix) format('embedded-opentype'), url(lobster-14-webfont.woff) format('woff'), url(lobster-14-webfont.ttf) format('truetype'), url(lobster-14-webfont.svg#Lobster14) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: MYRIADPRO;
    src: url(MyriadPro-Regular.eot);
    src: url(MyriadPro-Regular.eot?#iefix) format('embedded-opentype'), url(MyriadPro-Regular.woff) format('woff'), url(MyriadPro-Regular.ttf) format('truetype'), url(MyriadPro-Regular.svg#MYRIADPRO) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: MYRIADPROSemibold;
    src: url(MyriadPro-Semibold.eot);
    src: url(MyriadPro-Semibold.eot?#iefix) format('embedded-opentype'), url(MyriadPro-Semibold.woff) format('woff'), url(MyriadPro-Semibold.ttf) format('truetype'), url(MyriadPro-Semibold.svg#MYRIADPROSemibold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url(OpenSans-Light-webfont.eot);
    src: url(OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'), url(OpenSans-Light-webfont.woff) format('woff'), url(OpenSans-Light-webfont.ttf) format('truetype'), url(OpenSans-Light-webfont.svg#OpenSans) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: flexslider-icon;
    src: url(flexslider-icon.eot);
    src: url(flexslider-icon.eot?#iefix) format('embedded-opentype'), url(flexslider-icon.woff) format('woff'), url(flexslider-icon.ttf) format('truetype'), url(flexslider-icon.svg#flexslider-icon) format('svg');
    font-weight: 400;
    font-style: normal;
}

body {
    background-color: #fff;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    /*font-size: 13px;*/
    font-size: 0.813em;
    line-height: 1.5;
}

#aspnetForm {
    margin: 0 auto;
    height: 100%;
}

p {
    margin-bottom: 15px;
}

a {
    color: #0073BF;
    text-decoration: none;
}

h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
}

h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

#header {
    width: 1080px;
    min-height: 156px;
    position: relative;
    margin: 0 auto;
}

#logo {
    width: 1080px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 1;
    top: 13px;
}

#overlogo {
    width: 100%;
    height: 157px;
    overflow: hidden;
    position: absolute;
    background-image: url(../images/bgtop.png);
    background-position: left bottom;
    z-index: 50;
    min-width: 1080px!important;
}

#carrinho {
    width: 80px;
    margin-left: 40px;
    height: 30px;
    overflow: hidden;
    float: right;
    z-index: 100;
    line-height: 30px;
    vertical-align: middle;
    color: #FFF;
}

#infocarrinho {
    position: relative;
}

#main {
    margin: 0 auto;
    width: 1080px;
    height: 100%;
    min-height: 100%;
    position: relative;
    top: 0;
}

#leftbar {
    overflow: hidden;
    width: 28px;
    background-repeat: repeat-y;
    float: left;
    position: relative;
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
}

#rightbar {
    overflow: hidden;
    width: 28px;
    background-repeat: repeat-y;
    float: left;
    position: relative;
    margin: 0 auto;
    min-height: 100%;
}

#contentbox {
    width: 1080px;
    float: left;
    position: relative;
    margin: 0 auto;
    min-height: 100%;
}

#mainbox {
    width: 1080px;
    background-repeat: repeat-y;
    background-position: center top;
    top: 0;
    float: left;
    overflow: hidden;
    position: relative;
    height: auto;
    min-height: 100%;
}

#mainboxregisto {
    width: 500px;
    float: left;
    background: #000 repeat-y center center;
    min-height: 450px;
    overflow: hidden;
    position: relative;
    top: 0;
}

.mainboxcontacto {
    width: 500px;
    float: left;
    min-height: 450px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
}

.mainboxportes {
    width: 750px;
    float: left;
    min-height: 350px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
}

.closecontacto {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 480px;
    margin-top: -18px;
}

.closeportes {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 730px;
    margin-top: -18px;
}

#mainboxMSG {
    width: 500px;
    float: left;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
    color: #FFF;
}

#mainboxNewsletter {
    width: 500px;
    float: left;
    min-height: 280px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
    color: #fff;
}

.divcontent,
.divcontentInvers {
    width: 480px;
    padding: 10px;
    color: #FFF;
    font-family: DINFont, Arial, Helvetica, sans-serif;
}

.divcontentPortes {
    width: 730px;
    padding: 10px;
    color: #fff;
    font-family: DINFont, Arial, Helvetica, sans-serif;
}

#close {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 480px;
    margin-top: -18px;
}

#nav {
    height: 47px;
    background: #fff url(../Images/btMenu2.png);
    position: relative;
    text-align: left;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
}

.detailcontainer {
    min-height: 548px;
    background: #fff;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin-top: 40px;
}

.prodtitle {
    width: 752px;
    background: none repeat scroll 0 0 #FFF;
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.novoproduto1 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical1.png) no-repeat;
    z-index: 100;
}

.novoproduto2 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical2.png) no-repeat;
    z-index: 100;
}

.novoproduto3 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical3.png) no-repeat;
    z-index: 100;
}

.imagemproduto {
    background: none repeat scroll 0 0 transparent;
    line-height: 400px;
    max-height: 400px;
    min-height: 400px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: right;
    vertical-align: bottom;
    width: 230px;
    z-index: 90;
}

.detailtitle {
    width: 510px;
    height: 100%;
    position: relative;
    text-align: left;
    left: 45px;
    font-size: 20px;
    line-height: 24px;
    color: #909000;
    vertical-align: middle;
    top: 10px;
}

.detailtitlecor1 {
    color: #909000;
}

.detailtitlecor2 {
    color: #000;
}

.detailtitlecor3 {
    color: #812572;
}

.detailtitlecor4 {
    color: #CA3201;
}

.pricebox {
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
}

.realpricebox {
    top: 5px;
    right: 5px;
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
}

.realpricebox2 {
    top: 50px;
    right: 5px;
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
}

.overprice1 {
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    background: url(../images/price1.png) no-repeat center center;
    text-align: center;
    z-index: 100;
}

.overprice2 {
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    background: url(../images/price2.png) no-repeat center center;
    text-align: center;
    z-index: 100;
}

.overprice3 {
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    background: url(../images/price3.png) no-repeat center center;
    text-align: center;
    z-index: 100;
}

.overprice4 {
    width: 112px;
    height: 46px;
    overflow: hidden;
    position: absolute;
    background: url(../images/price4.png) no-repeat center center;
    text-align: center;
    z-index: 100;
}

.leftprice {
    font-size: 36px;
}

.rightprice {
    font-size: 22px;
}

#detailtxt {
    width: 510px;
    height: 230px;
    overflow: auto;
    position: relative;
    text-align: left;
    left: 45px;
    font-size: 11px;
    padding-right: 10px;
    line-height: 16px;
}

.bannercontainer {
    width: 752px;
    height: 135px;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin-left: 75px;
    margin-top: 40px;
}

.banner {
    width: 752px;
    height: 115px;
    background: #fff;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.shopadd {
    width: 250px;
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: left;
    float: left;
    left: -20px;
    top: 30px;
}

.btadd {
    width: 82px;
    height: 28px;
    float: left;
}

.qtdivs {
    left: 20px;
    width: 38px;
    height: 28px;
    float: left;
}

.btupdown {
    line-height: 1;
    left: 20px;
    width: 10px;
    height: 28px;
    float: left;
    top: 0;
}

.btupdownCheckout {
    line-height: 1;
    left: 20px;
    width: 17px;
    height: 18px;
    float: left;
    top: 0;
}

.UpBTDownChekout {
    position: relative;
    top: 2px;
}

.imagesdetail {
    height: 55px;
    float: left;
    top: 0;
    overflow: hidden;
    width: 250px;
}

.infobannerdetail {
    width: 90px;
    height: 30px;
    overflow: hidden;
    position: relative;
    text-align: left;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 30px;
    margin-left: 25px;
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=.7071067811865476, M12=-.7071067811865475, M21=.7071067811865475, M22=.7071067811865476);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}

.infobannerdetail1 {
    width: 100px;
    height: 15px;
    background: #909000;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #fff;
    padding: 5px;
    vertical-align: middle;
    float: left;
}

.infobannerdetail2 {
    width: 100px;
    height: 15px;
    background: #000;
    overflow: hidden;
    position: absolute;
    text-align: center;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #fff;
    padding: 5px;
    vertical-align: middle;
}

.infobannerdetail3 {
    width: 100px;
    height: 15px;
    background: #812572;
    overflow: hidden;
    position: absolute;
    text-align: center;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #fff;
    padding: 5px;
    vertical-align: middle;
}

.infobuy {
    left: 319px;
    width: 440px;
    height: 110px;
    overflow: hidden;
    position: relative;
    text-align: left;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #000;
    padding: 5px;
    z-index: 1000;
}

.infoprice {
    width: 180px;
    height: 110px;
    overflow: hidden;
    position: relative;
    text-align: left;
    font-family: Lobster14, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #000;
    padding: 5px;
    float: left;
    background: url(../images/pricetag.png) no-repeat left bottom;
}

.infobannerc1 {
    width: 145px;
    height: 20px;
    background: #909000;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: right;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #fff;
    padding: 5px;
}

.infobannerc2 {
    width: 145px;
    height: 20px;
    background: #000;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: right;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #fff;
    padding: 5px;
}

.infobannerc3 {
    width: 145px;
    height: 20px;
    background: #812572;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: right;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #fff;
    padding: 5px;
}

.infobannerc4 {
    width: 145px;
    height: 20px;
    background: #CA3201;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: right;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #fff;
    padding: 5px;
}

#topflash {
    background: #fff;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    color: #000;
    min-height: 187px;
    position: relative;
    margin: 0 auto;
    z-index: 500;
    top: 0;
  
}

.paddingForFooter {
    position: relative;
    width: 1px;
    height: 30px;
    float: left;
}

#footer {
    border-width: 2px;
    border-color: #000;
    text-align: center;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    color: #000;
    min-height: 155px;
    background: #AFAFAF;
    position: relative;
    z-index: 100;
    left: 0;
    width: 100%;
    bottom: 0;
    float: left;
    /*font-size: 12px;*/
    font-size: 0.750em;
    min-width: 1080px!important;
}

#footercntmain {
    text-align: left;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    color: #FFF;
    height: 110px;
    width: 1080px;
    margin: 0 auto;
    line-height: 18px;
    vertical-align: middle;
    top: 25px;
    position: relative;
}

#footercnt {
    padding-left: 10px;
    width: 500px;
    /*font-size: 12px;*/
    font-size: 0.750em;
    float: left;
}

#footercnttp {
    vertical-align: middle;
    width: 200px;
    text-align: right;
    float: right;
}

#footercntcopy {
    font-size: xx-small;
    padding-top: 0;
    padding-right: 0;
    vertical-align: middle;
    line-height: 10px;
    height: auto;
    width: 190px;
    text-align: right;
    float: right;
    top: -5px;
    position: relative;
}

    #footercntcopy a {
        color: #515151;
    }

        #footercntcopy a:hover {
            color: #000;
            text-decoration: underline;
        }

a:focus {
    -moz-outline-style: none;
}

ul#menu {
    width: 910px;
    height: 78px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

    ul#menu li {
        float: left;
    }

        ul#menu li a {
            background: url(../images/menu.png) no-repeat scroll top left;
            display: block;
            height: 78px;
            position: relative;
        }

            ul#menu li a.flashfriday {
                width: 122px;
                background-position: -462px 0;
            }

            ul#menu li a.flashgold {
                width: 120px;
                background-position: -603px 0;
            }

            ul#menu li a.flashchoices {
                width: 132px;
                background-position: -768px 0;
            }

            ul#menu li a.mrgourmet {
                width: 120px;
                background-position: -930px 0;
            }

            ul#menu li a.campanhas {
                width: 122px;
                background-position: 0 0;
            }

            ul#menu li a.conta {
                width: 127px;
                background-position: -141px 0;
            }

            ul#menu li a.historico {
                width: 184px;
                background-position: -278px 0;
            }

            ul#menu li a.newslleterIcon {
                width: 100px;
                background-position: -1080px 0;
            }

            ul#menu li a.twitter {
                width: 73px;
                background-position: -1182px 0;
            }

            ul#menu li a.facebook {
                width: 93px;
                background-position: -1262px 0;
            }

            ul#menu li a.login {
                width: 61px;
                background-position: -1346px 0;
            }

            ul#menu li a.logout {
                width: 61px;
                background-position: -1407px 0;
            }

            ul#menu li a span {
                background: url(../images/menu.png) no-repeat scroll bottom left;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                padding: 0;
                margin: 0;
                height: 100%;
                width: 100%;
                z-index: 100;
            }

            ul#menu li a.active {
                width: 256px;
                background-position: -179px -58px;
            }

            ul#menu li a span:hover {
                width: 200px;
                cursor: pointer;
            }

            ul#menu li a.flashfriday span {
                width: 122px;
                background-position: -462px -78px;
            }

            ul#menu li a.flashgold span {
                width: 120px;
                background-position: -603px -78px;
            }

            ul#menu li a.flashchoices span {
                width: 132px;
                background-position: -768px -78px;
            }

            ul#menu li a.mrgourmet span {
                width: 120px;
                background-position: -930px -78px;
            }

            ul#menu li a.campanhas span {
                width: 122px;
                background-position: 0 -78px;
            }

            ul#menu li a.conta span {
                width: 127px;
                background-position: -141px -78px;
            }

            ul#menu li a.historico span {
                width: 184px;
                background-position: -278px -78px;
            }

            ul#menu li a.newslleterIcon span {
                width: 100px;
                background-position: -1080px -78px;
            }

            ul#menu li a.twitter span {
                width: 73px;
                background-position: -1182px -78px;
            }

            ul#menu li a.facebook span {
                width: 93px;
                background-position: -1262px -78px;
            }

            ul#menu li a.login span {
                width: 61px;
                background-position: -1346px -78px;
            }

            ul#menu li a.logout span {
                width: 61px;
                background-position: -1407px -78px;
            }

.button {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    display: inline;
    background: #777 url(../images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
}

    .button:hover {
        background-position: 0 -48px;
    }

    .button:active {
        background-position: 0 top;
        position: relative;
        top: 1px;
        padding: 6px 10px 4px;
    }

    .button.red {
        background-color: red;
    }

    .button.purple {
        background-color: #9400bf;
    }

    .button.green {
        background-color: #909000;
    }

    .button.orange {
        background-color: #ff9c00;
    }

    .button.gray {
        background-color: #999;
    }

    .button.blue {
        background-color: #2c6da0;
    }

    .button.black {
        background-color: #333132;
    }

    .button.white {
        background-color: #fff;
        color: #000;
        text-shadow: 1px 1px #fff;
    }

    .button.small {
        font-size: 75%;
        padding: 3px 7px;
    }

        .button.small:hover {
            background-position: 0 -50px;
        }

        .button.small:active {
            padding: 4px 7px 2px;
            background-position: 0 top;
        }

    .button.large {
        font-size: 180%;
        padding: 6px 12px;
        height: 28px;
    }

        .button.large:hover {
            background-position: 0 -35px;
        }

        .button.large:active {
            padding: 8px 12px 6px;
            background-position: 0 top;
        }

h1 {
    font-size: 120%;
    padding: 6px 12px;
    height: 28px;
    color: #fff;
}

.bigtext {
    font-size: 110%;
}

.textgreen {
    color: #909000;
}

.textWhite {
    color: #fff;
}

.small {
    background-color: #414042;
    border: 0;
    width: 22px;
    height: 15px;
    padding: 4px 2px;
    bottom: 5px;
    color: #fff;
    font-size: 180%;
    text-align: right;
    line-height: 16px;
    vertical-align: middle;
}

.smallcesto {
    background-color: #414042;
    border: 0;
    width: 22px;
    height: 20px;
    padding: 2px;
    bottom: 2px;
    color: #fff;
    /*font-size: 12px;*/
    font-size: 0.750em;
    text-align: right;
    line-height: 0.750em;
    vertical-align: middle;
}

.smalltext {
    font-size: 75%;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    z-index: 500!important;
}

.modalPopup {
    z-index: 550!important;
}

.errors {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    color: red;
    /*font-size: 12px;*/
    font-size: 0.750em;
    text-align: left;
}

#mainboxLogin {
    width: 500px;
    float: left;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
    color: #FFF;
}

.divcontentLogin {
    width: 480px;
    padding: 10px;
    color: #FFF;
}

#CloseNewsletter,
#closeLogin,
#closeMSG,
#closeNeswletter {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 480px;
    margin-top: -18px;
}

.CSSlbItens {
    color: #000;
}

.paddingUp {
    margin-bottom: 1px;
}

.CSSPaddingCheckout table {
    color: #000;
}

.CSSPaddingCheckout td {
    padding: 3px;
}

#ctl00_ContentPlaceHolder1_panelMoradaEntrega {
    margin-top: -3px;
}

.divTitAccount {
    width: 100%;
    height: 30px;
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    /*font-size: 16px;*/
    font-size: 1em;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 50px;
}

.divResultMSGInfo {
    width: 100%;
    color: #B6B6B6;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    /*font-size: 14px;*/
    font-size: 0.875em;
    font-style: italic;
    position: relative;
}

.subAreasAccount {
    font-size: x-small;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    height: 30px;
    line-height: 20px;
    vertical-align: top;
    background-color: #dfd4b1;
}

.gridTablePaging {
    text-align: center;
    vertical-align: middle;
    /*font-size: 12px;*/
    font-size: 0.750em;
    color: #000;
    font-weight: 700;
}

.txtItemTabHistEnc {
    text-decoration: none;
    font-size: x-small;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    height: 30px;
    line-height: 20px;
    vertical-align: top;
}

.FundoCcolorClaro {
    background-color: #dfd4b1;
}

.gridHistoricRowMouseOver {
    background-color: #DFD4B1;
}

.gridHistoricAlternatedRow,
.gridHistoricRow {
    background-color: #FFF;
}

.linktotextEncomenda {
    font-weight: 700;
    color: #000;
}

.HREFquemsomos,
.HREFquemsomos:active,
.HREFquemsomos:link,
.HREFquemsomos:visited {
    text-decoration: none;
    color: #000;
}

    .HREFquemsomos:hover {
        text-decoration: none;
        color: #fff;
    }

.HREFcontactos,
.HREFcontactos:active,
.HREFcontactos:link,
.HREFcontactos:visited {
    text-decoration: none;
    color: #000;
}

    .HREFcontactos:hover {
        text-decoration: none;
        color: #fff;
    }

.HREFtermoscondicoes,
.HREFtermoscondicoes:active,
.HREFtermoscondicoes:link,
.HREFtermoscondicoes:visited {
    text-decoration: none;
    color: #000;
}

    .HREFtermoscondicoes:hover {
        text-decoration: none;
        color: #fff;
    }

.HREFpoliticaprivacidade,
.HREFpoliticaprivacidade:active,
.HREFpoliticaprivacidade:link,
.HREFpoliticaprivacidade:visited {
    text-decoration: none;
    color: #000;
}

    .HREFpoliticaprivacidade:hover {
        text-decoration: none;
        color: #fff;
    }

.HREFFaqs,
.HREFFaqs:active,
.HREFFaqs:link,
.HREFFaqs:visited {
    text-decoration: none;
    color: #000;
}

    .HREFFaqs:hover {
        text-decoration: none;
        color: #fff;
    }

.closeAjax {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 480px;
    margin-top: -18px;
}

.mainboxAjax {
    width: 500px;
    float: left;
    min-height: 450px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
}

#div_progresso {
    width: 100%;
    height: 1000px;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

#div_progresso2 {
    width: 100%;
    height: 100%;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    vertical-align: middle;
    text-align: center;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

#div_loading {
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.divTitCheckout {
    width: 100%;
    height: 150px;
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    /*font-size: 16px;*/
    font-size: 1em;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 20px;
}

.fieldsMoradas,
.txt_FormObs,
.txt_Totais, .txt_Totais1 {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    font-size: 0.750em;
    font-weight: 700;
    font-weight: normal;
    text-decoration: none;
}

.txt_RadioButton {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    font-size: 0.750em;
    font-weight: 700;
    text-decoration: none;
    font-style: normal;
    padding-left: 10px;
}

    .txt_RadioButton td {
        padding-top: 20px;
    }
	
	.txt_RadioButtonPay {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    /*font-size: 12px;*/
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: none;
    font-style: normal;
    padding-left: 10px;
}

    .txt_RadioButtonPay td {
        padding-top: 20px;
    }
	
	.txt_RadioButtonPay input[type=radio] {
    margin-right:10px;
}

.BorderContent {
    position: relative;
    min-height: 100px;
    width: 100%;
    padding-bottom: 80px;
    float: left;
    height: 100%;
    margin-top: 10px;
}

.titGridsCheckout {
    font-size: x-small;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
    height: 30px;
    line-height: 20px;
    vertical-align: top;
    background-color: #dfd4b1;
}

.CSSPaddingCheckout {
    padding: 5px 0;
}

.txt_cesto {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: 700;
    font-weight: normal;
    text-decoration: none;
}

#ctl00_ContentPlaceHolder1_panelPagamentos > table > td > label{
font-size: 1.5em;
}


.label_cesto {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: 700;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
}

.label_cestoInfoP4 {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: 700;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    text-align: center;
}

.label_InfoPagamentocesto {
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
	padding-left:25px;
display: block;
}

.a_href {
    color: #FFF;
    line-height: 115%;
    font-size: 11pt;
    font-family: DINFont, Arial, Helvetica, sans-serif;
}

.a_href1 {
    color: #000;
    text-decoration: underline;
}

.FundoCinza2,
.FundoCinzaClaro {
    background-color: #f0ebd2;
}

.btnsCheckout {
    height: 31px;
    vertical-align: middle;
    line-height: 31px;
    font-weight: 700;
    font-size: x-small;
}

.scroll-pane-Rodape {
    width: 105%;
    height: 480px;
    overflow: auto;
    position: relative;
    text-align: justify;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    /*font-size: 14px;*/
    font-size: 0.875em;
    color: #FFF;
    margin: 10px;
    /*line-height: 14px;*/
    line-height: 0.875em;
}

.divInfoDetalheCheckout {
    width: 100%;
    height: 100px;
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    /*font-size: 12px;*/
    font-size: 0.750em;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 50px;
    vertical-align: middle;
    text-align: center;
}

.divInfoDetalheCheckout1 {
    width: 100%;
    height: 100px;
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-style: normal;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    text-align: center;
}

.hoverDadospessoais:hover {
    text-decoration: underline;
}

.listproduto1 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical1.png) no-repeat;
    z-index: 100;
}

.listproduto2 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical2.png) no-repeat;
    z-index: 100;
}

.listproduto3 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical3.png) no-repeat;
    z-index: 100;
}

.listproduto4 {
    width: 109px;
    min-height: 109px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    background: url(../images/labelvertical4.png) no-repeat;
    z-index: 100;
}

.infobannerCampanha {
    width: 90px;
    height: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 30px;
    margin-left: 25px;
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=.7071067811865476, M12=-.7071067811865475, M21=.7071067811865475, M22=.7071067811865476);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    letter-spacing: 4px;
}

.recPWD,
.recPWDLink {
    font-size: xx-small;
    color: #fff;
}

    .recPWDLink:hover {
        text-decoration: underline;
    }

#closeRecPWD {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 480px;
    margin-top: -18px;
}

#mainboxRecPWD {
    width: 500px;
    float: left;
    background: #000 repeat-y center center;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    top: 0;
}

#closeRecPWD2 {
    width: 37px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    text-align: right;
    float: right;
    margin-left: 480px;
    margin-top: -18px;
}

#mainboxRecPWD2 {
    width: 500px;
    float: left;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    background: #000 repeat-y center center;
    top: 0;
}

.InfoPortesGartis {
    font-size: x-small;
    color: #000;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.infobottom {
    font-size: 11px;
    color: #919191;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: underline;
}

.bannerinfo {
    width: 510px;
    height: 1px;
    position: relative;
    text-align: left;
    left: 45px;
    /*font-size: 16px;*/
    font-size: 1em;
    /*line-height: 14px;*/
    line-height: 0.875em;
    color: #909000;
    vertical-align: middle;
    bottom: 30px;
}

.imgEsgotado {
    position: absolute;
    top: 10px;
    left: 290px;
}

.imgPortes {
    position: absolute;
    top: 50px;
    left: 420px;
    z-index: 500;
}

.infoLabelPortes1 {
    padding: 2px;
    background-color: #909000;
    position: absolute;
    z-index: auto;
    width: 111px;
    height: 15px;
    font-size: 10px;
    color: #FFF;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-style: normal;
    left: 41px;
    top: -5px;
    text-align: center;
}

.infoLabelPortes2 {
    padding: 2px;
    background-color: #000;
    position: absolute;
    z-index: auto;
    width: 111px;
    height: 15px;
    font-size: 10px;
    color: #FFF;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-style: normal;
    left: 41px;
    top: -5px;
    text-align: center;
}

.infoLabelPortes3 {
    padding: 2px;
    background-color: #812572;
    position: absolute;
    z-index: auto;
    width: 111px;
    height: 15px;
    font-size: 10px;
    color: #FFF;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-style: normal;
    left: 41px;
    top: -5px;
    text-align: center;
}

.infoLabelPortes4 {
    padding: 2px;
    background-color: #CA3201;
    position: absolute;
    z-index: auto;
    width: 111px;
    height: 15px;
    font-size: 10px;
    color: #FFF;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-style: normal;
    left: 41px;
    top: -5px;
    text-align: center;
}

.infoLabelPortesCheckout {
    position: absolute;
    z-index: auto;
    width: 20px;
    height: 15px;
    font-size: 11px;
    color: #000;
    font-style: normal;
    left: 98px;
    top: 48px;
}

.footerImageAlign {
    vertical-align: bottom;
}

div#imageContainer {
    height: 400px;
    vertical-align: top;
    display: table-cell;
}

.ajax__validatorcallout_error_message_cell {
    color: #000;
}

.CustomValidator1 .ajax__validatorcallout_popup_table_row td {
    padding: 1px;
    margin: 0;
}

.CustomValidator {
    position: relative;
    z-index: 20010;
    width: 180px;
}

    .CustomValidator div {
        border: 1px solid #000;
        background-color: #fffacd;
        position: relative;
    }

    .CustomValidator td {
        padding: 0;
        border: 1px solid #000;
        background-color: #fffacd;
    }

    .CustomValidator .ajax__validatorcallout_popup_table {
        display: none;
        border: none;
        background-color: transparent;
        padding: 0;
        position: relative;
    }

    .CustomValidator .ajax__validatorcallout_popup_table_row {
        vertical-align: top;
        height: 100%;
        background-color: transparent;
        padding: 0;
        z-index: 20010;
    }

    .CustomValidator .ajax__validatorcallout_callout_cell {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: transparent;
        padding: 0;
    }

    .CustomValidator .ajax__validatorcallout_callout_table {
        height: 100%;
        border: none;
        background-color: transparent;
        padding: 0;
    }

    .CustomValidator .ajax__validatorcallout_callout_table_row {
        background-color: transparent;
        padding: 0;
    }

    .CustomValidator .ajax__validatorcallout_callout_arrow_cell {
        padding: 8px 0 0;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        border: none;
        background-color: transparent;
    }

        .CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: transparent;
            padding: 0;
        }

            .CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                padding: 0;
                margin-left: auto;
            }

    .CustomValidator .ajax__validatorcallout_error_message_cell {
        padding: 2px;
        color: #000;
    }

    .CustomValidator .ajax__validatorcallout_icon_cell {
        width: 10px;
        padding: 5px 0 5px 1px;
        border-right: none;
    }

    .CustomValidator .ajax__validatorcallout_close_button_cell {
        vertical-align: top;
        padding: 0;
        text-align: right;
        border-left: none;
    }

        .CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }

.voucher {
    font-size: 11px;
    color: #000;
    font-style: normal;
    background: #dfd4b1;
    padding: 5px;
    width: 240px;
    border: 1px dashed #aea484;
    float: left;
}

#mainvoucher {
    width: 300px;
}

.voucherinfo {
    margin-left: 10px;
    font-size: 11px;
    color: #000;
    font-style: normal;
    background: #dfd4b1;
    padding: 5px;
    width: 130px;
    border: 1px dashed #aea484;
    float: left;
    text-align: center;
}

.voucherlabel {
    font-size: 11px;
    color: #000;
    font-style: normal;
}

.voucherinfoLabel {
    font-size: 20px;
    line-height: 1;
}

@font-face {
    font-family: DINFont;
    src: url(din-regular-webfont.eot);
    src: url(din-regular-webfont.eot?#iefix) format('embedded-opentype'), url(din-regular-webfont.woff) format('woff'), url(din-regular-webfont.ttf) format('truetype'), url(din-regular-webfont.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}

.divBannerDestaque {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.bannerTopR {
    position: relative;
    width: 180px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 18px;
}

.div_Prod {
    position: relative;
    width: 425px;
    height: 325px;
    border: 1px dashed #AFAFAF;
    margin-top: 15px;
    margin-right: 15px;
    background-color: #FFF;
    float: left;
}

.bannerBottom {
    margin: 28px 4px 23px 25px;
    position: relative;
    width: 416px;
    height: 154px;
}

.productTitle {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: relative;
    width: 240px;
    margin-top: 16px;
    margin-left: 24px;
    font-size: 18px;
    color: #000;
    line-height: 20px;
    vertical-align: middle;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 10;
}

.productCasta {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: relative;
    width: 250px;
    height: 30px;
    margin-left: 24px;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    vertical-align: middle;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 10;
}

.CSScastBack {
    background-position: left center;
    background-image: url(../images/casta.png);
    background-repeat: repeat-x;
    display: inline-block;
    z-index: 10;
}

.productFamily {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: relative;
    width: 250px;
    height: 32px;
    margin-left: 24px;
    font-size: 20px;
    color: #000;
    line-height: 32px;
    vertical-align: middle;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 10;
}

.productSmallDesc {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: relative;
    width: 230px;
    height: 70px;
    margin-left: 24px;
    /*font-size: 12px;*/
    font-size: 0.750em;
    color: #000;
    line-height: 14px;
    vertical-align: middle;
    overflow: hidden;
    margin-top: 5px;
    z-index: 10;
}

.infoTagsDiscont {
    position: absolute;
    width: 309px;
    height: 140px;
    background-image: url(../images/pricetagnew.png);
    float: left;
    top: 162px;
    left: 14px;
    background-repeat: no-repeat;
    z-index: 5;
}

.infoTagsNotDiscont {
    position: absolute;
    width: 309px;
    height: 140px;
    background-image: url(../images/pricetagsp.png);
    float: left;
    top: 162px;
    left: 14px;
    background-repeat: no-repeat;
    z-index: 5;
}

.divLabelAntes {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 70px;
    height: 18px;
    top: 38px;
    left: 15px;
    line-height: 18px;
    vertical-align: middle;
    /*font-size: 16px;*/
    font-size: 1em;
    text-transform: lowercase;
    color: #000;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
}

.divPriceOld {
    font-family: Lobster14, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 70px;
    height: 28px;
    top: 23px;
    left: 66px;
    line-height: 28px;
    vertical-align: text-bottom;
    font-size: 26px;
    color: #000;
    font-weight: 700;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    text-align: center;
}

.CurrencyCSS1 {
    /*font-size: 16px;*/
    font-size: 1em;
}

.CurrencyCSS2 {
    /*font-size: 16px;*/
    font-size: 1em;
}

.divDiscont {
    font-family: Lobster14, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 70px;
    height: 35px;
    top: 28px;
    left: 188px;
    line-height: 35px;
    vertical-align: middle;
    font-size: 25px;
    text-transform: lowercase;
    color: #FFF;
    text-align: center;
}

.divPrice {
    font-family: Lobster14, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 97px;
    height: 50px;
    top: 67px;
    left: 18px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 38px;
    text-transform: lowercase;
    color: #000;
    text-align: right;
    font-weight: 700;
}

.divInfoQuantaty {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 125px;
    height: 12px;
    top: 132px;
    left: 12px;
    line-height: 12px;
    vertical-align: middle;
    /*font-size: 12px;*/
    font-size: 0.750em;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

.divInfoCampanha {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 155px;
    height: 32px;
    top: 112px;
    left: 144px;
    line-height: 12px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    text-align: right;
}

.infocampanhaSize1 {
    /*font-size: 8px;*/
    font-size: 0.5em;
}

.infocampanhaSize2 {
    font-size: 11px;
    font-weight: 700;
}

.imageProduct {
    position: absolute;
    width: 160px;
    height: 278px;
    top: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
}

.inner {
    display: table-cell;
    width: 160px;
    height: 278px;
    vertical-align: bottom;
    text-align: right;
}

.likeFacebook {
    position: absolute;
    width: 90px;
    height: 30px;
    top: 278px;
    z-index: 10;
    overflow: hidden;
    text-align: right;
    left: 320px;
}

.overpriceOld {
    width: 71px;
    height: 29px;
    overflow: hidden;
    position: absolute;
    background: url(../images/price1.png) no-repeat center center;
    text-align: center;
    z-index: 20;
}

.infobuyProdut {
    left: 759px;
    width: 450px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    font-family: DINFont, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #000;
    padding: 5px;
    top: 0;
}

#detailtxt1 {
    width: 660px;
    min-height: 230px;
    position: relative;
    text-align: left;
    left: 24px;
    font-size: 11px;
    padding-right: 10px;
    line-height: 16px;
    margin-top: 25px;
}

.MoreInfoProdut {
    position: relative;
    width: 660px;
    height: 125px;
    left: 23px;
    top: 10px;
}

.Esgotado {
    position: absolute;
    width: 115px;
    height: 115px;
    top: 10px;
    left: 320px;
    z-index: 10;
}

.MoreInfoProdutLeft {
    position: relative;
    width: 200px;
    height: 95px;
    float: left;
}

.divMoreInfoQuantaty {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 125px;
    height: 12px;
    top: 35px;
    line-height: 12px;
    vertical-align: middle;
    /*font-size: 12px;*/
    font-size: 0.750em;
    text-transform: uppercase;
    color: #000;
    text-align: left;
}

.bannerinfoTime {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 155px;
    height: 32px;
    top: 60px;
    line-height: 12px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    text-align: left;
}

.dividerPortes {
    position: relative;
    width: 660px;
    height: 2px;
    background-color: #000;
    float: left;
}

.imgNewPortes {
    position: relative;
    width: 210px;
    height: 85px;
    float: right;
    top: 10px;
    text-align: right;
}

.PartilhaSociais {
    position: relative;
    width: 660px;
    height: 28px;
    float: left;
    text-align: right;
    padding-top: 3px;
}

.imgPortes1 {
    float: right;
}

.labelInfoDespesas1 {
    font-family: MYRIADPRO;
    position: absolute;
    width: 60px;
    height: 22px;
    top: 15px;
    left: 100px;
    font-size: 10px;
    color: #FFF;
    text-align: left;
    line-height: 8px;
    vertical-align: middle;
}

.InfoPriceDespesas1 {
    font-family: MYRIADPROSemibold;
    position: absolute;
    width: 45px;
    height: 25px;
    top: 36px;
    left: 145px;
    /*font-size: 14px;*/
    font-size: 0.875em;
    color: #FFF;
}

.labelInfoDespesas2 {
    font-family: MYRIADPRO;
    position: absolute;
    width: 70px;
    height: 26px;
    top: 20px;
    left: 125px;
    font-size: 10px;
    color: #FFF;
    line-height: 10px;
    vertical-align: middle;
    text-align: left;
}

.InfoPriceDespesas2 {
    font-family: MYRIADPROSemibold;
    position: absolute;
    width: 50px;
    height: 22px;
    top: 33px;
    left: 160px;
    /*font-size: 12px;*/
    font-size: 0.750em;
    vertical-align: middle;
    line-height: 22px;
    text-align: center;
    color: #FFF;
}

.InfoPriceDespesasGratis1 {
    font-family: MYRIADPRO;
    position: absolute;
    width: 115px;
    height: 12px;
    top: 15px;
    left: 95px;
    font-size: 10px;
    vertical-align: middle;
    line-height: 10px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
}

.InfoPriceDespesasGratis2 {
    font-family: MYRIADPROSemibold;
    position: absolute;
    width: 115px;
    height: 20px;
    top: 25px;
    left: 95px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 18px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
}

.InfoPriceDespesasGratis3 {
    font-family: MYRIADPRO;
    position: absolute;
    width: 115px;
    height: 12px;
    top: 42px;
    left: 95px;
    font-size: 10px;
    vertical-align: middle;
    line-height: 10px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
}

.infopartilhar {
    font-family: DINFont, Arial, Helvetica, sans-serif;
    line-height: 23px;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    font-size: 8px;
    vertical-align: top;
    font-weight: 400;
}

.imgproduto {
    background: none repeat scroll 0 0 transparent;
    height: 450px;
    max-height: 450px;
    min-height: 450px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: right;
    top: 120px;
    vertical-align: bottom;
    width: 230px;
    z-index: 90;
}

div#imageContainerright {
    background: none repeat scroll;
    height: 336px;
    line-height: 336px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: bottom;
}

.imagesdetailbottom {
    top: 5px;
    background: none repeat scroll;
    bottom: 0;
    float: left;
    height: 80px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 250px;
}

.no-margin {
    margin-right: 0;
}

.bannerTopR a {
    display: block;
    position: relative;
}

    .bannerTopR a img {
        height: 150px;
        position: relative;
        width: 180px;
    }

    .bannerTopR a span {
        font-family: DINFont, Arial, Helvetica, sans-serif;
        display: none;
        font-size: 1.5em;
        font-weight: 700;
        height: 100%;
        padding-top: 50px;
        position: absolute;
        text-align: center;
        text-decoration: none;
        width: 100%;
        z-index: 100;
    }

        .bannerTopR a span em {
            display: block;
            font-size: .45em;
            font-weight: 400;
        }

.dark-background {
    background-color: rgba(15, 15, 15, .6);
    color: #fff;
    text-shadow: #000 0 0 20px;
}

    .dark-background em {
        color: #ccc;
    }

.div_ProdImage {
    border-style: none;
    position: relative;
    width: 440px;
    height: 310px;
    margin-right: 25px;
    margin-top: 21px;
    background-color: #FFF;
    overflow: hidden;
}

#footerCronica {
    position: relative;
    width: 100%;
    min-height: 250px;
    z-index: 50;
    top: 0;
    float: left;
}

#divCronica {
    position: relative;
    width: 1077px;
    height: 240px;
    float: left;
    overflow: hidden;
    margin-top: 23px;
    background-color: #FFF;
}

#bannerRight {
    float: right;
    position: relative;
    width: 180px;
    height: 318px;
    overflow: hidden;
    margin-top: 23px;
}

#div_ImageCronica {
    float: left;
    position: relative;
    width: 410px;
    height: 238px;
    overflow: hidden;
    text-align: center;
}

#div_textCronica {
    float: left;
    position: relative;
    width: 635px;
    height: 238px;
    overflow: hidden;
    margin-left: 30px;
}

#div_TitleCronica {
    position: relative;
    width: 635px;
    height: 50px;
    overflow: hidden;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 40px;
    vertical-align: middle;
}

#div_TitleCronica1 {
    /*font-size: 16px;*/
    font-size: 1em;
    color: #000;
    position: relative;
    width: 635px;
    height: 35px;
}

#div_InfoCronica {
    /*font-size: 12px;*/
    font-size: 0.750em;
    color: #000;
    position: relative;
    width: 635px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 110px;
    margin-top: 10px;
}

#div_LinkCronica {
    /*font-size: 12px;*/
    font-size: 0.750em;
    color: #FFF;
    position: absolute;
    width: 140px;
    height: 20px;
    text-decoration: none;
    text-align: right;
    bottom: 0;
}

.linkMore {
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}

#signature {
    text-decoration: none;
    color: #000;
    position: relative;
    height: 20px;
    /*font-size: 14px;*/
    font-size: 0.875em;
    font-weight: bolder;
    text-align: right;
}

.signature {
    text-decoration: none;
    font-family: sweetlybroken, Helvetica, sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: bolder;
}

#div_Escolha {
    padding: 25px;
    position: relative;
    width: 910px;
    height: 100%;
    background-color: #FFF;
    margin-top: 23px;
    float: left;
    display: block;
    min-height: 548px;
}

#div_LeftEscolha {
    float: left;
    position: relative;
    width: 180px;
    height: 100%;
    overflow: hidden;
}

.div_LeftEscolhaImage {
    float: left;
    position: relative;
    width: 180px;
    height: 268px;
    overflow: hidden;
}

#div_LeftEscolhaName {
    float: left;
    position: relative;
    width: 180px;
    height: 100%;
    overflow: hidden;
    margin-top: 25px;
    text-decoration: none;
    font-family: sweetlybroken, Helvetica, sans-serif;
    color: #2b2b2b;
    font-size: 20px;
}

#div_LeftEscolhaBrevDesc {
    float: left;
    position: relative;
    width: 180px;
    height: 100%;
    overflow: hidden;
    margin-top: 10px;
    text-decoration: none;
    color: #000;
}

#div_RigthEscolha {
    float: left;
    position: relative;
    width: 658px;
    height: 100%;
    overflow: hidden;
    margin-left: 25px;
}

#div_RigthEscolhaDesc {
    float: left;
    position: relative;
    width: 658px;
    height: 100%;
    margin-top: 25px;
}

.div_RigthEscolhaVideoImage {
    float: left;
    position: relative;
    width: 658px;
    height: 268px;
    overflow: hidden;
}

#div_RigthEscolhaMoreImages {
    float: left;
    position: relative;
    width: 658px;
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
}

#FooterEscolha {
    position: relative;
    width: 910px;
    height: 75px;
    float: left;
    display: block;
}

#div_MrGourmet {
    padding: 25px;
    position: relative;
    width: 1030px;
    height: 100%;
    background-color: #FFF;
    margin-top: 23px;
    float: left;
    display: block;
    min-height: 548px;
}

#div_LeftMrGourmet {
    float: left;
    position: relative;
    width: 180px;
    height: 100%;
    overflow: hidden;
}

.div_LeftMrGourmetImage {
    float: left;
    position: relative;
    width: 180px;
    height: 268px;
    overflow: hidden;
}

#div_LeftMrGourmetName {
    float: left;
    position: relative;
    width: 180px;
    height: 100%;
    overflow: hidden;
    margin-top: 25px;
    text-decoration: none;
    color: #2b2b2b;
    /*font-size: 12px;*/
    font-size: 0.750em;
    font-weight: bolder;
}

#div_LeftMrGourmetBrevDesc {
    float: left;
    position: relative;
    width: 180px;
    height: 100%;
    overflow: hidden;
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    font-size: 10px;
}

#div_CenterMrGourmet {
    float: left;
    position: relative;
    width: 590px;
    height: 100%;
    overflow: hidden;
    margin-left: 25px;
}

#div_CenterMrGourmetDesc {
    float: left;
    position: relative;
    width: 590px;
    height: 100%;
}

.div_CenterMrGourmetNameCat {
    float: left;
    position: relative;
    width: 590px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 25px;
    /*font-size: 16px;*/
    font-size: 1em;
    font-weight: 700;
}

.div_CenterMrGourmetVideoImage {
    float: left;
    position: relative;
    width: 590px;
    height: 268px;
    overflow: hidden;
    margin-bottom: 25px;
}

#div_CenterMrGourmetMoreImages {
    float: left;
    position: relative;
    width: 590px;
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
}

#div_RigthMrGourmet {
    float: left;
    position: relative;
    width: 203px;
    height: 100%;
    margin-left: 20px;
    background: #F7F7F7;
    padding: 3px;
}

#div_MrGourmetDatalist {
    position: relative;
    width: 800px;
    height: 100%;
    display: block;
    float: left;
    min-height: 10px;
}

.classDivLinkMrGourmet {
    float: left;
    position: relative;
    width: 148px;
    height: 100%;
    overflow: hidden;
    padding-left: 15px;
    margin-left: 5px;
    margin-bottom: 10px;
    background: url(../images/listbullet.png) no-repeat 5px 5px;
}

.linkSelectMrGoumet {
    color: #242424;
    text-decoration: none;
    font-weight: bolder;
}

.linkMrGoumet {
    text-decoration: none;
    color: #000;
    /*font-size: 12px;*/
    font-size: 0.750em;
}

#div_RedesSociais {
    height: 45px;
    overflow: hidden;
    float: right;
    position: relative;
    z-index: 110;
    text-align: right;
}

#infoIlhasCompras {
    position: relative;
    width: 550px;
    height: 31px;
    display: block;
    float: left;
    text-align: left;
    font-size: 11px;
}

#InPartilhaSociais {
    position: relative;
    width: 110px;
    height: 31px;
    display: block;
    float: right;
}

#infofooter1,
#infofooter2,
#infofooter3 {
    position: relative;
    width: 190px;
    height: 110px;
    float: left;
}

#infofooter4 {
    position: relative;
    width: 130px;
    height: 110px;
    float: left;
}

#infofooter6 {
    position: relative;
    width: 165px;
    /*height:100%;*/
    float: left;
}

#infofooter5 {
    position: relative;
    width: 215px;
    height: 110px;
    float: left;
}

.HREFFOOTER {
    text-decoration: none;
    color: #292929;
    width: 100%;
    position: relative;
    display: inline-table;
}

    .HREFFOOTER:active,
    .HREFFOOTER:link,
    .HREFFOOTER:visited {
        text-decoration: none;
        color: #292929;
    }

    .HREFFOOTER:hover {
        text-decoration: none;
        color: #FFF;
    }

.HREFPORTES {
    text-decoration: none;
    color: #666;
    width: 100%;
    position: relative;
}

    .HREFPORTES:active,
    .HREFPORTES:link,
    .HREFPORTES:visited {
        text-decoration: none;
        color: #666;
    }

    .HREFPORTES:hover {
        text-decoration: none;
        color: #383838;
    }

#barTop {
    position: relative;
    min-height: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #575757;
    background-color: #000;
    width: 100%!important;
    min-width: 1080px!important;
}

ul#menu2 {
    width: 100%;
    height: 47px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 58px;
    vertical-align: middle;
}

    ul#menu2 li ul li {
        margin-right: 0px;
        margin-left: 15px;
    }

    ul#menu2 li {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
        display: block;
    }

        ul#menu2 li a,
        ul#menu2 li a:hover {
            color: #000;
        }

            ul#menu2 li a.aspNetDisabled {
                color: #C5C5C5!important;
            }

ul#menu3 {
    height: 47px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 58px;
    vertical-align: middle;
    z-index: 11111111;
}

    ul#menu3 li {
        float: right;
        margin-left: 14px;
    }

        ul#menu3 li a {
            color: #000;
        }

.liTab {
    margin: 4px 36px 0 26px;
}

#barTopCenter {
    width: 1080px;
    min-height: 30px;
    position: relative;
    margin: 0 auto;
    color: #FFF;
}

.MSGTopUserLeft {
    position: relative;
    display: block;
    float: left;
    vertical-align: middle;
    line-height: 30px;
}

.MSGTopUserRigth {
    position: relative;
    width: 70%;
    display: block;
    float: right;
    text-align: right;
}

    .MSGTopUserRigth a img {
        top: 2px;
        position: relative;
        margin-right: 10px;
        margin-left: 10px;
    }

    .MSGTopUserRigth a,
    .MSGTopUserRigth a:hover {
        color: #FFF;
    }

.boxNewsletter {
    width: 190px;
    border: 1px dotted #FFF;
    background-color: #000;
    color: #FFF;
    margin-right: 50px;
}

.tabTop {
    position: relative;
    width: 3px;
    display: inline-block;
    margin-right: 31px;
    margin-left: 31px;
}

.imgbtNewsLetter {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    margin-left: 10px;
    top: 7px;
}

#navCenter {
    height: 47px;
    position: absolute;
    margin: 0 auto;
    float: right;
    z-index: 150;
    right: 0;
    top: 85px;
    width: 455px;
}

.MenuLeft {
    position: relative;
    float: left;
}

.MenuRigth {
    position: relative;
    float: left;
    text-align: left;
    z-index: 10000;
}

.centersliderDestaque {
    overflow: hidden;
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
    z-index: 200;
    min-width: 1080px!important;
}

.wrapper {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 35px;
    color: #000;
    font-weight: 700;
    float: left;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
}

.left,
.right {
    background-position: center center;
    display: table-cell;
    width: 50%;
    background-image: url(../Images/line.png);
    background-repeat: repeat-x;
    background-size: 100% 2px;
}

.center {
    display: table-cell;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    line-height: 18px;
    vertical-align: top;
}

    .center span,
    .center span p {
        display: inline-block;
        white-space: nowrap;
    }

.myTimeCampanha {
    font-size: 18px;
    font-family: DINFont, Arial, Helvetica, sans-serif;
}

#footerCronicaVideo {
    position: relative;
    width: 100%;
    min-height: 450px;
    z-index: 50;
    top: 0;
    float: left;
}

#divCronicaVideo {
    position: relative;
    width: 760px;
    height: 500px;
    float: left;
    overflow: hidden;
    background-color: #FFF;
}

#div_TitleVideo {
    float: left;
    position: relative;
    width: 760px;
    height: 28px;
    overflow: hidden;
    margin-top: 20px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
}

#div_TitleVideo1 {
    /*font-size: 16px;*/
    font-size: 1em;
    color: #000;
    position: relative;
    width: 760px;
    height: 30px;
    float: left;
    margin-bottom: 10px;
}

#PlayImage {
    background-position: center center;
    position: absolute;
    width: 760px;
    height: 335px;
    background-image: url(../Images/play-circle.png);
    background-repeat: no-repeat;
}

#signatureVideo {
    /*font-size: 14px;*/
    font-size: 0.875em;
    color: #000;
    position: relative;
    width: 660px;
    height: 25px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-right: 10px;
}

#descVideo {
    /*font-size: 14px;*/
    font-size: 0.875em;
    color: #000;
    position: relative;
    width: 760px;
    height: 60px;
    float: left;
    text-align: left;
    margin-right: 10px;
}

#div_ImageVideo {
    float: left;
    position: relative;
    width: 760px;
    height: 335px;
    overflow: hidden;
    margin-top: 0;
    white-space: nowrap;
    text-align: center;
}

.centerImage {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#bannerRightVideo {
    position: relative;
    width: 300px;
    height: 485px;
    overflow: hidden;
    margin-top: 15px;
    float: right;
}

.bannerTopRVideo {
    position: relative;
    width: 300px;
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 18px;
}

#pubFlashFotter {
    position: relative;
    width: 1080px;
    height: 315px;
    float: left;
    margin-top: 20px;
}

#pubImage {
    position: relative;
    float: left;
    overflow: hidden;
    width: 707px;
    height: 290px;
    text-align: center;
}

#pubContactRigth {
    position: relative;
    height: 290px;
    width: 352px;
    float: right;
}

#imgNewslPub {
    position: relative;
    width: 90px;
    height: 100px;
    float: left;
    padding-top: 10px;
}

#textNewslPub {
    position: relative;
    /*width: 220px;
    height: 100px;*/
    float: left;
    vertical-align: middle;
    /*font-size: 16px;*/
    font-size: 1em;
    color: #000;
    padding-top: 10px;
    line-height: 20px;
}

.lbPubnewsletter {
    position: relative;
    /*height: 34px;
    width: 80px;*/
    /*font-size: 14px;*/
    font-size: 0.875em;
    color: #000;
    line-height: 34px;
    vertical-align: middle;
    text-align: right;
    float: left;
    padding-right: 20px;
}

.txtPubnewsletter {
    position: relative;
    height: 32px;
    width: 220px;
    /*font-size: 14px;*/
    font-size: 0.875em;
    color: #000;
    line-height: 14px;
    vertical-align: middle;
    float: left;
    margin-top: 6px;
}

.boxNewsletterPub {
    width: 218px;
    height: 20px;
    border: 1px dotted #858585;
    background-color: #FFF;
    color: #000;
}

#imgContactPub {
    position: relative;
    width: 100px;
    height: 90px;
    float: left;
    padding-top: 20px;
}

#textContactPub {
    position: relative;
    width: 220px;
    height: 90px;
    float: left;
    vertical-align: middle;
    font-size: 24px;
    color: #000;
    padding-top: 20px;
    line-height: 65px;
    text-transform: uppercase;
}

    #textContactPub a {
        color: #000;
    }

.validUserMailNewsletter {
    position: absolute;
    width: 150px;
    height: 20px;
    top: 10px;
    left: 0;
}

.imagePortesGratis {
    position: relative;
    width: 205px;
    float: right;
    margin-top: 15px;
}

.listProduct {
    position: relative;
    width: 890px;
    float: left;
}

.listPortesGratis {
    position: relative;
    width: 190px;
    float: right;
    overflow: hidden;
}

.contacliente1 {
    position: relative;
    width: 100%;
    height: 20px;
    padding: 10px 10px 10px 20px;
    color: #FFF;
    font-weight: bolder;
    background: gray;
}

.contacliente2 {
    position: relative;
    height: 100%;
    padding-top: 10px;
    padding-left: 10px;
    color: #000;
    font-weight: bolder;
    float: left;
}

    .contacliente2 h1 {
        color: #000;
    }

.historico1 {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 720px;
}

#menu3 li {
    list-style: none;
    float: left;
}

    #menu3 li a {
        display: block;
    }

    #menu3 li ul {
        display: none;
        width: 150px;
        float: right;
        /*font-size: 14px;*/
        font-size: 0.875em;
        color: #FFF;
        line-height: 30px;
        position: absolute;
        right: 0;
        top: 55px;
        z-index: 777777777;
        background: #000;
        background: -webkit-linear-gradient(#000, #000);
        background: linear-gradient(#000, #000);
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-align: right;
    }

#menu3 ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 120px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
}

#menu3 li ul li a {
    color: #FFF;
    padding-right: 10px;
}

#menu3 li.hover ul,
#menu3 li:hover ul {
    display: block;
    position: absolute;
    color: #FFF;
    margin: 0;
    padding: 0;
}

#menu3 li.hover li,
#menu3 li:hover li {
    float: none;
}

#div_CenterMrSommelier {
    float: left;
    position: relative;
    width: 590px;
    height: 100%;
    overflow: hidden;
    margin-left: 25px;
}

#div_CenterMrSommelierDesc {
    float: left;
    position: relative;
    width: 590px;
    height: 100%;
}

.div_CenterMrSommelierVideoImage {
    float: left;
    position: relative;
    width: 603px;
    overflow: hidden;
    margin-bottom: 25px;
    z-index: 999999999;
}

#div_CenterMrSommeliertMoreImages {
    float: left;
    position: relative;
    width: 800px;
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
}

#content {
    position: fixed;
    right: 0;
    top: -1000px;
    width: 35px;
    padding: 0;
    font-size: small;
    color: #FFF;
    height: 210px;
}

.sidebox {
    background: #AFAFAF;
    color: #fff!important;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    float: left;
}

.amgttt {
    color: #fff;
    /*font-size: 16px;*/
    font-size: 1em;
    white-space: nowrap;
}

.f-navTop {
    z-index: 9999;
    position: fixed!important;
    left: 0;
    top: 0;
    width: 100%;
}

.f-nav {
    z-index: 9999;
    position: fixed!important;
    left: 0;
    top: 80px;
    width: 100%;
}

.helpbar {
    top: 250px!important;
    z-index: 8888888;
}

.headersmall {
    top: 30px;
    position: fixed!important;
    height: 60px!important;
    margin: 0 auto!important;
    display: none!important;
    visibility: hidden!important;
}

.overlogosmall {
    display: none!important;
    visibility: hidden!important;
}

#header input[type=image] {
    max-height: 100%;
}

.headersmall input[type=image] {
    max-height: 50%!important;
}

#headerout {
    min-height: 157px;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

#PanelNewsletterAll {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #FFF;
    top: 0;
    position: relative;
}

#PanelMenuTop {
    position: relative;
    display: none;
    float: left;
}

.topflashsmall {
    min-height: 31px!important;
}

.PanelNewsletterAllsmall {
    display: none!important;
}

.PanelMenuTopsmall {
    display: inline-block!important;
}

ul#menuTop2 {
    width: 100%;
    height: 30px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    line-height: 30px;
    vertical-align: middle;
}

    ul#menuTop2 li {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }

        ul#menuTop2 li a,
        ul#menuTop2 li a:hover {
            color: #FFF;
        }

            ul#menuTop2 li a.aspNetDisabled {
                color: #585858!important;
            }

#infoAcount {
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    vertical-align: middle;
    color: #FFF;
    display: inline-block;
    top: 0;
    position: relative;
}

ul#menuTop3 {
    width: 100%;
    height: 30px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    line-height: 30px;
    vertical-align: middle;
    z-index: 11111111;
}

    ul#menuTop3 li {
        float: right;
        margin-left: 14px;
        height: 30px;
        line-height: 30px;
    }

        ul#menuTop3 li a,
        ul#menuTop3 li a:hover {
            color: #FFF;
        }

#menuTop3 li {
    list-style: none;
    float: left;
}

    #menuTop3 li a {
        display: block;
    }

    #menuTop3 li ul {
        display: none;
        width: 140px;
        float: right;
        font-size: 13px;
        color: #FFF;
        line-height: 30px;
        position: relative;
        right: 0;
        top: 35px;
        z-index: 1;
        background: #000;
        background: -webkit-linear-gradient(#000, #000);
        background: linear-gradient(#000, #000);
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-align: right;
    }

#menuTop3 ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 100px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
}

#menuTop3 li ul li a {
    color: #FFF;
    padding-right: 10px;
}

#menuTop3 li.hover ul,
#menuTop3 li:hover ul {
    display: block;
    position: absolute;
    color: #FFF;
    margin: 0;
    padding: 0;
}

#menuTop3 li.hover li,
#menuTop3 li:hover li {
    float: none;
}

.MSGTopUserLeftsmall {
    display: none!important;
    visibility: hidden!important;
}

.MSGTopLogoLeftsmall {
    display: block!important;
    visibility: visible!important;
}

.MSGTopLogoLeft {
    position: relative;
    display: none;
    float: left;
    vertical-align: middle;
    line-height: 30px;
}

.infoFlash {
    font-size: 22px;
    font-weight: 400!important;
}

.infoFlash1 {
    font-size: 18px;
    color: #CCC;
}

.nameDividerGourmet {
    font-size: 22px;
    font-weight: 400!important;
}

.nameDividerGourmet1 {
    font-size: 18px;
    color: #CCC;
}

.namecampanha {
    font-size: 22px;
    font-weight: 400!important;
}

.timecampanha {
    color: #ccc;
    font-size: 18px;
    font-family: DINFontBold, Arial, Helvetica, sans-serif;
}

.cookies_container {
    position: fixed;
    width: 160px;
    background-color: rgba(0, 0, 0, .85);
    bottom: 30px;
    right: 30px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    padding: 8px 21px;
    margin: 0;
    z-index: 10100!important;
}

    .cookies_container p {
        font-family: "helvetica neue", helvetica, arial, sans-serif;
        font-size: 0.688em;
        color: #fff;
        margin: 0;
    }

    .cookies_container a {
        color: #fff;
        text-decoration: underline;
    }

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
}

a.cookies_button {
    margin: 10px auto 0;
    width: 40px;
    display: block;
    border: 0;
    border-radius: 3px;
    color: #fff;
    /*font-size: 12px;*/
    font-size: 0.750em;
    height: 20px;
    line-height: 20px;
    padding: 0 30px;
}

ul#menu2 li ul li ul li a:hover {
    color: #fff;
}

.infonewsletter {
    font-size: 18px;
}

/* Smartphones (portrait and landscape) ����
@media only screen and (max-device-width : 1200px) {
     */
/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width : 568px) {
    img {
        max-width: 100%;
        max-height: 70% !important;
    }
	
	
	#footerCronicaVideo{
        width: 100% !important;
		height: auto !important;
    }
	#divCronicaVideo{
        width: 100% !important;
				height: auto !important;
    }
	#bannerRightVideo{
        width: 100% !important;
				height: auto !important;
    }
	#bannerRightVideo img{
        width: 100% !important;
				height: auto !important;
    }
	#PlayImage{
		width:100% !important;
		height: 100% !important;
       background-size:20%;
    }
		
	#div_TitleVideo{
        width: 94% !important;
			height: auto !important;
			padding-left: 10px;
    }
		#div_TitleVideo1{
        width: 94% !important;
			height: auto !important;
			padding-left: 10px;
    }
	.namecampanha{
        width: 94% !important;
			height: auto !important;
			white-space: normal !important;
    }
	#descVideo{
        width: 94% !important;
			height: auto !important;
			padding-left: 10px;
    }
	#div_ImageVideo{
	padding-top:10px;
        width: 100% !important;
			height: auto !important;
    }
	.bannerTopRVideo{
	
        width: 100% !important;
			height: auto !important;
    }
	
	#bannerRightVideo table,td{
	
        width: 100% !important;
			height: auto !important;
			text-align:center;
    }
	#bannerRightVideo{
	
        width: 100% !important;
			height: auto !important;
    }

    .inner {
        vertical-align: bottom;
        bottom: 45px;
        position: relative;
    }

    .namecampanha {
        line-height: 1em;
        font-size: 1.1em;
    }

    .timecampanha {
        line-height: 1em;
        font-size: 1.0em;
    }

    .productTitle {
        font-size: 1.5em;
        line-height: 1em;
        float: left;
    }

    .productCasta {
        font-size: 1.5em;
        line-height: 1em;
    }

    .productSmallDesc {
        height: auto;
        font-size: 0.8em;
        line-height: 1.2em;
    }
    /* Styles */
    #barTopCenter {
        width: 100%;
        font-size: 0.5em;
    }

    #topflash {
        float: left;
    }

    #barTop {
        display: table;
        min-width: 100% !important;
    }

    #overlogo {
        min-width: 100% !important;
    }

    #header {
        width: 100% !important;
    }

    #logo {
        width: 100%;
    }

    #navCenter {
        /*width: 100%;*/
        width: auto;
        right: 5px;
        top: 15px;
    }

    #headerout {
        height: 57px !important;
        min-height: 57px !important;
    }

    #header {
        height: 57px !important;
        min-height: 57px !important;
    }

    #topflash {
        height: 66px !important;
        min-height: 97px !important;
    }

    #overlogo {
        max-height: 66px !important;
    }

    .MSGTopUserLeft {
        width: 49%;
        padding-left: 1%;
        height: 30px;
        display:none;
    }

    .centersliderDestaque {
        min-width: 100% !important;
    }

    #main {
        width: 100%;
    }

    #contentbox {
        width: 100%;
    }

    #mainbox {
        width: 100%;
    }

    .listProduct {
        width: 100%;
        margin-left: 2%;
    }

    .div_Prod {
        width: 95%;
        height: auto;
    }

    .productTitle {
        width: 100%;
        margin-left: 10px;
    }

    .productCasta {
        width: 100%;
        margin-left: 10px;
    }

    .productFamily {
        width: 100%;
        font-size: 1em;
        margin-left: 10px;
    }


    .divInfoQuantaty {
        width: 65%;
        top: 80%;
        font-size: 0.8em;
        line-height: 1em;
    }

    .infocampanhaSize2 {
        font-size: 0.7em;
        line-height: 1em;
    }

    .divInfoCampanha {
        width: 60%;
        left: 20%;
        top: 61%;
        font-size: 1em;
        line-height: 1.5em;
        height: auto;
    }

    .divPrice {
        font-size: 1.8em;
        line-height: 1.5em;
        top: 35px;
        left: -24px;
    }


    .infoTagsDiscont {
        position: relative;
        width: 309px;
        height: 110px;
        background-size: 50%;
        float: left;
        top: 0px;
        left: 40px;
        background-repeat: no-repeat;
        z-index: 5;
    }
	


    .divPriceOld {
        top: 0px;
        position: relative;
        font-size: 1em;
        line-height: 1.5em;
        left: 16px;
        top: 5px;
    }

    .divLabelAntes {
        top: 7px;
        left: 3px;
        font-size: 0.7em;
    }

    .overpriceOld {
        background-size: 60%;
        top: -5px;
    }

    .infoTagsNotDiscont {
		position: relative;
        width: 309px;
        height: 110px;
        background-size: 50%;
        float: left;
        top: 0px;
        left: 40px;
        background-repeat: no-repeat;
        z-index: 5;
    }


    .listPortesGratis {
        width: 20%;
        display: none;
    }

    .productSmallDesc {
        width: 70%;
        margin-left: 10px;
    }

    .imageProduct {
        width: 30%;
        height: 100%;
    }

    .divDiscont {
        top: 18px;
        left: 94px;
        line-height: 1.5em;
        font-size: 0.9em;
    }

    #divCronica {
        width: 100%;
        height: 100%;
    }

    #div_ImageCronica {
        width: 100%;
        height: 100%;
    }

    #div_textCronica {
        margin-left: 10px;
        width: 94%;
        height: 100%;
    }

    #div_TitleCronica {
        width: 100%;
        height: 100%;
        font-size: 1.5em;
        line-height: 1em;
    }

    #div_TitleCronica1 {
        width: 100%;
        height: 100%;
        font-size: 1.0em;
        line-height: 1.2em;
    }

    #div_InfoCronica {
        width: 100%;
        height: 100%;
        font-size: 0.8em;
        line-height: 1.5em;
    }

    #signature {
        width: 100%;
        height: 100%;
        font-size: 1em;
        line-height: 1em;
    }

    #pubFlashFotter {
        width: 100%;
        height: 100%;
        font-size: 2em;
        line-height: 1em;
    }

    #pubImage {
        width: 100%;
        height: 100%;
    }

    #pubContactRigth {
        width: 100%;
    }

    .flexslider {
        margin: 0 0 0px;
    }

    #imgNewslPub {
        width: 100%;
        height: 100%;
        display: table;
    }

    #textNewslPub {
        width: 90%;
        height: 100%;
        font-size: 0.6em;
        padding-bottom: 25px;
    }

    .lbPubnewsletter {
        width: 10%;
        font-size: 0.6em;
        float: none;
    }

    .txtPubnewsletter {
        width: 90%;
    }

    #footer {
        font-size: 1.0em;
        min-width: 100% !important;
        max-height: 100% !important;
    }

    #pubContactRigth {
        height: auto;
    }

    #footercntmain {
        padding-left: 2%;
        width: 98%;
        top: 0px;
        height: auto;
        line-height: 1.8em;
        padding-top: 25px;
    }

    .boxNewsletterPub {
        width: 70%;
    }

    #textContactPub {
        font-size: 0.6em;
    }


    #infofooter2 {
        width: 40%;
        height: 100%;
    }

    #infofooter1 {
        width: 60%;
        height: 100px;
    }

    #infofooter3 {
        width: 60%;
        height: 100%;
    }

    #infofooter4 {
        width: 40%;
        height: auto;
    }

    #infofooter6 {
        top: 20px;
        width: 50%;
        height: 100%;
        padding-left: 1%;
        float: left;
    }

    #infofooter5 {
        height: 100%;
        width: 40%;
        padding-top: 20px;
        left: 25px;
    }

    #div_RedesSociais {
        text-align: left;
        height: auto;
    }



    #footercntcopy {
        padding-right: 0px;
        height: auto;
        float: right;
        padding-top: 24px;
        padding-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    #footercnttp {
        margin-right: 10%;
        width: auto;
    }

    #menu-icon {
        display: inline-block;
    }

    #menu-icon {
        display: none;
        width: 30px;
        height: 30px;
        background: #333333 url(../images/menu-icon.png) center;
        background-size: 30px;
    }

    a:hover#menu-icon {
        background-color: #444;
        /*border-radius: 4px 4px 0 0;*/
    }

    #menu-icon {
        display: inline-block;
    }

    ul#menu2 {
        font-size: 1.0em;
        width: auto;
        height: auto;
        line-height: 0.8em;
    }

    .MenuLeft {
        padding: 0px 0px 0px 20px;
    }

        .MenuLeft ul, MenuLeft:active ul {
            display: none;
            position: absolute;
            padding: 20px;
            background: #fff;
            right: 0px;
        }

        .MenuLeft li {
            text-align: center;
            width: auto;
            padding: 10px 0;
            margin: 0;
        }

        .MenuLeft:hover ul {
            display: block;
        }

        .MenuLeft li ul li {
            text-align: center;
            width: auto;
            padding: 10px 0;
            margin: 0;
        }

    ul#menu3 {
        height: auto;
        line-height: 1em;
        font-size: 1em;
        top: 90px;
    }

    ul#menu2 li ul li {
        margin-right: 15px;
        margin-left: 15px;
    }

    ul#menu2 li {
        float: none;
        display: block;
        text-align: left;
    }

    .PanelMenuTop {
        display: none;
    }

    #PanelNewsletterAll {
        display: none;
    }

    .PanelMenuTopsmall, .MenuRigth, .PanelNewsletterAll, .PanelMenuTop {
        display: none;
    }

    #carrinho {
        margin-left: 5px;
        padding-right: 5%;
    }

    #header input[type=image] {
        margin: 0!important;
        border: 0!important;
        max-width: 100%;
        height: auto;
    }

    #menu3 li ul {
        width: 100%;
        line-height: 1em;
        font-size: 1em;
        top: auto;
    }

	.MSGTopLogoLeftsmall{
		top:5px;
		width: 30%;
	}
    .MSGTopUserRigth {
        width: 70%;
        font-size: 1.8em !important;
    }

    #detailtxt1 {
        left: 10px;
        font-size: 1em !important;
        width: 95%;
        line-height: 1.5em !important;
    }

    .infobuyProdut {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
    }

    .imgproduto {
        position: relative;
        height: 100%;
        max-height: 100%;
        min-height: 100%;
        top: 0px;
        width: 100%;
        float: left;
        z-index: 2;
    }

    .MoreInfoProdut {
        width: 95%;
        left: 10px;
    }

    .MoreInfoProdutLeft {
        width: 100%;
    }

    .dividerPortes {
        width: 100%;
    }

    .PartilhaSociais {
        width: 100%;
    }

    .imagesdetailbottom {
        text-align: center;
        width: 100%;
    }

    .infoprice {
        left: 0px;
    }

    .shopadd {
        width: auto;
        left: -10px;
        float: none;
    }

    #div_MrGourmetDatalist {
        width: 100%;
        height: 100%;
        display: table;
    }

    #div_LeftMrGourmet {
        display: table-footer-group;
        float: none;
        width: 100%;
        font-size: 1em;
    }

    .div_CenterMrGourmetNameCat {
        width: 95%;
        height: 100%;
    }

    #div_MrGourmet {
        width: 100%;
        margin: 10px;
        padding: 0px;
    }

    #div_CenterMrGourmetDesc {
        width: 95%;
        font-size: 0.7em;
        line-height: 1.2em;
    }

    #div_CenterMrGourmetMoreImages {
        width: 95%;
        height: 100%;
    }

    #div_CenterMrGourmet {
        display: table-header-group;
        float: none;
        width: 100%;
        font-size: 1.5em;
    }

    .div_LeftMrGourmetImage {
        width: 19%;
        margin-right: 1%;
    }

    #div_LeftMrGourmetName {
        float: none;
        width: 75%;
        margin-top: 0px;
        font-size: 1em;
    }

    #div_LeftMrGourmetBrevDesc {
        float: none;
        width: 75%;
        font-size: 0.8em;
    }

    #div_RigthMrGourmet {
        width: 95%;
        margin-left: 0px;
        margin-top: 20px;
        font-size: 1em;
    }

    .classDivLinkMrGourmet {
        width: 40%;
    }

    #div_CenterMrSommelier {
        display: table-header-group;
        float: none;
        width: 100%;
        font-size: 1.5em;
    }

    #div_CenterMrSommelierDesc {
        width: 100%;
    }

    .div_CenterMrSommelierVideoImage {
        width: 95%;
    }

    .video-js {
        margin: 0 auto;
    }

    .btnsCheckout {
        font-size: 1.0em;
    }

    .txt_cesto, .titGridsCheckout {
        font-size: 0.8em;
    }

    .label_InfoPagamentocesto {
        font-size: 0.8em;
    }

    .infoLabelPortesCheckout {
        left: 75px;
        top: 24px;
    }

    .smallcesto {
        width: 24px !important;
        height: auto !important;
        font-size: 0.85em;
        line-height: 0.85em;
        vertical-align: middle;
        margin-bottom: 3px !important;
    }

    .btupdownCheckout {
        width: 38px;
        height: auto;
    }

    #btup {
        Width: 50px;
    }

    .UpBTDownChekout1, .UpBTDownChekout {
        width: 28px !important;
    }

    .voucher, .voucherlabel {
        width: auto;
        font-size: 0.8em;
    }

    .button {
        white-space: nowrap;
    }

    .fieldsMoradas, .txt_FormObs {
        font-size: 0.8em;
    }

    .txt_Totais {
        font-size: 0.85em;
    }

    .txt_Totais1 {
        font-size: 0.85em;
    }

    .label_cestoInfoP4 {
        font-size: 0.85em;
    }

    .cookies_container {
        width: 90%;
        font-size: 1.5em;
        right: 0px;
        left: 0px;
        padding: 5%;
    }

        .cookies_container p {
            text-align: center;
        }

    a.cookies_button {
        width: 100%;
        text-align: center;
        padding: 0;
        font-size: 1em;
        line-height: 2em;
    }

    .contacliente2 {
        width: 100%;
    }

    .txt_cesto input[type="image"] {
        width: auto;
    }

    input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel], .boxNewsletterPub {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
        height: 100%;
        line-height: 1.5em;
        font-size: 0.6em;
        border: 1px solid #bbb;
        width: 100%;
    }

    #ctl00_ContentPlaceHolder1_quantidade {
        height: 50% !important;
        padding: 10px;
        width: 50% !important;
    }

    .voucher input[type=text] {
        height: 100%;
        line-height: 2.5em;
        font-size: 0.8em;
        border: 1px solid #bbb;
        width: 50%;
    }

    select {
        margin: 0;
        height: 100%;
        line-height: 1.5em;
        font-size: 1.063em;
        border: 1px solid #bbb;
    }

    #carrinho {
        width: auto;
    }

    .subAreasAccount {
        font-size: 1em;
    }

    .gridTablePaging {
        font-size: 1.75em;
    }

    #mainboxRecPWD {
        width: 90% !important;
        margin: 5%;
    }

    #mainboxNewsletter {
        width: 90% !important;
        margin: 5%;
    }


    #CloseNewsletter {
    }

    .divcontent, .divcontentInvers {
        width: 90%;
    }

    #CloseNewsletter, #closeLogin, #closeMSG, #closeNeswletter, #closeRecPWD {
        /*width: 100%;*/
        margin-top: 0px;
        margin-left: 0px;
    }

    #close, .closecontacto, .closeportes {
        margin-top: 0px;
        margin-left: 0px;
    }

    #ctl00_txtPostPass, #ctl00_txtPostLogin {
        font-size: 1.0em;
        width: 100% !important;
    }

    #Iframe3 {
        width: 93% !important;
    }

    .infonewsletter {
        font-size: 1em;
    }





    .slider {
        width: 100%;
        /*max-height: 550px;*/
        overflow-Y: scroll;
    }

    #mainboxMSG, #mainboxLogin, .mainboxcontacto {
        width: 90% !important;
        margin: 5%;
    }

    .divcontent {
        width: 90%;
    }

    .divcontentLogin {
        width: 90%;
    }

        .divcontentLogin td {
            font-size: 1.0em;
        }

    .recPWD, .recPWDLink {
        font-size: 1em;
    }

    .button.green {
        font-size: 1em;
    }



    .small {
        padding: 0px;
        width: 100%;
        height: 100%;
        font-size: 1.25em;
        line-height: 1.25em;
        vertical-align: middle;
    }

    .qtdivs {
        height: 40px;
        font-size: 2.5em;
        width: 70px;
    }

    .btadd {
        width: 100%;
        height: 46px;
        display: block;
        margin: 0 auto;
        /*background-color: #414042;*/
    }

    #footerCronica {
        min-height: 50px;
    }

    .nameDividerGourmet {
        line-height: 1em;
        font-size: 1.4em;
    }

    .nameDividerGourmet1 {
        line-height: 1em;
        font-size: 1.2em;
    }

    .infoFlash {
        line-height: 1em;
        font-size: 1.4em;
    }

    .infoFlash1 {
        line-height: 1em;
        font-size: 1.2em;
    }

    #content {
        visibility: hidden;
    }

    #infoIlhasCompras {
        width: 50%;
        height: 100%;
    }

    #InPartilhaSociais {
        width: 50%;
        height: 100%;
    }

    .btupdown {
        width: 40px;
    }

    input[type="image"] {
        width: 80%;
    }

    .overprice1 {
        height: 58px;
    }

    .video-js {
        width: 103px !important;
    }

    .flex-direction-nav a:before {
        font-size: 20px !important;
    }

    .imagesdetailbottom {
        height: auto;
    }

    div#imageContainerright {
        height: auto;
        line-height: 100%;
    }

    .detailcontainer {
        margin-top: 10px;
    }

    .divTitCheckout {
        height: auto;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .divcontentInvers td {
        font-size: 1.0em;
    }

    .contacliente2 td, .divcontent td, .divcontentInvers td, .divcontentLogin td {
        display: block;
        width: 100% !important;
    }

    #mainboxMSG .divcontentInvers td {
        display: table-cell !important;
    }

    .infobottom {
        font-size: 1em;
        display: table-cell !important;
    }

    #ctl00_txtPasswordRecover, #ctl00_txtNameNewsletter, #ctl00_txtMailNewsletter {
        font-size: 1.0em;
        width: 100% !important;
    }

    #ctl00_ContentPlaceHolder1_txtAcountNome, #ctl00_ContentPlaceHolder1_txtemail,
    #ctl00_ContentPlaceHolder1_txtlocalidade, #ctl00_ContentPlaceHolder1_txtcidade,
    #ctl00_ContentPlaceHolder1_txtUltimoNome {
        font-size: 1.0em;
        width: 100% !important;
    }

    #ctl00_ContentPlaceHolder1_txtNIF, #ctl00_ContentPlaceHolder1_txtmovel {
        font-size: 1.0em;
        width: 50% !important;
    }

    #ctl00_ContentPlaceHolder1_txtPassword, #ctl00_ContentPlaceHolder1_txtConfirmPWD {
        font-size: 1.0em;
        width: 80% !important;
    }

    #ctl00_ContentPlaceHolder1_txtAcountCPostal1 {
        font-size: 1.0em;
        width: 20% !important;
    }

    #ctl00_ContentPlaceHolder1_txtAcountCPostal2 {
        font-size: 1.0em;
        width: 10% !important;
    }

    .divTitAccount {
        padding-left: 5px;
    }

    .mob_hidden {
        visibility: hidden;
        display: none;
    }

    #mainboxregisto {
        width: 90% !important;
        margin: 5%;
        height: 50px;
    }

        #mainboxregisto .divcontentInvers {
            height: 300px;
            overflow: scroll;
        }

    #ctl00_dropCountry, #ctl00_txtPrimeiroNome, #ctl00_txtUltimoNome, #ctl00_txtlocalidade, #ctl00_txtemail, #ctl00_txtPassword, #ctl00_txtConfirmPWD {
        font-size: 1.0em;
        width: 100% !important;
    }

    #ctl00_txtcidade {
        font-size: 1.0em;
        width: 50% !important;
    }

    #ctl00_txtAcountCPostal1 {
        font-size: 1.0em;
        width: 20% !important;
    }

    #ctl00_txtAcountCPostal2 {
        font-size: 1.0em;
        width: 15% !important;
    }

    #ctl00_txtNIF, #ctl00_txtmovel {
        font-size: 1.0em;
        width: 50% !important;
    }

    #ctl00_ddlDia, #ctl00_ddlAno {
        font-size: 1.0em;
        width: 15% !important;
    }

    #ctl00_ddlMes {
        font-size: 1.0em;
        width: 25% !important;
    }

    .mobi_img img {
        max-width: 60%;
        max-height: 60% !important;
    }

    .mainboxportes {
        width: 90% !important;
        margin: 5%;
    }

    .divcontentPortes {
        width: 100% !important;
    }

    .frameMobi {
        height: 300px !important;
    }
    .frameMobiPortes {
        height: 280px !important;
    }

    .mainboxcontacto {
        min-height: 300px;
    }


    #mainboxregisto {
        min-height: 300px;
    }

  
    .mainboxportes {
        min-height: 300px;
    }
}

#infoAcount span {
        padding-left:5px;
    }