#mozscroll {
    position: absolute;
    top: 0px;
    bottom: -1px;
    visibility: hidden
}

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

html, body {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding-top: 0px;
}

/*********************************************/
.oculto {
    display: none;
}

    .oculto span {
        display: none;
    }

.geral {
    min-height: 100%;
    position: relative;
}

img, picture, video, embed, figure {
    max-width: 99.6%;
}
/*define a largura máxima em até 100%*/
#header {
    clear: both;
    background-color: #FFFFFF; /*background-color:#FFFFFF;#7a003c*/
    width: 100%;
    position: absolute;
    z-index: 2;
    /* background: url(imagens/background4.jpg) 0 0 repeat-x*/ /*no-repeat*/
    ;
}

@media only screen and (max-width:835px), only screen and (max-device-width:835px) {
    #header {
        height: auto;
        position: absolute;
    }
}

.center {
    margin: 0 auto;
    max-width: 1150px;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
}
/*largura máxima do layout*/ /*ajuste do layout à tela*/
@media only screen and (max-width:570px), only screen and (max-device-width:570px) {
    .center {
        margin: 0 auto;
        text-align: center;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }
}

    #logo h1 a {
    float: left;
    padding-top: 20px;
    padding-bottom: 15px;
    height: 120px; /*69+15*/
}

#apoios {
    text-align: center;
}

#logo h1 span {
    display: none;
}

@media only screen and (max-width:650px), only screen and (max-device-width:650px) {
    #logo h1 a {
        height: auto;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }
}

#packlogincarrinho {
    float: right;
    text-align: right;
}
@media only screen and (max-width:650px), only screen and (max-device-width:650px) {
    #packlogincarrinho {
        float: none;
        text-align: none;
    }
    #facebook {
        display:none;
    }
}

    @media only screen and (max-width:340px), only screen and (max-device-width:340px) {
        h1 a img {
            width: 96%;
            padding-left: 2%;
            padding-right: 2%;
        }
    }

    #idiomaregisto {
        float: right;
        text-align: right;
        padding-top: 9px; /*55px;*/
    }

    @media only screen and (max-width:650px), only screen and (max-device-width:650px) {
        #idiomaregisto {
            float: left;
            text-align: center;
            padding-top: 5px;
        }
    }

    #carrinhoimagem {
        float: right;
        text-align: right;
        padding-top: 9px; /*60px;*/
        padding-left: 15px;
    }

    @media only screen and (max-width:650px), only screen and (max-device-width:650px) {
        #carrinhoimagem {
            padding-top: 5px;
            text-align: center;
        }
    }

    #carrinho {
        float: right;
        text-align: left;
        padding-top: 9px; /*60px;*/
        padding-right: 8px;
    }

    @media only screen and (max-width:650px), only screen and (max-device-width:650px) {
        #carrinho {
            padding-top: 5px;
            text-align: center;
            padding-right: 0px;
        }
    }

    .textoboasvindas {
        color: #000000;
        font-size: 11px;
    }

    .topo_carrinho {
        text-transform: uppercase;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
    }

    .topo_carrinho1 {
        color: #000000;
        font-size: 12px;
    }

    .aumentaCarrinho a span {
        display: none;
        text-decoration: none;
        color: #000000;
        font-size: 12px;
    }

    .aumentaCarrinho a:hover span {
        display: block;
        z-index: 100;
        position: absolute;
        text-decoration: none;
        color: #000000;
        font-size: 12px;
        right: 10px;
        /*position: fixed; right: 0; width: 325px;*/
    }

    @media only screen and (max-width:1100px), only screen and (max-device-width:1100px) {
        .aumentaCarrinho a:hover span {
            display: block;
            z-index: 100;
            position: absolute;
            text-decoration: none;
            color: #000000;
            font-size: 12px;
            right: 10px;
            /*position: fixed; right: 0; width: 325px;*/
        }
    }

    .aumentaCarrinho a:visited {
        text-decoration: none;
        color: #000000;
        font-size: 12px;
    }

    .aumentaCarrinho a:link {
        text-decoration: none;
        color: #000000;
        font-size: 12px;
    }

    .aumentaCarrinho a:active {
        text-decoration: none;
        color: #000000;
        font-size: 12px;
    }

    .cart_resumo {
        left: 0px;
    }

    #menucima { /*background-color:#F2F2F2; width:100%;min-height:33px;padding: 5px 0px 0px 0px;*/
        min-height: 33px;
        clear: both;
        padding: 5px 0px 0px 0px;
        /* background:url(imagens/backmenu.jpg) 0 0 repeat-x;*/ /*min-width:950px;*/
        /*border-top:1px solid #ffffff;*/
        background-color: #7a003c;
    }

    @media screen and (max-width:755px) {
        #menucima {
            min-height: 58px;
            background-color: #7a003c;
        }
        /*background:url(imagens/backmenu.jpg) 0 0 repeat-x;*/
    }

    .menumenu {
        float: left;
    }

    #pesquisa {
        float: right;
        /*height:20px;*/
        text-align: right;
        width: 160px;
        /*border: 1px solid #C5C6CA;
	    background:#FFFFFF;*/ padding-top: 4px;
        padding-bottom: 5px;
    }

    @media screen and (max-width:990px) {
        .menumenu {
            float: none;
            text-align: center;
            font-size: 1.000em;
            color: #FFFFFF;
        }

        #pesquisa {
            float: none;
            text-align: center;
            margin: 0 auto;
        }
    }

    .pesquisa1, .autosuggest {
        width: 112px;
        /*padding: 8px 0px 5px 10px;*/
        background: transparent;
        /*height:20px;*/
        color: #ffffff;
        font-size: 12px;
        border: thin #ffffff;
    }

    .ui-widget-content {
        border: 1px solid #ffffff;
        background: #ffffff;
        color: #000000;
    }

        .ui-widget-content a {
            color: #000000;
        }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
        z-index: 99;
    }

    .ui-widget {
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
    }



    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: none;
    }

        .ui-menu .ui-menu {
            position: absolute;
        }

        .ui-menu .ui-menu-item {
            position: relative;
            margin: 0;
            padding: 2px 1em 1px .4em;
            cursor: pointer;
            min-height: 0;
        }

            .ui-menu .ui-menu-item:hover {
                background: #E2E2E2;
            }

    @media screen and (max-width:590px) {
        .menumenu {
            float: none;
            font-size: 1.000em;
            color: #FFFFFF;
        }

        #pesquisa {
            float: none;
            text-align: center;
            margin: 0 auto;
        }
    }
    /*#pesquisa input[type="image"]{padding-top:5px;}*/

    /***nav - menu de navegação***/
    nav {
        text-align: left; /*alinha os links à direita*/
        font-family: Trebuchet MS, sans-serif;
        font-size: 1.000em; /*16px;*/
        padding: 0px 0px;
        text-transform: Uppercase;
    }

    @media screen and (max-width:990px) {
        nav {
            text-align: center; /*alinha os links à direita*/
            font-family: Trebuchet MS, sans-serif;
            font-size: 1.000em; /*16px;*/
            padding: 0px 0px;
            text-transform: Uppercase;
        }
    }

    nav ul {
        list-style-type: none;
    }
    /*retira os marcadores da lista*/
    nav li {
        display: inline;
    }
    /*deixa o menu na horizontal*/
    nav ul li a {
        margin-right: 10px; /*espaço à direita de cada link do menu*/
        font-size: 1.000em; /*16px;*/
        display: inline-block;
        text-decoration: none;
        color: #ffffff;
        padding: 5px 10px;
    }

    nav ul li:nth-child(7) a {
        margin-right: 0px;
    }
    /*indica que o 5º elemento da lista (contato) terá a margem direita zerada*/
    nav a.ativo:link, nav a:hover {
        text-decoration: none;
        font-size: 1.000em; /*16px;*/
        display: inline-block;
        color: #000000;
        background-color: #FFFFFF;
        padding: 5px 10px;
    }

    .ativo {
        color: #000000;
        background-color: #FFFFFF;
        font-size: 1.000em; /*16px;*/
        text-decoration: none;
    }

    nav .show-menu {
       /* background: #000000;*/
        padding: 10px 0px;
        text-align: center;
        color: #FFFFFF;
        text-decoration: none;
        display: none;
    }

    nav input[type=checkbox] {
        display: none;
        -webkit-appearance: none;
    }

        nav input[type=checkbox]:checked ~ #menu {
            display: block;
        }

    @media only screen and (max-width:590px), only screen and (max-device-width:590px) {
        nav ul {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            position: absolute;
        }
            /*nav ul li a{color:#FFFFFF;}*/
            nav ul li a {
                margin-right: 0px; /*espaço à direita de cada link do menu*/
                font-size: 1.000em; /*16px;*/
                display: inline-block;
                text-decoration: none;
                color: #FFFFFF;
                padding: 5px 0px;
            }

        nav li {
            margin-right: 1px;
            float: left;
            display: inline-block;
        }

            nav li a {
                background: #7a003c;
                height: 50px;
                text-align: center;
                color: #FFFFFF;
                line-height: 50px;
                text-decoration: none;
                display: block;
                min-width: 140px;
            }

        nav a.ativo:link, nav a:hover {
            text-decoration: none;
            font-size: 1.000em; /*16px;*/
            display: inline-block;
            color: #000000;
            background-color: #FFFFFF;
            padding: 5px 0px;
        }

        nav li:hover a {
            background: #FFFFFF;
            color: #000000;
        }

        nav li:hover ul a {
            background: #FFFFFF;
            height: 40px;
            color: #000000;
            line-height: 40px;
        }

            nav li:hover ul a:hover {
                background: #FFFFFF;
                color: #000000;
            }

        nav li ul {
            display: none;
        }

            nav li ul li {
                float: none;
                display: block;
            }

                nav li ul li a {
                    padding: 0px 20px;
                    width: auto;
                    min-width: 100px;
                    color: #FFFFFF;
                }

        nav ul li a:hover + .hidden {
            display: block;
        }

        nav .hidden:hover {
            display: block;
        }

        /*@media screen and (max-width:760px)
		{*/
        nav ul {
            display: none;
            position: static;
        }

        nav li {
            margin-bottom: 1px;
        }

        nav ul li {
            width: 100%;
        }

        nav li a {
            width: 100%;
        }

        nav .show-menu {
            display: block;
        }
        /*}*/
    }

    /*para não ir para baixo do footer*/
    #conteudo {
        clear: both;
        padding-top: 193px; /*padding-top:153px;*/
        padding-bottom: 180px;
    }

    @media only screen and (max-width:980px), only screen and (max-device-width:980px) {
        #conteudo {
            padding-top: 210px;
        }
    }

    @media only screen and (max-width:720px), only screen and (max-device-width:720px) {
        #conteudo {
            padding-top: 240px;
        }
    }

    @media only screen and (max-width:655px), only screen and (max-device-width:655px) {
        #conteudo {
            padding-top: 260px;
        }
    }
    /*
	@media only screen and (max-width:575px), only screen and (max-device-width:575px){#conteudo{padding-top:200px;}}
	@media only screen and (max-width:340px), only screen and (max-device-width:340px){#conteudo{padding-top:200px;}}
        */
    /****** Corpo ******/
    div#meio {
        width: 100%; /*width:950px;*/ /*min-height:516px;/*998px;*/
        max-width: 1150px;
        margin: auto;
        padding-top: 15px;
    }

    @media only screen and (max-width:590px), only screen and (max-device-width:590px) {
        div#meio {
            padding: 10px 1% 0 1%;
            width: 98%;
        }
    }

    div#produtosdestaque {
        width: 100%;
        max-width: 1150px;
        margin: auto;
        padding-top: 15px;
    }

    /*PAGINA ARTIGOS*/
    div#ArtigosCompleto {
        text-align: left;
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
    }

    #artigosfiltros {
        float: left;
        margin-right: 20px;
        width: 190px;
    }

    @media screen and (max-width: 590px) {
        #artigosfiltros {
            float: none;
            margin-right: 0;
            width: auto;
        }
    }

    #artigos {
        overflow: hidden;
    }

    /*#produtosgrelha{margin: 0 auto;	width: 100%;}*/
    .produtos {
        margin: 0px 1% 0px 1%;
        width: 22.0%; /*width:30.66667%;*/
        display: inline-block;
        vertical-align: top;
        padding-bottom: 20px;
        text-align: center;
    }

    .produtoimagem {
        position: relative;
    }

    .produtoimagem1 {
        position: absolute;
        padding-left: 0px;
        bottom: 0;
        left: 0;
    }
    /*   filter:alpha(opacity=55); opacity:.55; color: #fff;*/
    @media only screen and (max-width:740px), only screen and (max-device-width:740px) {
        .produtos {
            margin: 0px 1% 0px 1%;
            width: 47%;
            display: inline-block;
        }
    }

    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .produtos {
            width: 98%;
        }
    }

    .produtos img {
        width: 100%;
    }

    .imagemgrelha /*conteudos*/ {
        margin: 0px 1% 0px 1%;
        width: 22.0%; /*width:30.66667%;*/ /*31.3333%;*/
        display: inline-block; /*float:left; funcionaria mal as quebras e desalinhava*/
        vertical-align: top;
        padding-bottom: 20px;
        text-align: center;
    }

    @media only screen and (max-width:768px), only screen and (max-device-width:768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) /*800px*/
    {
        .imagemgrelha {
            margin: 0px 1% 0px 1%;
            width: 47%;
            display: inline-block;
        }
    }
    /*48%*/
    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .imagemgrelha {
            width: 98%;
            text-align: center;
        }
    }

    .imagemgrelha1 {
        max-width: 100%;
        max-height: 160px;
        overflow: hidden;
    }

    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .imagemgrelha1 {
            max-width: 100%;
            max-height: 100%;
            overflow: hidden;
        }
    }
    /*.imagemgrelha1 img{width: auto;}*/

    /** MARCAS e INFOS **/
    /*div#marcas
{
	height:65px;
	width:950px;	
	margin:auto;		
}*/

    #Areas {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .areasmeio {
        margin: 0px 0.5% 0px 0.5%;
        width: 18.5%; /*width:23.5%;*/
        display: inline-block;
        vertical-align: top;
        /*padding-bottom:10px;*/
        text-align: left;
        overflow: hidden;
        position: relative;
    }

        .areasmeio:hover {
            background-color: white;
            -moz-opacity: .70;
            filter: alpha(opacity=70);
            opacity: .70;
        }

        .areasmeio img {
            width: 98%;
            border: solid 1px #7a003c;
        }

    .areasmeiotxt {
        color: #7a003c;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        /*  background-color: Black;
       position:absolute;*/
        bottom: 0px;
        left: 0px;
        /*padding-left:10px;*/
        padding: 5px 0px 5px 0px;
        /*  -moz-opacity:.70;
        filter:alpha(opacity=70);
        opacity:.70;*/
        width: 100%;
        display: block;
    }

    @media only screen and (max-width:690px), only screen and (max-device-width:690px) {
        .areasmeio {
            margin: 0px 1% 15px 1%;
            width: 47%;
            display: inline-block;
        }
    }

    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .areasmeio {
            width: 98%;
        }
    }

    @media only screen and (max-width:905px), only screen and (max-device-width:905px) {
        .areasmeio img {
            width: 98%;
        }
    }
    /***DETALHES***/
    #localizacaoredes {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    #localizacao {
        float: left;
    }

    #redes {
        float: right;
        text-align: left;
    }

    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        #localizacao {
            float: none;
            width: 100%;
            text-align: left;
        }

        #redes {
            float: none;
            width: 100%;
            text-align: left;
        }
    }

    #AreaImgDetalhes {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    #ImgDetalhes {
        float: left;
        width: 50%;
        padding-right: 5%;
        overflow: hidden;
    }


    .ImgDetalhesGrd {
        width: 100%;
        vertical-align: top;
    }

    .ImgDetalhesGrd1 img {
        width: 100%;
    }

    .ImgDetalhesGrd2 img {
        width: 100%;
    }

    .ImgDetalhesGrd1 {
        position: relative;
    }

    .ImgDetalhesGrd2 {
        position: absolute;
        padding-left: 0px;
        bottom: 0;
        left: 0;
    }


    #informacaoDetalhes {
        float: right;
        width: 44%;
    }

    .imagemdetalhe {
        /* border:solid #e0e0e0;
    border-width:1px;*/
        /*height:382px;/*498px;*/
        text-align: center;
    }

    @media only screen and (max-width:500px), only screen and (max-device-width:500px) {
        #ImgDetalhes {
            float: none;
            width: 100%;
        }

        #informacaoDetalhes {
            float: none;
            width: 100%;
        }
    }
    /*************/
    .moradas {
        margin: 0px 1% 0px 1%;
        width: 30.66667%;
        display: inline-block;
        vertical-align: top;
        padding-bottom: 0px;
        text-align: left;
    }

    @media only screen and (max-width:740px), only screen and (max-device-width:740px) {
        .moradas {
            margin: 0px 1% 0px 1%;
            width: 47%;
            display: inline-block;
        }
    }

    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .moradas {
            width: 98%;
        }
    }
    /******************************************************************************/
    /** Footer **/
    div#linhafooter {
        height: 2px;
        clear: both;
        background-color: #7a003c; /*background:url(imagens/background.png.jpg) 0 0 no-repeat;*/
    }

    footer {
        clear: both; /*limpa os floats anteriores, para este não ficar sobreposto*/
        margin: 0 auto;
        width: 100%;
        position: absolute;
        height: 165px;
        padding: 0px 0px;
        bottom: 0;
        background-color: #7a003c;
        /*max-width:950px;*/
    }
    /*@media only screen and (max-width:260px), only screen and (max-device-width:260px){footer{height:40px; }}*/

    div#footermeio {
        padding-top: 30px;
        background: #7a003c;
        max-width: 1150px;
        margin: auto;
        /**/
    }

    .botaonewsletter {
        color: #ffffff;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        cursor: pointer;
    }

    h2.linksTit {
        padding: 0px 0px 5px 0px;
        font-size: 0.750em;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
    }

    .linksac {
        margin: 0px 1% 0px 1%;
        width: 22.5%; /*30.66667%;*/
        display: inline-block; /*float:left; funcionaria mal as quebras e desalinhava*/
        vertical-align: top;
        padding-bottom: 10px;
        text-align: left;
    }

    @media only screen and (max-width:800px), only screen and (max-device-width:800px) {
        .linksac {
            margin: 0px 1% 0px 1%;
            width: 47%;
            display: inline-block;
        }
    }
    /*48%*/
    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .linksac, .linksac table, h2.linksTit {
            width: 98%;
            text-align: center;
        }
    }


    .linksac ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .linksac ul li {
            color: #ffffff;
            font-size: 0.875em;
            line-height: 0;
            font-family: Arial Narrow, Arial, sans-serif;
        }

            .linksac ul li a {
                color: #ffffff;
                font-weight: bold;
                font-size: 0.875em;
                text-decoration: none;
                line-height: 1.6;
            }

    .linksac il li a:hover {
        color: #ffffff;
        font-size: 0.875em;
        text-decoration: underline;
    }

    /** copyright **/
    .texto_rodape_links1 {
        padding-top: 60px;
        font-size: 0.688em;
        color: #FFFFFF;
        text-decoration: none;
        text-align: left;
    }

    @media only screen and (max-width:350px), only screen and (max-device-width:350px) {
        .texto_rodape_links1 {
            padding-top: 5px;
            text-align: center;
        }
    }

.texto_rodape_links1 a {
    font-size: 1.000em;
    color: #FFFFFF;
    text-decoration: none;
}
        /*font-size:1.000em; color:#000000;text-decoration:none;}*/
        .texto_rodape_links1 a:hover {
            font-size: 1.000em;
            color: #FFFFFF;
            text-decoration: underline;
        }
    /**********************************************************************************************/
    h2 {
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-weight: bold;
        font-size: 20px;
        color: #000000;
        text-align: left;
        text-transform: uppercase;
    }

        h2.titulopage {
            font-family: Arial Narrow, Arial, sans-serif;
            font-stretch: condensed;
            font-weight: bold;
            font-size: 20px;
            color: #000000;
            text-align: left;
            text-transform: uppercase;
            padding: 15px 0 15px 0;
        }

    .subtitulopage {
        /*height:225px;*/
        max-width: 1150px;
        margin: auto;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        background-color: #7a003c; /*E4E5E7;	*/
        min-height: 30px;
        line-height: 30px;
    }

    .subtitulopage1 {
        /*height:225px;*/
        max-width: 1150px;
        margin: auto;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        background-color: #7a003c; /*E4E5E7;	*/
        min-height: 30px;
        line-height: 30px;
    }

    h2 .anima {
        font-weight: bold;
        color: #000000;
        text-align: left;
    }

    h2.produto {
        font-weight: bold;
        color: #343434;
        text-align: left;
    }

    h2.produto1 {
        font-weight: bold;
        color: #000000;
        text-align: left;
        font-size: 18px;
    }

    h2.produtovermelho {
        font-weight: bold;
        color: #000000;
        text-align: left;
    }

    .titulosbrancos {
        color: #000000;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }

    .textoradios {
        color: #000000;
        font-size: 13px;
        line-height: 25px;
        /* text-align: justify;
    vertical-align: middle*/
    }

    .texto {
        color: #000000;
        font-size: 13px;
        text-align: justify;
        vertical-align: middle;
        line-height: 1.5em;
    }

    .textop {
        color: #000000;
        font-size: 11px;
        text-align: justify;
        vertical-align: middle;
        line-height: 1.5em;
    }

    .textob {
        color: #000000;
        font-size: 12px;
        text-align: justify;
        font-weight: bold;
    }

    .textoazul {
        color: #7a003c;
        font-size: 14px;
        text-align: center;
    }

    .textoc {
        color: #000000;
        font-size: 13px;
        text-align: center;
    }

    .textoc1 {
        color: #000000;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }

    .textor {
        color: #000000;
        font-size: 12px;
        text-align: right;
    }

    .textol {
        color: #000000;
        font-size: 12px;
        text-align: left;
    }

    .textol1 {
        color: #000000;
        font-size: 12px;
        text-align: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .textobrancos {
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
    }

    .textobrancosbuttonInact {
        color: Gray;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
    }

    .textobrancosbutton {
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        cursor: pointer;
    }

    #descriptionprice {
        background-color: #FFFFFF;
        text-align: center;
    }

    #description {
        text-align: center;
        padding-top: 5px;
    }

    #price {
        padding-bottom: 15px;
    }

    .precoproduto {
        color: #7a003c;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        /*font-size:16px; */
        font-size: 1.000em;
        font-weight: bold;
    }

    .precoprodutoriscado {
        color: red;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        /*font-size:14px;*/
        font-size: 0.875em;
        /*font-weight:bold; */
    }

    h2.linkproduto {
        color: #000000;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-size: 1.000em; /*16px;*/
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

        h2.linkproduto a {
            color: #000000;
            font-family: Arial Narrow, Arial, sans-serif;
            font-stretch: condensed;
            font-size: 1.000em; /*16px;*/
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            text-align: center;
        }

            h2.linkproduto a:hover {
                color: #000000;
                font-family: Arial Narrow, Arial, sans-serif;
                font-stretch: condensed;
                font-size: 1.000em; /*16px;*/
                /*font-weight:bold;   */
                text-decoration: none;
                text-transform: uppercase;
                text-align: center;
            }

    .linkproduto1 {
        color: #000000;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-size: 12px;
        /* font-weight:bold;   */
        text-decoration: none;
        text-transform: uppercase;
    }

        .linkproduto1 a {
            color: #000000;
            font-family: Arial Narrow, Arial, sans-serif;
            font-stretch: condensed;
            font-size: 12px;
            /*font-weight:bold;  */
            text-decoration: none;
            text-transform: uppercase;
        }

            .linkproduto1 a:hover {
                color: #000000;
                font-family: Arial Narrow, Arial, sans-serif;
                font-stretch: condensed;
                font-size: 12px;
                /*font-weight:bold;   */
                text-decoration: none;
                text-transform: uppercase;
            }

    .linksetas a {
        color: #000000;
    }

        .linksetas a:hover {
            color: #000000;
        }


    .erro {
        color: red;
        font-size: 11px;
        text-align: justify;
    }

    .errob {
        color: red;
        font-size: 14px;
        text-align: justify;
        font-weight: bold;
    }
    /*hyperlinks no login*/
    .link {
        color: #000000; /*FA9A04;*/
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-size: 14px;
    }

        .link:link {
            color: #000000 /*FA9A04*/
        }

        .link:visited {
            color: #000000 /*FA9A04*/
        }

        .link:hover {
            color: #000000
        }


    /*DETALHES*/
    .Submenu {
        color: #000000; /*FA9A04;*/
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-size: 14px;
    }

        .Submenu:link {
            color: #000000;
            text-decoration: none;
            text-transform: uppercase;
        }

        .Submenu:visited {
            color: #000000;
            text-decoration: none;
            text-transform: uppercase;
        }

        .Submenu:hover {
            color: #000000;
            text-decoration: underline;
            text-transform: uppercase;
        }

    /*ANEXO*/
    .anexo {
        color: #000000; /*FA9A04;*/
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-size: 12px;
    }

        .anexo:link {
            color: #000000;
            text-decoration: none;
        }

        .anexo:visited {
            color: #000000;
            text-decoration: none;
        }

        .anexo:hover {
            color: #000000;
            text-decoration: underline;
        }

    .acessorios {
        color: #000000;
        height: 30px;
        /*padding-left:10px;*/
        text-transform: uppercase;
        text-align: left;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-weight: bold;
        font-size: 20px;
        border-bottom: 1px solid #e0e0e0;
    }


    /*
.imagemdetalhepeq
{
    border:solid #e0e0e0;
    border-width:1px;
    height:480px;
    padding-top:8px;
    background:#FAFAFA;  
}*/

    .textodetalhe {
        color: #000000;
        font-size: 12px;
        text-align: left;
        padding: 10px 0px 5px 0px;
    }

    .detalhelink1 {
        color: #000000;
        font-size: 12px;
        text-align: left;
        padding: 5px 0px 5px 0px;
    }

        .detalhelink1 a {
            color: #000000;
            font-size: 11px;
            text-align: left;
            padding: 5px 0px 5px 0px;
        }

            .detalhelink1 a:hover {
                color: #000000;
                font-size: 11px;
                text-align: left;
                padding: 5px 0px 5px 0px;
                text-decoration: none;
            }


    .textodetalheright {
        color: #000000;
        font-size: 12px;
        text-align: right;
        padding: 28px 0px 10px 0px;
    }

    .textoinfo {
        /*border: solid 1px #e0e0e0; */
        height: 187px;
        padding: 10px 8px 0px 8px;
        color: #000000;
        font-size: 12px;
        text-align: justify;
    }


    .botaotab a {
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-weight: bold;
        font-size: 14px;
    }

        .botaotab a:hover {
            font-family: Arial Narrow, Arial, sans-serif;
            font-stretch: condensed;
            font-weight: bold;
            font-size: 14px;
        }

    .botaocomprar {
        /* background-image: url('imagens/comprar.jpg'); 
    background-repeat:no-repeat;*/
        height: 31px;
        width: 138px;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        /*padding:2px 35px 0px 0px;*/
        /*padding-right:35px;*/
        vertical-align: bottom;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }

    .botaowishlist {
        height: 31px;
        width: 138px;
        text-align: center;
        color: #000000;
        text-decoration: none;
        text-transform: uppercase;
        /*padding:2px 35px 0px 0px;*/
        /*padding-right:35px;*/
        vertical-align: bottom;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        font-weight: bold;
        font-size: 12px;
        background: #FFFFFF;
        cursor: pointer;
    }

    .botaovoltar {
        /*background-image: url('imagens/voltar.jpg'); */
        background-repeat: no-repeat;
        height: 31px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        width: 75px;
        color: #000000;
        font-size: 13px;
        font-family: Arial Narrow, Arial, sans-serif;
        font-stretch: condensed;
        background: #D6D6D6;
        cursor: pointer;
    }


    .precodetalhe {
        color: #7a003c;
        font-size: 1.000em; /*16px;*/
        font-weight: bold;
        text-align: left;
        padding: 20px 0px 0px 0px;
    }

    /*Categorias*/
    .cattitulobranco {
        background: #7a003c;
        height: 25px;
        padding-left: 5px; /*8px;*/
        padding-top: 2px; /*8px;*/
        text-transform: uppercase;
        color: #ffffff;
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        line-height: 25px; /*permite alinhar ao centro da div*/
    }

    .cattitulobranco1 {
        background: #E4E5E7;
        height: 25px;
        padding-left: 5px; /*8px;*/
        text-transform: uppercase;
        color: #000000;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
    }


    .catborder {
        /* border:solid #e0e0e0;*/
        /* border-top:solid #E4E5E7;
    border-width:1px;*/
        padding-top: 8px;
        padding-left: 5px; /*8px;*/
        padding-bottom: 8px;
        background: #FFFFFF;
        text-align: left;
        color: #000000;
        font-size: 12px;
        text-align: justify;
    }

    .catborder1 {
        /* border:solid #e0e0e0;*/
        border-top: solid #E4E5E7;
        border-width: 1px;
        padding-top: 8px;
        /*padding-left: 5px;/*8px;*/
        padding-bottom: 8px;
        background: #FFFFFF;
        text-align: left;
        color: #000000;
        font-size: 12px;
        text-align: justify;
    }

    .cat {
        text-align: left;
        color: #000000;
        font-size: 14px;
        /*text-align: justify;
    text-transform:lowercase;*/
        line-height: 25px;
    }

        .cat a {
            color: #000000;
            text-decoration: none;
        }
            /*text-transform: capitalize*/
            .cat a:hover {
                color: #000000;
                text-decoration: underline;
            }
    /*text-transform: capitalize*/

    .RemoverFiltro {
        text-align: right;
    }

    .dropdownlist1 {
        border: solid #e0e0e0;
        border-width: 1px;
        padding: 1px 1px 1px 1px;
        width: 150px;
        height: 25px;
    }

    .dropdownlist {
        border: solid #e0e0e0;
        border-width: 1px;
        padding: 1px 1px 1px 1px;
        width: 90%; /*170px;  */
        height: 25px;
        background: #F4F4F4;
    }

    .dropdownlist2 {
        border: solid #808080;
        border-width: 1px;
        padding: 1px 1px 1px 1px;
        width: 150px;
        height: 25px;
    }

    .dropdownlistpeq {
        border: solid #e0e0e0;
        border-width: 1px;
        padding: 1px 1px 1px 1px;
        width: 50px;
        height: 25px;
    }

    .caixatexto {
        height: 22px;
        /*padding-left:5px;*/
        background: #F4F4F4;
        border: 1px solid #dddddd;
    }
    /*@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.caixatexto
{
    height:32px;
	    background: #F4F4F4;
	    border: 1px solid #dddddd;
}}*/

    textarea {
        background: #F4F4F4;
        border: 1px solid #dddddd;
    }

    .linkcarrinho, .linkcarrinho a, .linkcarrinho a:hover, .linkcarrinho a:visited {
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
        color: #000000;
        line-height: 22px;
        padding-left: 4px;
    }

    .refcarrinho {
        font-size: 12px;
        color: #000000;
        line-height: 22px;
        padding-left: 4px;
    }
    /*
float:right;
	    text-align:right;
	    width:160px;
	    background:#FFFFFF;
    }
    .pesquisa1 
    {
	    width:112px;	
	    background: transparent;
	    color:#000000;
	    font-size:12px;
*/

    .cattitulovermelho {
        height: 25px;
        text-transform: uppercase;
        color: #d40114;
        text-align: left;
        font-size: 11px;
        font-weight: bold;
    }

    .catlink1 {
        color: #000000;
        font-size: 11px;
        text-align: left;
        padding: 4px 8px 4px 0px;
    }

    .aumentaIMG a span {
        display: none;
    }

    .aumentaIMG a:hover span {
        background: transparent;
        display: block;
        position: absolute;
        z-index: 100;
    }

        .aumentaIMG a:hover span img {
            background: #8D6F4A;
        }

    .aumentaIMG a:hover em {
        z-index: 1;
        display: none;
    }

    .aumentaIMG a img {
        border: #000 1px solid;
    }

    .aumentaIMG a:hover img {
        border: #000 1px solid;
    }



    #pluginfacebook {
        max-width: 1150px;
        min-width: 180px;
        text-align: center;
    }
    /*	@media only screen and (max-width:400px), only screen and (max-device-width:400px)
		{
		    #pluginfacebook{width:180px;text-align:center;}
		}*/


    /***************************************************/
    /** Divisoes **/
    div#separalinha {
        clear: both;
        height: 20px;
    }

    @media only screen and (max-width:540px), only screen and (max-device-width:540px) {
        div#separalinha {
            clear: both;
            display: none;
        }
    }
    /*div#separalinha1{clear:both;background:#000000;height:1px;}
div#separalinha2{clear:both;height:8px;}
div#separalinha3{clear:both;height:6px;}
div#separalinha4{clear:both;background:#000000;height:1px;}*/
    div#separalinha5 {
        clear: both;
        height: 35px;
    }

    div#linha0 {
        height: 15px;
        clear: both;
    }

    div#linha {
        height: 10px;
        clear: both;
    }

    div#linha1 {
        background: #000000;
        height: 12px;
        clear: both;
    }

    div#linha2 {
        height: 35px;
        clear: both;
    }

    div#linha3 {
        height: 20px;
        clear: both;
    }
    /*
div#linha4{height:20px;clear:both;}
div#linha5{height:20px;clear:both;}

*/


    .linhabranca15 {
        height: 15px;
        clear: both;
    }

    .linhabranca5 {
        height: 5px;
        clear: both;
    }



    /*****admin******/
    /*menuadmin*/
    div#topo_links1 ul {
        list-style-type: none;
    }
    /*padding: 0px;	margin: 0px;*/
    div#topo_links1 li {
        color: #000000; /*#039bcd;*/
        display: inline;
        font-size: 12px;
    }

        div#topo_links1 li a {
            color: #000000; /*#039bcd;*/
            font-size: 12px;
            text-decoration: none;
        }

            div#topo_links1 li a:hover {
                color: #000000; /*#039bcd;*/
                font-size: 12px;
                text-decoration: underline;
            }

    div#corpo {
        min-height: 516px; /*998px;*/
        width: 1150px;
        margin: auto;
        padding-top: 15px;
    }

    div#corpo1 {
        background: #FFFFFF;
        min-height: 500px; /*982px;*/
        width: 1150px;
    }
    /*****fim admin******/
    /**CARRINHO LATERAL**/
    @import url('http://fonts.googleapis.com/css?family=Bitter&subset=latin');
    /*body {   webkit adjacent sibling bug fix 
  -webkit-animation: bugfix infinite 1s; 
}*/

    @-webkit-keyframes bugfix {
        from {
            padding: 0;
        }

        to {
            padding: 0;
        }
    }

    /*#carrinholateral {
    padding-top: 7px;
    padding-left: 15px;
}

@media only screen and (max-width:650px), only screen and (max-device-width:650px) {
    #carrinhoimagem {
        padding-top: 7px;
        text-align: center;
    }
}
.aumentaCarrinho a span {
    display: none;
    text-decoration: none;
    color: #222;
    font-size: 12px;
}*/

    label#sidemenutoggler { /* Main label icon to toggle menu state */
        z-index: 100;
        display: block;
        position: fixed; /*absolute*/
        /*font-size: 10px;  change font size to change label dimensions. Leave width/height below alone */
        width: 30px; /*3.5em;*/
        height: 30px; /*2em;*/
        top: 420px;
        right: 0;
        /*background: white;*/
        text-indent: -1000px;
        /*border: 0.6em solid black;*/ /* border color */
        background: url(imagens/carrinho1.jpg);
        border-width: /*0.6em*/ 0;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; /* transition for animating label */
    }

        label#sidemenutoggler::before,
        label#sidemenutoggler::after {
            /* inner stripes inside label */
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 30px; /*2em;*/
            top: 50%;
            margin-top: -0.3em;
            left: 0;
            /* background: black;  stripes background color. Change to match border color of parent label above */
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; /* transition for flipping label */
        }

    #sidemenucheckbox:checked ~ label#sidemenutoggler { /* state of main menu label when menu is open  */
        border-color: transparent;
    }

        #sidemenucheckbox:checked ~ label#sidemenutoggler::before { /* state of main menu label::before when menu is open  */
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #sidemenucheckbox:checked ~ label#sidemenutoggler::after {
            /* state of main menu label::after when menu is open  */
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    #sidemenucheckbox { /* main side bar menu style */
        display: none;
    }

    #rightsidemenu {
        position: fixed;
        top: 0;
        right: 0;
        width: 200px; /*250 width of menu */
        height: 100%;
        background: #fff; /* background of menu */
        /* font: bold 1em 'Bitter', sans-serif;*/ /* Use google custom fonts for this menu */
        z-index: 1001;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        visibility: hidden;
        box-shadow: 5px 0 10px rgba(0,0,0,.2);
        -webkit-transform: translate3d(100%,0,0) rotate(-20deg); /* offset and rotate menu. Remove rotate() if desired */
        transform: translate3d(100%,0,0) rotate(-20deg);
        color: #222;
        font-size: 12px;
    }

        #rightsidemenu a {
            color: #222;
            font-size: 12px;
        }

            #rightsidemenu a:hover {
                color: #222;
                font-size: 12px;
                text-decoration: none;
            }

    /*
#rightsidemenu a{
	text-decoration: none;
  color: black;
  text-transform: uppercase;
}
#rightsidemenu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
	text-align: center;
  font-size: 1.5em;
  -webkit-transform: translate3d(0,-20%,0); -- move UL upwards slightly, so it slides down menu opened 
  transform: translate3d(0,-20%,0);
  opacity: 0;
}
#rightsidemenu ul li{
}
#rightsidemenu ul li a{
  padding: 30px 10px;
  display: block;
}
#rightsidemenu ul li a:hover{
  background: #F7AC6A;
  transition: all 0.5s;
  
}*/
    .overlay {
        content: '';
        position: fixed;
        visibility: hidden;
        width: 100%;
        height: 100%;
        background: gray;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 1000;
        -webkit-transition: opacity .3s, visibility 0s .3s;
        transition: opacity .3s, visibility 0s .3s;
    }

        .overlay label {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
        }

    #rightsidemenu label#closex { /* Large x close button inside nav */
        width: 50px;
        height: 50px;
        overflow: hidden;
        display: block;
        position: absolute;
        cursor: pointer;
        text-indent: -1000px;
        z-index: 10;
        top: 0;
        left: 5px;
    }

        #rightsidemenu label#closex::before,
        #rightsidemenu label#closex::after { /* render large cross inside close button */
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 6px;
            background: black;
            top: 50%;
            margin-top: -3px;
            -ms-transform: rotate(-40deg);
            -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
        }

        #rightsidemenu label#closex::after { /* render large cross inside close button */
            -ms-transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
        }

    #sidemenucheckbox:checked ~ #rightsidemenu {
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
    }
    /*#sidemenucheckbox:checked ~ #rightsidemenu ul{
  -webkit-transform: translate3d(0,50px,0); -- shift menu downwards when revealed 
  transform: translate3d(0,50px,0);
  opacity: 1;
  -webkit-transition: opacity 1s .5s, -webkit-transform 1s .5s;
  transition: opacity 1s .5s, transform 1s .5s;
}*/
    #sidemenucheckbox:checked ~ .overlay {
        opacity: .8;
        visibility: visible;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    /*<!--[if lte IE 8]>
	// IE8 specific CSS 
	#rightsidemenu label#closex{
		position: static;
		width: auto;
		text-align: center;
		font-size: 2em;
		text-indent: 0;
	}
    <![endif]-->*/