@font-face {font-family: 'proxima_nova_rgbold';src: url('fonts/proximanova-bold-webfont.woff2') format('woff2'), url('fonts/proximanova-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'proxima_novalight';src: url('fonts/proximanova-light-webfont.woff2') format('woff2'), url('fonts/proximanova-light-webfont.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face {font-family: 'proxima_nova_rgregular'; src: url('fonts/proximanova-regular-webfont.woff2') format('woff2'), url('fonts/proximanova-regular-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'vidaloka_regular';src: url('fonts/vidaloka-regular-webfont.woff2') format('woff2'), url('fonts/vidaloka-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'RecifeText-Regular';
    src: url('fonts/RecifeText-Regular.ttf') format('ttf');
}
@font-face {
    font-family: 'HindSiliguri';
    src: url('fonts/HindSiliguri-Regular.ttf') format('ttf');
}

* { outline: none !important; outline-color: transparent !important; outline-style: none !important; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
* { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input, textarea { -webkit-user-select: auto !important; -khtml-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; }
html, body{ padding:0px; margin:0px; height:100%; background:#FFF; font-family:'vidaloka_regular';overflow:hidden}
body{ background-image:url(../img/intro.png);}

.clear{clear:both;content:"";line-height:0}


.logo-text{
    font-family: RecifeText-Regular;
    font-size: 50px;
    color:#fff;
    text-align: center
}

#overlay-login{
    background:#FFF;
    transition: 1s 0.4s;
    background-image:url(../img/intro.png);
    background-size:cover;
    display:none;
    height:100%
}
#overlay{
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:999999;
    background-image:url(../img/intro.png);
    background-size:cover;
    transition: 1s 0.4s;
}
#progress{
    height:1px;
    background:#fff;
    position:absolute;
    width:0;
    top:50%;
    transition: 1s;
}
#progstat{
    font-size:0.7em;
    letter-spacing: 3px;
    position:absolute;
    top:50%;
    margin-top:-40px;
    width:100%;
    text-align:center;
    color:#fff;
}
.content_load {width:100%;min-height:100%;display:none;max-width:1352px;margin:0 auto}

.points-wrap{width:100%; background:rgba(255, 255, 255, 0.3);z-index: 99999;overflow:hidden;position:fixed;display:none}
.filtros-right-wrap{width:100%; background:rgba(255, 255, 255, 0.8);z-index: 99999;overflow:hidden;position:fixed;display:none}
.filtros-right{width:300px;border:#a89e97 1px solid;position:fixed;right:0;top:0;background:#F7F7F7;z-index: 99999;overflow:hidden;display:none}
.filtros-right .title{width:100%;background:#DED8CF;height:60px;font-size:20px; font-family:'RecifeText-Regular', sans-serif; color:#584C3D;padding:20px}
.filtros-right .foot{width:100%;background:#F7F7F7;height:60px;font-size:20px; font-family:'RecifeText-Regular', sans-serif; color:#584C3D;padding:30px;font-weight:bold}
.filtros-right .filt{width:100%;background: #F7F7F7 0% 0% no-repeat padding-box;font-family:'RecifeText-Regular', sans-serif; color:#584C3D;padding:0;font-weight:bold;overflow:auto}



/*.filtros-right .filtrar {margin: 5px;width:100px; color:#584C3D;border-radius:9px;border:#584C3D 1px solid;font-family:'RecifeText-Regular', sans-serif;text-align:center;padding: 12px 0px;font-size:14px; display: inline-block;}*/
.filtros-right .filtrar {margin: 5px;background-color:#e5e1da;display: inline-block; width:100px;color:#584C3D;border-radius:9px;border:#584C3D 0px solid;font-family:'HindSiliguri', sans-serif;text-align:center;padding: 5px 0px; margin-right:5px;font-size:12px}


.filtros-right ul, ol { margin-top: 0; margin-bottom: 9px; padding: 0; text-transform: uppercase;}
.filtros-right ol, ul { list-style: none; }

.sort-right-wrap{width:100%; background:rgba(255, 255, 255, 0.8);z-index: 99999;overflow:hidden;position:fixed;display:none}
.sort-right{width:300px;border:#a89e97 1px solid;position:fixed;right:0;top:0;background:#FFF;z-index: 99999;overflow:hidden;display:none}
.sort-right .title{width:100%;background:#f3f3f4;height:60px;font-size:20px; font-family:'RecifeText-Regular', sans-serif; color:#584C3D;padding:20px;font-weight:bold}
.sort-right .foot{width:100%;background:#FFF;height:60px;font-size:20px; font-family:'RecifeText-Regular', sans-serif; color:#584C3D;padding:30px;font-weight:bold}
.sort-right .filt2{width:100%;background:#FFF;font-family:'RecifeText-Regular', sans-serif; color:#584C3D;padding:0;font-weight:bold;overflow:auto}
.sort-right .filtrar {margin: 0 auto;width:120px; color:#584C3D;border-radius:9px;border:#584C3D 1px solid;font-family:'RecifeText-Regular', sans-serif;text-align:center;padding: 12px 0px;font-size:14px}
.sort-right .filtrar:active {background:#f3f3f4}
.sort-right ul, ol {margin-top: 0; margin-bottom: 9px; padding: 0; }
.sort-right ol, ul {list-style: none;}

.app-header {width:100%;position:relative;top:0px;text-align:left;box-shadow: 0;z-index:1001}
.app-header .header{background:#f3f3f4;display:table;width:100%;max-width:1352px;margin:0 auto}
.app-header .header .left {height:40px;font-size:15px; font-family:'RecifeText-Regular', sans-serif; color:#584C3D;width:25%;text-align:left; padding-left:66px;display:table-cell;vertical-align:middle}
.app-header .header .back{background-image:url(../img/back.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:40px;padding-top: 3px;cursor:pointer}
.app-header .header .left span{display:table-cell;vertical-align:middle}
.app-header .header .left a {font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;text-decoration:none}
.app-header .header .left img {vertical-align:middle}
.app-header .header .cent {height:40px;text-align:center;font-size:18px; font-family:'vidaloka_regular', sans-serif;color:#5D4F46;width:50%; display:table-cell;vertical-align:middle}
.app-header .header .right {height:40px;width:25%; display:table-cell;vertical-align:middle}

.app-header .header2{background:#FFF;display:block;width:100%;padding:20px;max-width:1352px;margin:0 auto}
.app-header .header2 .left {min-height:40px;font-size:18px; font-family:'RecifeText-Regular', sans-serif; color:#5D4F46; width:calc(100% - 280px);text-align:left;float:left;}
.app-header .header2 .right {height:40px;width:70px; float:right;vertical-align:middle;border:none;text-align:center}
.app-header .header2 .menu-toggle-lbl2{width:30px; height:35px;display:block;cursor:pointer;margin-left: 25px;}

.app-header .header2 .menu-head {background-image:url(../img/menu.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:20px}
.app-header .header2 .menu-head .hamb{height:40px;width:100%;max-width:80px}

.app-header .header2 .menu-head-desktop {background-size:auto 100%; background-repeat:no-repeat; background-position:20px;display:none}
.app-header .header2 .menu-head-desktop ul {padding:0;margin:0}
/* .app-header .header2 .menu-head-desktop li + li {border-left:#5D4F46 1px solid} */
.app-header .header2 .menu-head-desktop li {display:inline-block; padding:0 8px;vertical-align: middle;cursor:pointer;font-size:16px}
.app-header .header2 .menu-head-desktop li > img {height: 55px; margin-top:-8px;}

.content_load .menu{width:100%;border-top:#a89e97 1px solid;border-left:none;border-right:none;-webkit-transition: all 0.3s ease; overflow: hidden; padding: 0; background:rgba(255, 255, 255, 0.8); margin: 0 auto;position:absolute;left:0;top:120px;display: none;z-index:1000;
                    background: #F7F7F7 0% 0% no-repeat padding-box;
}
.content_load .menu ul{list-style-type: none;margin:0;padding:0;background:#FFF;border-bottom:#a89e97 1px solid}
.content_load .menu li{cursor:pointer;padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;background-image:url(../img/go.svg); background-size:auto 80%; background-repeat:no-repeat; background-position: 96%;
                       background: #F7F7F7 0% 0% no-repeat padding-box;}
.content_load .menu li.back-menus{cursor:pointer;padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;background-image:url(../img/go-back.svg); background-size:auto 80%; background-repeat:no-repeat; background-position: 0; text-indent: 50px}
.content_load .menu li + li{border-top:#a89e97 1px solid}

.app-header .header2 .search {background-image:url(../img/lupa.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:center}
.app-header .header2 .star {background-image:url(../img/star.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:center;position:relative}
.app-header .header2 .star .star-num {bottom:-5px;right:10px;border-radius:100%; width:20px;height:20px;background:#584c3d;color:#FFF;position:absolute;font-family:'RecifeText-Regular', sans-serif;font-size:12px;line-height: 20px;}
.app-header .header2 .user {background-image:url(../img/user.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:center}
.app-header .header2 .comp {background-image:url(../img/comp.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:center;position:relative}
.app-header .header2 .comp .comp-num {bottom:-5px;right:10px;border-radius:100%; width:20px;height:20px;background:#584c3d;color:#FFF;position:absolute;font-family:'RecifeText-Regular', sans-serif;font-size:12px;line-height: 20px;}

.tbl{display:table;width:100%;height: 52px;}
.tbl-cell{display:table-cell; vertical-align: middle;width:52px;}
.tbl-cell2{display:table-cell; vertical-align: middle;}

.app-header .header3{background:#FFF;display:block;width:100%;padding:5px 10px;position:relative;max-width:1352px;margin:0 auto}
.app-header .header3 .left {font-size:18px; font-family:'RecifeText-Regular', sans-serif; color:#5D4F46; width:calc(100% - 280px);text-align:left;float:left;}
.app-header .header3 .filtrar {background-color:#DED8CF;float:left; width:120px;color:#584C3D;border-radius:9px;border:#584C3D 0px solid;font-family:'HindSiliguri', sans-serif;text-align:center;padding: 12px 0px; margin-right:5px;font-size:12px}
.app-header .header3 .filtrar:active {background:#f3f3f4}
.app-header .filtrar2 {margin:0 auto; width:100px; color:#FFF;border-radius:9px;border:#FFF 1px solid;font-family:'HindSiliguri', sans-serif;text-align:center;padding: 12px 0px;font-size:14px}

.app-header .message {width:100%;position:absolute;top:0;left:0;padding:0 10px;background:#584c3d;display:block;color:#FFF;z-index:999999}
.app-header .message.success-msg {width:100%;position:absolute;top:0;left:0;padding:0 10px;background:#32cf36;display:block;color:#FFF;z-index:999999}
.app-header .message .txt{font-size: 16px;height: 47px;width:calc(100% - 110px);display:inline-block;font-family:'RecifeText-Regular', sans-serif;}
.app-header .message .txt img{display: block;height: 16px;}
.app-header .message .button{height: 47px;width:110px;display:inline-block;vertical-align: top;padding:5px 0}

.message-form {width:100%;position:absolute;top:-52px;left:0;padding:0 10px;background:#584c3d;display:block;color:#FFF;z-index:999999}
.message-form .txt{font-size: 16px;height: 47px;width:100%;display:inline-block;font-family:'RecifeText-Regular', sans-serif;}
.message-form .txt img{display: block;height: 16px;}
.message-form .button{height: 47px;width:110px;display:inline-block;vertical-align: top;padding:5px 0}

.message-form-sucess {width:100%;position:absolute;top:-52px;left:0;padding:0 10px;background:#32cf36;display:block;color:#FFF;z-index:999999}
.message-form-sucess .txt{font-size: 16px;height: 47px;width:100%;display:inline-block;font-family:'RecifeText-Regular', sans-serif;}
.message-form-sucess .txt img{display: block;height: 16px;}
.message-form-sucess .button{height: 47px;width:110px;display:inline-block;vertical-align: top;padding:5px 0}

.message-form-sucess-palette {width:100%;position:absolute;top:initial;left:0;padding:0 10px;background:#32cf36;display:block;color:#FFF;z-index:999999}
.message-form-sucess-palette .txt{font-size: 16px;height: 47px;width:100%;display:inline-block;font-family:'RecifeText-Regular', sans-serif;}
.message-form-sucess-palette .txt img{display: block;height: 16px;}
.message-form-sucess-palette .button{height: 47px;width:110px;display:inline-block;vertical-align: top;padding:5px 0}

.app-header .header3 .search-box {width:100%;position:absolute;top:0;left:0;padding:5px 10px;background:#FFF;display:none}
.app-header .header3 .search-box input{width:100%;min-width:320px;font-size: 22px; padding: 5px;}

/* .app-content {padding-top:174px;} */
.app-content {padding-top:0;padding-bottom:50px;margin:0 auto;max-width:1352px;}
.app-content2 {padding-top:0;padding-bottom: 60px}


.app-content2 .boxes2{display:block;width:100%;height:100%}
.app-content2 .boxes2 .box{display:block;height:100%;vertical-align:top}
.app-content2 .boxes2 .box .loading-box{width:100%;height:100%;margin:0 auto}
.app-content2 .boxes2 .box .loading-box .logo-box{max-width:250px;max-height: 200px;width:80%;margin:0 auto;/* padding:16% 0; */text-align:center;height:33%;position:relative}
.app-content2 .boxes2 .box .loading-box .logo-box img.logo{width:74%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.app-content2 .boxes2 .box .loading-box .logo-text{
    padding: 0;
    max-height: 200px;
    text-align:center;
    max-width:350px;
    width:80%;
    margin:0 auto; 
    margin-top:45%;
    line-height: 104%;
    height:33%; 
}

.logo-text{
    margin-top:45%;
}
.app-content2 .boxes2 .box .loading-box .logo-text img.logo{width:100%;margin:0 auto}
.app-content2 .boxes2 .box .loading-box .logo-loading{border:#FFF 1px solid; height:7px;width:100%; margin:0 auto;overflow:hidden;max-width: 255px;}
.app-content2 .boxes2 .box .loading-box .logo-loading-inner{background:#FFF; height:7px;width:0;}

.app-content2 .boxes2 .box .loading-box .logo-apoios{width: 100%; margin: 0 auto; text-align: center; position: absolute; bottom: 10%;}
.app-content2 .boxes2 .box .loading-box .logo-apoios img.logo{width: 80%;}


.app-content .boxes{display:block;width:100%;height:100%}
.app-content .boxes .box{display:block;height:100%;min-height:100%;vertical-align:top}
.app-content .boxes .box .login-box{width:100%;height:100%;margin:0 auto;text-align: center}
.app-content .boxes .box .login-box .logo-box{max-width:250px;max-height: 200px;width:80%;margin:0 auto;/* padding:16% 0; */text-align:center;height:33%;position:relative}
.app-content .boxes .box .login-box .logo-box img.logo{width:74%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.app-content .boxes .box .login-box .logo-text{padding: 0;max-height: 200px;text-align:center;max-width:350px;width:80%;margin:0 auto; line-height: 104%;height:33%; white-space: nowrap;
                                               margin-top:22%;
}
.app-content .boxes .box .login-box .logo-text img.logo{width:100%;margin:0 auto}
.app-content .boxes .box .login-box .login-form{max-width:350px;width:80%;margin:0 auto; position:relative}
.app-content .boxes .box .login-box input{width:100%;color:#584C3D;border-radius:5px;border:#584C3D 1px solid;font-family:'RecifeText-Regular', sans-serif;padding: 7px 5px; margin:5px 0;font-size:14px;}
.app-content .boxes .box .login-box .sign-up{
    width:100%;
    color:#FFF;font-family:'RecifeText-Regular', sans-serif;font-size:10px;text-align:center;padding:5px 0; white-space: nowrap}
.app-content .boxes .box .login-box .sign-up a{text-decoration:underline; color:#FFF}

#bt-register,#bt-login{
    max-width:30%;

}
#box6{
    margin-top: 82px;
}

.app-content .form-new-palete{display:block;width:100%;height:100%;position: relative;}
.app-content .form-new-palete .message{display: inline-block; width: 100%; position: relative; margin-top: -20px;}
.app-content .form-new-palete .new-form{max-width:350px;width:80%;margin:0 auto; position:relative;top: 20px;margin-bottom: 20px;}
.app-content .form-new-palete .new-form.message-form{max-width:350px;width:100%;margin:0 auto; position:relative;top: 20px;margin-bottom: 20px;}
.app-content .form-new-palete .new-form.message-form-sucess{max-width:350px;width:100%;margin:0 auto; position:relative;top: 20px;margin-bottom: 20px;}
.app-content .form-new-palete .new-form input{width:100%;color:#584C3D;border-radius:9px;border:#584C3D 1px solid;font-family:'RecifeText-Regular', sans-serif;padding: 12px 5px; margin:5px 0;font-size:14px}

#overlay-login .header-out{background-color:rgba(255, 255, 255, 0.6) !important;display:block;width:100%;margin:0 auto;position: absolute;top:0;z-index:9999999 !important}
#overlay-login .header{display:table;width:100%;max-width:1352px;margin:0 auto}
#overlay-login .header .left {height:40px;font-size:15px; font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;width:25%;text-align:left; padding-left:66px;display:table-cell;vertical-align:middle}
#overlay-login .header .back{background-image:url(../img/back.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:40px;padding-top: 3px;cursor:pointer}
#overlay-login .header .left span{display:table-cell;vertical-align:middle}
#overlay-login .header .left a {font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;text-decoration:none}
#overlay-login .header .left img {vertical-align:middle}
#overlay-login .header .cent {height:40px;text-align:center;font-size:18px; font-family:'vidaloka_regular', sans-serif;color:#5D4F46;width:50%; display:table-cell;vertical-align:middle}
#overlay-login .header .right {height:40px;width:25%; display:table-cell;vertical-align:middle}

.app-content .boxes .box .register-box{width:100%;height:100%;margin:0 auto;text-align: center}
.app-content .boxes .box .register-box .logo-box{max-width:250px;max-height: 200px;width:80%;margin:0 auto;/* padding:16% 0; */text-align:center;height:33%;position:relative}
.app-content .boxes .box .register-box .logo-box img.logo{width:74%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.app-content .boxes .box .register-box .logo-text{padding: 0;max-height: 200px;text-align:center;max-width:350px;width:80%;margin:0 auto; line-height: 104%;height:33%; white-space: nowrap;}
.app-content .boxes .box .register-box .logo-text img.logo{width:100%;margin:0 auto}
.app-content .boxes .box .register-box .login-form{max-width:350px;width:80%;margin:0 auto; position:relative}
.app-content .boxes .box .register-box input{width:100%;color:#584C3D;border-radius:9px;border:#584C3D 1px solid;font-family:'RecifeText-Regular', sans-serif;padding: 12px 5px; margin:5px 0;font-size:14px}
.app-content .boxes .box .register-box .sign-up{width:100%;color:#FFF;font-family:'RecifeText-Regular', sans-serif;font-size:16px;text-align:center;padding:5px 0; white-space: nowrap}
.app-content .boxes .box .register-box .sign-up a{text-decoration:underline; color:#FFF}

.app-content .register-box2{width:80%;height:100%;margin:0 auto;max-width:300px;font-family:'RecifeText-Regular', sans-serif;font-size:14px;padding-top:10px}
.app-content .register-box2 .login-form{max-width:250px;width:80%;margin:0 auto}
.app-content .register-box2 input{width:100%;color:#584C3D;border-radius:9px;border:#584C3D 1px solid;font-family:'RecifeText-Regular', sans-serif;padding: 12px 5px; margin:5px 0;font-size:14px}
.app-content .register-box2 .sign-up{width:100%;color:#FFF;font-family:'RecifeText-Regular', sans-serif;font-size:14px;text-align:center;padding:5px 0}
.app-content .register-box2 .sign-up a{text-decoration:underline; color:#FFF}

.app-content .product{padding:20px 30px;min-height:130px;position:relative;cursor:pointer;border-bottom:#584C3D 1px solid}
.app-content .product .desc{float:left; width:calc(100% - 130px);padding-right:10px}
.app-content .product .desc .ref{font-family:'vidaloka_regular', sans-serif;color:#584C3D; padding: 10px 0;font-size:24px}
.app-content .product .desc .title{font-family:'RecifeText-Regular', sans-serif; color:#584C3D; padding: 2px 0;font-size:18px}
.app-content .product .desc .title p{padding:0;margin:0}
.app-content .product .desc .text{font-family:'RecifeText-Regular', sans-serif; color:#584C3D;  padding: 2px 0;font-size:12px}
.app-content .product .desc .text2{font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;  padding: 2px 0;font-size:11px}
.app-content .product .search-res{display:none}
.app-content .product .img{float:left; width:100px; max-height:100px; border-radius: 10px;overflow:hidden; background-size:auto 100%; background-position:center center}
.app-content .product .img img{width:110%;margin-left:-4px;margin-top:-4px}
.app-content .product .points{float:left; width:60px; background-image:url(../img/points.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:top center; height:35px;cursor:pointer; margin-right: -30px;}
.app-content .product .menu-toggle-lbl{width:30px; height:35px;display:block;cursor:pointer}
.app-content .product .points .menu-p{width:250px;border:#a89e97 1px solid;max-height: 250px;-webkit-transition: all 0.3s ease; overflow: hidden; padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:-1px;top:-1px;display: none;z-index:999999}
.app-content .product .points .menu-p li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;white-space:nowrap}
.app-content .product .points .menu-p li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product .points .menu-p li.star:hover, .app-content .product .points .menu-p li.star:active{background-color:#f3f3f4}
.app-content .product .points .menu-p li.delete{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product .points .menu-p li.delete:hover, .app-content .product .points .menu-p li.delete:active{background-color:#f3f3f4}
.app-content .product .points .menu-p li.palette-title{background-image:url(../img/go.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 185px;}
.app-content .product .points .menu-p li.palette-title:hover, .app-content .product .points .menu-p li.palette-title:active{background-color:#f3f3f4}
.app-content .product .points .menu-p li.palette{background-image:url(../img/palette.svg); background-size:auto 54%; background-repeat:no-repeat; background-position: 198px;}
.app-content .product .points .menu-p li.palette:hover, .app-content .product .points .menu-p li.palette:active{background-color:#f3f3f4}
.app-content .product .points .menu-p li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product .points .menu-p li.comp:hover, .app-content .product .points .menu-p li.comp:active{background-color:#f3f3f4}
.app-content .product .points .menu-p li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .product .points .menu-p li.tech:hover, .app-content .product .points .menu-p li.tech:active{background-color:#f3f3f4}
.app-content .product .points .menu-p li + li{border-top:#a89e97 1px solid}

.app-content .product .points .menu-p2{width:250px;border:#a89e97 1px solid;-webkit-transition: all 0.3s ease; overflow: hidden; padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:-1px;top:-1px;display: none;z-index:999999}
.app-content .product .points .menu-p2 li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;white-space:nowrap}
.app-content .product .points .menu-p2 li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product .points .menu-p2 li.star:hover, .app-content .product .points .menu-p2 li.star:active{background-color:#f3f3f4}
.app-content .product .points .menu-p2 li.delete{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product .points .menu-p2 li.delete:hover, .app-content .product .points .menu-p2 li.delete:active{background-color:#f3f3f4}
.app-content .product .points .menu-p2 li.palette{background-image:url(../img/palette.svg); background-size:auto 54%; background-repeat:no-repeat; background-position: 198px;}
.app-content .product .points .menu-p2 li.palette:hover, .app-content .product .points .menu-p2 li.palette:active{background-color:#f3f3f4}
.app-content .product .points .menu-p2 li.palette-back{background-image:url(../img/go-back.svg); background-size:auto 54%; background-repeat:no-repeat; background-position: 0; text-indent: 30px;}
.app-content .product .points .menu-p2 li.palette-back:hover, .app-content .product .points .menu-p2 li.palette-back:active{background-color:#f3f3f4}
.app-content .product .points .menu-p2 li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product .points .menu-p2 li.comp:hover, .app-content .product .points .menu-p2 li.comp:active{background-color:#f3f3f4}
.app-content .product .points .menu-p2 li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .product .points .menu-p2 li.tech:hover, .app-content .product .points .menu-p2 li.tech:active{background-color:#f3f3f4}
.app-content .product .points .menu-p2 li + li{border-top:#a89e97 1px solid}

.app-content .product-fav + .product-fav{border-left:1px solid transparent}
.app-content .product-fav{padding:20px 30px;min-height:130px;position:relative;cursor:pointer;border:#584C3D 1px solid;border-top:none;border-top:none;width:25%;display:inline-block}
.app-content .product-fav .desc{width:calc(100% - 130px);padding-right:10px}
.app-content .product-fav .desc .ref{font-family:'vidaloka_regular', sans-serif;color:#584C3D; padding: 10px 0;font-size:18px}
.app-content .product-fav .search-res{display:none}
.app-content .product-fav .img{width:99%;border-radius: 10px; border-radius: 10px;overflow:hidden; background-size:auto 100%; background-position:center center}
.app-content .product-fav .img img{width:110%;margin:-4px}
.app-content .product-fav .points{float:left; width:60px; background-image:url(../img/points.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:40px; height:35px;cursor:pointer;position:absolute;right:0;top:4px}
.app-content .product-fav .menu-toggle-lbl{width:30px; height:35px;display:block;cursor:pointer}
.app-content .product-fav .menu-p{width:250px;border:#a89e97 1px solid !important;-webkit-transition: all 0.3s ease; overflow: hidden; max-height: 200px;  padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:-1px;top:0;display: none;z-index:999999}
.app-content .product-fav .menu-p li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;}
.app-content .product-fav .menu-p li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-fav .menu-p li.star:hover, .app-content .product-fav .menu-p li.star:active{background-color:#f3f3f4}
.app-content .product-fav .menu-p li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-fav .menu-p li.comp:hover, .app-content .product-fav .menu-p li.comp:active{background-color:#f3f3f4}
.app-content .product-fav .menu-p li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .product-fav .menu-p li.tech:hover, .app-content .product-fav .menu-p li.tech:active{background-color:#f3f3f4}
.app-content .product-fav .menu-p li + li{border-top:#a89e97 1px solid}

.app-content .product-color-palette{padding:20px 30px;min-height:130px;position:relative;cursor:pointer;border:#5d4e46 1px solid;border-top:none;border-top:none;width:100%;display:inline-block}
.app-content .product-color-palette .desc{width:100%;padding-right:0}
.app-content .product-color-palette .desc .title{font-family:'RecifeText-Regular', sans-serif;color:#5D4F46; padding-bottom:15px;font-size:18px;padding-left: 10px;padding-right: 10px;}
.app-content .product-color-palette .desc .title p{padding:0;margin:0}
.app-content .product-color-palette .desc .ref{font-family:'proxima_nova_rgbold', sans-serif;color:#5D4F46; padding-bottom:10;font-size:18px;margin-top:10px}
.app-content .product-color-palette .search-res{display:none}
.app-content .product-color-palette .imgs .img-wrap{width:25%;display:inline-block;padding: 10px;max-width:190px}
.app-content .product-color-palette .imgs .img-wrap .img{width:100%;border-radius: 10px; border-radius: 10px;overflow:hidden; background-size:auto 100%; background-position:center center}
.app-content .product-color-palette .imgs .img-wrap .img img{width:110%;margin:-4px}
.app-content .product-color-palette .points{float:left; width:50px; background-image:url(../img/points.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:top center; height:35px;cursor:pointer;position:absolute;right:0;top:10px}
.app-content .product-color-palette .menu-toggle-lbl{width:30px; height:35px;display:block;cursor:pointer}
.app-content .product-color-palette .points .menu-p{width:250px;border:#a89e97 1px solid;-webkit-transition: all 0.3s ease; overflow: hidden; max-height: 200px;  padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:-1px;top:-12px;display: none;z-index:999999}
.app-content .product-color-palette .points .menu-p li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;}
.app-content .product-color-palette .points .menu-p li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-color-palette .points .menu-p li.star:hover, .app-content .product-color-palette .points .menu-p li.star:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .menu-p li.delete{background-image:url(../img/delete.svg); background-size:auto 54%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-color-palette .points .menu-p li.delete:hover, .app-content .product-color-palette .points .menu-p li.delete:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .menu-p li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-color-palette .points .menu-p li.comp:hover, .app-content .product-color-palette .points .menu-p li.comp:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .menu-p li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .product-color-palette .points .menu-p li.tech:hover, .app-content .product-color-palette .points .menu-p li.tech:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .menu-p li + li{border-top:#a89e97 1px solid}

.app-content .product-color-palette .points .sub-menu-p{width:250px;border:#a89e97 1px solid;-webkit-transition: all 0.3s ease; overflow: hidden; max-height: 200px;  padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:-1px;top:-12px;display: none;z-index:999999}
.app-content .product-color-palette .points .sub-menu-p li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;}
.app-content .product-color-palette .points .sub-menu-p li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-color-palette .points .sub-menu-p li.star:hover, .app-content .product-color-palette .points .sub-menu-p li.star:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .sub-menu-p li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-color-palette .points .sub-menu-p li.comp:hover, .app-content .product-color-palette .points .sub-menu-p li.comp:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .sub-menu-p li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .product-color-palette .points .sub-menu-p li.tech:hover, .app-content .product-color-palette .points .sub-menu-p li.tech:active{background-color:#f3f3f4}
.app-content .product-color-palette .points .sub-menu-p li + li{border-top:#a89e97 1px solid}

.app-content .product-compare + .product-compare{border-left:none}
.app-content .product-compare{padding:20px 30px;/* min-height:130px; */position:relative;cursor:pointer;border:#584C3D 1px solid;border-top:none;width:50%;display:inline-block;float:left}
.app-content .product-compare .desc{width:100%}
.app-content .product-compare .desc .ref{font-family:'vidaloka_regular', sans-serif;color:#584C3D; padding: 10px 0;font-size:18px}
.app-content .product-compare .desc .title{font-family:'RecifeText-Regular', sans-serif; color:#584C3D; padding: 2px 0;font-size:18px}
.app-content .product-compare .desc .title p{padding:0;margin:0}
.app-content .product-compare .desc .text{font-family:'RecifeText-Regular', sans-serif; color:#584C3D;  padding: 2px 0;font-size:12px}
.app-content .product-compare .desc .descr{font-family:'RecifeText-Regular', sans-serif; color:#584C3D;  padding: 20px 0;font-size:12px}
.app-content .product-compare .search-res{display:none}
.app-content .product-compare .img{width:99%;border-radius: 10px; border-radius: 10px;overflow:hidden; background-size:auto 100%; background-position:center center}
.app-content .product-compare .img img{width:110%;margin:-4px}
.app-content .product-compare .points{float:left; width:60px; background-image:url(../img/points.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:40px; height:35px;cursor:pointer;position:absolute;right:0;top:4px}
.app-content .product-compare .menu-toggle-lbl{width:30px; height:35px;display:block;cursor:pointer}
.app-content .product-compare .points .menu-p{width:250px;border:#a89e97 1px solid;-webkit-transition: all 0.3s ease; overflow: hidden; max-height: 200px;  padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:0;top:-4px;display: none;z-index:999999}
.app-content .product-compare .points .menu-p li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;}
.app-content .product-compare .points .menu-p li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-compare .points .menu-p li.star:hover, .app-content .product-compare .points .menu-p li.star:active{background-color:#f3f3f4}
.app-content .product-compare .points .menu-p li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .product-compare .points .menu-p li.star:hover, .app-content .product-compare .points .menu-p li.star:active{background-color:#f3f3f4}
.app-content .product-compare .points .menu-p li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .product-compare .points .menu-p li.tech:hover, .app-content .product-compare .points .menu-p li.tech:active{background-color:#f3f3f4}
.app-content .product-compare .points .menu-p li + li{border-top:#a89e97 1px solid}

.app-content .technical-sheet{padding:75px 30px;min-height:130px;position:relative}
.app-content .technical-sheet .desc{float:left; width:calc(100% - 200px);padding-left:30px;padding-right:0}
.app-content .technical-sheet .desc .ref{font-family:'vidaloka_regular', sans-serif;color:#584C3D; padding: 10px 0;padding-top:0;font-size:24px}
.app-content .technical-sheet .desc .title{font-family:'RecifeText-Regular', sans-serif; color:#584C3D; padding: 2px 0;font-size:18px}
.app-content .technical-sheet .desc .title p{padding:0;margin:0}
.app-content .technical-sheet .desc .text{font-family:'RecifeText-Regular', sans-serif; color:#584C3D;  padding: 2px 0;font-size:12px}
.app-content .technical-sheet .desc .descr{font-family:'RecifeText-Regular', sans-serif; color:#584C3D;  padding: 20px 0;font-size:12px}
.app-content .technical-sheet .img{float:left; width:200px; height:199px;border-radius: 15px;overflow:hidden; background-size:auto 100%; background-position:center center}
.app-content .technical-sheet .img img{width:110%;margin:-4px}
.app-content .technical-sheet .points{position:absolute;top:15px;right:0; width:60px; background-image:url(../img/points.svg); background-size:auto 100%; background-repeat:no-repeat; background-position:top center; height:35px;cursor:pointer}
.app-content .technical-sheet .menu-toggle-lbl{width:30px; height:35px;display:block;cursor:pointer}
.app-content .technical-sheet .menu-p{width:250px;border:#a89e97 1px solid;-webkit-transition: all 0.3s ease; overflow: hidden; max-height: 200px;  padding: 0;  margin: 0 auto;background:#FFF;position:absolute;right:0;top:-2px;display: none;z-index:999999}
.app-content .technical-sheet .menu-p li{padding:20px;font-family:'RecifeText-Regular', sans-serif; color:#5D4F46;font-size: 16px;}
.app-content .technical-sheet .menu-p li.star{background-image:url(../img/star.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .technical-sheet .menu-p li.star:hover, .app-content .technical-sheet .menu-p li.star:active{background-color:#f3f3f4}
.app-content .technical-sheet .menu-p li.comp{background-image:url(../img/comp.svg); background-size:auto 70%; background-repeat:no-repeat; background-position: 190px;}
.app-content .technical-sheet .menu-p li.comp:hover, .app-content .technical-sheet .menu-p li.comp:active{background-color:#f3f3f4}
.app-content .technical-sheet .menu-p li.tech{background-image:url(../img/tech.svg); background-size:auto 100%; background-repeat:no-repeat; background-position: 184px;}
.app-content .technical-sheet .menu-p li.tech:hover, .app-content .technical-sheet .menu-p li.tech:active{background-color:#f3f3f4}
.app-content .technical-sheet .menu-p li + li{border-top:#a89e97 1px solid}

.no-products {width:100%;height:100%;text-align:center;display:table}
.no-products .cell {display:table-cell;vertical-align:middle;padding: 10px;}
.no-products .cell .title {height:40px;text-align:center;font-size:18px; font-family:'vidaloka_regular', sans-serif;color:#5D4F46}
.no-products .cell .desc {height:40px;text-align:center;font-size:13px; font-family:'RecifeText-Regular', sans-serif; color:#5D4F46}

.app-footer {width:100%;position:fixed;bottom:0px;z-index: 1001;height:40px;max-width:1352px;left: 50%;  transform: translate(-50%, 0);}
.app-footer .footer{height:40px;width:100%;margin:0px;bottom:0;position:fixed; text-align:center;background:#f3f3f4;padding:11px 0; font-size:16px; font-family:'proxima_novalight', sans-serif;color:#5D4F46}

.app-footer2 {width:100%;height:40px;position: absolute; bottom:30px;}
.app-footer2 .footer{height:40px;width:100%;margin:0px;bottom:0;position:absolute; text-align:center;background:#f3f3f4;padding:11px 0; font-size:16px; font-family:'proxima_novalight', sans-serif;color:#5D4F46}

@media screen and (max-width: 319px)
{
    .app-content{	transform: scale(0.9);}
}
@media screen and (max-width: 768px)
{
    .app-content .product-fav{width:33.3%;margin-top: -2px;}
    .app-content .product-compare{width:50%;margin-top: -2px;}


}
@media screen and (min-width: 769px)
{
    .app-content .product-compare .img{width:99%;border-radius: 10px; border-radius: 10px;overflow:hidden; background-size:auto 100%; background-position:center center;max-width:150px;float:left}
    .app-content .product-compare .desc{width:calc(100% - 150px);padding-left: 30px; padding-right: 0;float:left}

}
@media screen and (min-width: 1012px)
{
    body{background-color:rgba(255, 255, 255, 0.8) !important}
    .content_load{border-left:#f3f3f4 1px solid;border-right:#f3f3f4 1px solid}
    .app-header .header2 .menu-head{display:none}
    .app-header .header2 .menu-head-desktop{display:block}


}
@media screen and (max-width: 330px)
{
    .app-header .header2 .menu-head{background-position:0}

}@media screen and (max-width: 450px)
{
    /* .app-content .product-fav + .product-fav{border-left:#584C3D 1px solid} */
    .app-content .product-fav{width:50%;margin-top: -2px;}
    .app-content .product-compare{width:50%;margin-top: -2px;}
    .app-content .product-color-palette .imgs .img-wrap{width:50%;display:inline-block;padding: 10px;}
}
@media screen and (max-width: 465px)
{
    .app-content .technical-sheet .desc .ref{font-family:'vidaloka_regular', sans-serif;color:#584C3D; padding: 10px 0;padding-top:20px;font-size:24px}
    .app-content .technical-sheet .img{float:left; width:200px; height:199px}
    .app-content .technical-sheet .desc{float:left; width:100% ;padding-left:0;padding-right:0}
}
@media screen and (max-width: 500px)
{
    .app-header .header .cent {font-size:14px}
    .app-footer .footer{ font-size:12px}
    .app-footer2 .footer{ font-size:12px}

    .app-header .header .left {padding-left:42px;}
    .app-header .header .back{background-size:auto 100%; background-position:20px;font-size: 14px;}

    .app-header .header2 .left {width:calc(100% - 220px);}
    .app-header .header2 .right {width:55px;}
    .app-header .header2 .menu {background-size:auto 100%; background-position:5px}
    .app-header .header2 .search {background-size:auto 100%;}
    .app-header .header2 .star {background-size:auto 100%;}
    .app-header .header2 .star .star-num {right:5px;}
    .app-header .header2 .user {background-size:auto 100%;}
    .app-header .header2 .comp {background-size:auto 100%;}
    .app-header .header2 .comp .comp-num {right:0;}

    .app-content .product .desc .ref{font-family:'vidaloka_regular', sans-serif;color:#584C3D; padding: 10px 0;font-size:20px}
    .app-content .product .desc .title{font-family:'RecifeText-Regular', sans-serif; color:#584C3D; padding: 2px 0;font-size:14px}
    .app-content .product .desc .text{font-family:'RecifeText-Regular', sans-serif; color:#584C3D;  padding: 2px 0;font-size:12px}
}


li.active > a{color:#209805 !important}

.drop2{width:100%;color:#222;font-family:'HindSiliguri', sans-serif;}
.drop2 h3{position:relative;padding-left:0;font-weight:bold}
.drop2 h3 a{padding:0 5px 11px 0;padding-left:0;font-size:18px;line-height:10px;display:block;color:#222;text-decoration:none;font-weight:normal;border-bottom:#a89e97 1px solid}
.drop2 h3 a:hover{color:#ccc !important}
.drop2 h3:hover{}
.drop2 h3 span{font-size:16px; margin-right:0}
.drop2 li{list-style-type:none; margin-left:0}
.filtro > .drop2 > ul > li{border-top:none;padding-top:0;margin-top:0}
.drop2 > ul > li.active li.active > h3{border:none;background:none;color:#000}
.drop2 > ul > li.active li.active_on > h3{border:none;background:#000;color:#FFF}
.drop2 > ul > li.active li.active > h3 a{color:#000}
.drop2 > ul > li.active li.active_on > h3 a{color:#FFF;font-weight:400;font-size:15px}
.drop2 li h3.active2{border:none;background:#000 !important;color:#FFF !important}
.drop2 li h3.active2 a{color:#FFF !important}
.drop2 li ul li{list-style-type:none;border-bottom:#F2F2F2 0px solid}
.drop2 ul ul li a, .drop2 h4{color:#222;text-decoration:none;font-size:18px;line-height:24px;display:block;padding:0 15px;padding-left:0;transition:all 0.15s;position:relative}
.drop2 ul ul li a:hover{}
.drop2 ul ul{display:none}
.drop2 li.active > ul{display:block}
.drop2 ul ul ul{margin-left:20px}
.drop2 ul li h3 a.parent{font-weight:normal; padding:20px;color:#584C3D}
.drop2 .active>a:not(:only-child):after{}
.drop2 .hidden2{display:none}

.drop3{width:100%;color:#222;font-family:'RecifeText-Regular', sans-serif;}
.drop3 h3{position:relative;padding-left:0;font-weight:bold}
.drop3 h3 a{padding:0 5px 11px 0;padding-left:0;font-size:18px;line-height:10px;display:block;color:#222;text-decoration:none;font-weight:normal;border-bottom:#a89e97 1px solid}
.drop3 h3 a:hover{color:#ccc !important}
.drop3 h3:hover{}
.drop3 h3 span{font-size:16px; margin-right:0}
.drop3 li{list-style-type:none; margin-left:0}
.filtro > .drop3 > ul > li{border-top:none;padding-top:0;margin-top:0}
.drop3 > ul > li.active li.active > h3{border:none;background:none;color:#000}
.drop3 > ul > li.active li.active_on > h3{border:none;background:#000;color:#FFF}
.drop3 > ul > li.active li.active > h3 a{color:#000}
.drop3 > ul > li.active li.active_on > h3 a{color:#FFF;font-weight:400;font-size:15px}
.drop3 li h3.active2{border:none;background:#000 !important;color:#FFF !important}
.drop3 li h3.active2 a{color:#FFF !important}
.drop3 li ul li{list-style-type:none;border-bottom:#F2F2F2 1px solid}
.drop3 ul ul li a, .drop3 h4{color:#222;text-decoration:none;font-size:18px;line-height:24px;display:block;padding:0 15px;padding-left:0;transition:all 0.15s;position:relative}
.drop3 ul ul li a:hover{}
.drop3 ul ul{display:none}
.drop3 li.active > ul{display:block}
.drop3 ul ul ul{margin-left:20px}
.drop3 ul li h3 a.parent{font-weight:normal; padding:20px;color:#584C3D}
.drop3 .active>a:not(:only-child):after{}
.drop3 .hidden2{display:none}

div.t { cursor: pointer; font-size: 12px; color: #584C3D; width: 100%; margin: 0; border: none; padding-left: 10px;  padding: 6px 20px; display: inline-block;}
a.t { cursor: pointer; font-size: 12px; color: #584C3D; width: 100%; float: left; margin: 0;}

div.t2 {
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    color: #000;
    width: 140px;
    border: #009400 0 solid;
    border-bottom: #009400 1px solid;
    padding-bottom: 4px;
    margin-right: 4px;
    padding-right: 4px;
    padding-top: 4px
}
#f_ativos {
    color: #000;
    font-family: arial;
    font-size: 15px;
    height: 16px;
    margin-top: 16px;
    width: 200px;
    margin-bottom: 16px
}
#f_ativos2_on {
    color: #000;
    font-family: arial;
    font-size: 14px;
    height: 16px;
    width: 200px;
    margin-bottom: 5px
}
#f_ativos2_off,
#f_ativos2 {
    color: #000;
    font-family: arial;
    font-size: 14px;
    height: 16px;
    width: 200px;
    margin-bottom: 5px;
    margin-left: 10px
}
#f_ativos3 {
    color:#584C3D;
    font-family:'RecifeText-Regular', sans-serif;
}
#f_ativos3_right {
    color:#584C3D;
    position:absolute;right:20px;
    font-size:12px;
    font-family:'RecifeText-Regular', sans-serif;
}
#f_sep {
    background: url(line_h.png);
    height: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 200px;
    background-repeat: repeat-x
}
#f_sep2 {
    background: url(line_h.png);
    height: 12px;
    margin-top: 16px;
    width: 200px;
    background-repeat: repeat-x
}
#f_left {
    float: left;
    border: #000 0 solid;
    text-align: left;
    margin-left: 12px;
    min-width: 18px;
    font-weight:normal;
}
#f_left>span {
    color:#584C3D;
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding: 0 15px 0 0;
    position: relative;
    text-decoration: none;
    transition: all 0.15s ease 0s;
    font-weight: normal;
}
#f_left2 {
    float: left;
    border: #000 0 solid;
    padding-top: 2px
}
#f_right {
    float: left;
    border: #000 0 solid
}
div.pesq_txt {
    background: url(pesq_bk2.png) no-repeat;
    height: 41px;
    idth: 237px
}
div.pesq_txt>div.pesq_txt_padding {
    padding-top: 10px;
    padding-left: 10px
}
.filtro label {
    padding-bottom: 0;
    display: block;
    cursor: pointer;
    width: 140px;
    border: #000 0 solid;
    text-align: right
}

#relevancia_list{margin:0;padding:0;text-align:center;padding-top:5px;border-bottom: 2px solid #e6008b;}
#relevancia_list label{width:auto !important;margin-bottom:0 !important}
.label_check_rel + .label_check_rel{margin-left:5px; }
.label_check_rel{cursor:pointer;float:left;color:#e6008b; background-color: #f3f3f3; display: inline-block; font-size: 16px; box-sizing:border-box;padding:6px 20px 5px;text-align:center;font-weight:700;font-family:'Titillium Web',sans-serif;}
.label_check_rel #f_left{float:left;text-decoration:none; max-width: 100%;text-decoration:none; white-space: nowrap;text-align:center; font-size: 16px;font-weight:400;font-family:'Titillium Web',sans-serif; }
.c_on_novidade{color:#FFF;background:#e6008b}
.label_check_rel input{left:-9999px;position:absolute}

.label_check_p { padding:0; margin:0; width:auto !important }
.label_check_p:hover { color: #fe5e1e }
.label_check_p { background-image: url(radio-off.png); background-position: left; background-repeat: no-repeat; display: inline-block; width: 20px !important; height: 25px; float: left; }
.c_on_p {background-image: url(radio-on.png) !important; color: #20aa01;}
.c_on_p span {color: #fe5e1e}
.label_check_p input {left: -9999px;position: absolute}


.label_check { padding:0; margin:0; width:auto !important }
.label_check:hover { color: #fe5e1e }
.label_check { background-image: url(radio-off.png); background-position: left; background-repeat: no-repeat; padding-left: 25px; display: block; }
.label_check input {left: -9999px;position: absolute}



.color_check {
    width: 23px;
    border: 2px solid #CCC;
    padding: 0;
    background: 0
}
.color_check:hover {
    opacity: .75;
    -moz-opacity: .75;
    -ms-opacity: .75;
    -webkit-opacity: .75
}
.color_on {
    border: 2px solid #000;
    --background: url(check-on.png) no-repeat;
    --background-position: center center
}
.color_check input {
    left: -9999px;
    position: absolute
}
.pesq_input {
    background: 0;
    background-color: none;
    color: #4b4b4b;
    border: 0;
    width: 344px;
    font-size: 14px;
    height: 16px;
    margin-left: 4px
}
.clear {
    clear: both
}
.styled2 {
    width: 190px
}
.titulo_prods {
    font-size: 20px;
    font-family: arial;
    color: #000;
    font-weight: bold;
    height: 40px;
    width: 300px;
    float: left
}

/* Dropdown Button */
.dropbtn {
    background-color: #fff;
    color: #5D4F46;
    padding: 16px;
    font-size: 15px;
    border: none;
    font-family:'RecifeText-Regular', sans-serif;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .5 {background-color: #3e8e41;}*/