@charset "utf-8";
/* #############################################################################################################
#  Inovazi Agência Criativa
#  Copyright (C) 2013 Inovazi Agência Criativa
#  Website:  http://www.inovazi.com
#  ########################################################################################################## */

/* == BODY ================================================================================================== */
body {margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;font-size: 11px;}
/* ================================================================================================== BODY == */



/* == COMMON ================================================================================================ */
.clearfix {clear: both;}
.sep {margin: 0 5px;height: 1px;}
.sep.color1 {background: #4eb09d;}
.sep.color2 {background: #eee397;}
.sep.color3 {background: #f8f8f8;}

img.left.imgResize {max-width:none;width:auto;height:100%;}
img.top.imgResize {max-width:none;width:100%;height:auto;}
img.scale.imgResize {max-width:none;width:auto;height:100%;}
/* ================================================================================================ COMMON == */



/* == CSS SPRITES =========================================================================================== */

header#information nav.userlinks a.link,
header#information nav.userlinks ul.links li.item .options.lang a.suboption,
header#information .useroptions .optclm a.link.icon,
header#menu nav.categories a.link,
footer#social nav.socialicons a.link,
.sitebullet,
ul.prodlist li.item div.photo .hicon,
header#banner a.rslides_nav,
section#Homepage .hackByJs2 a,
ul.prodlist li.item.first div.photo .icon,
section#produto article.prodContainer .prodImages li.photo a.link .hicon,
section#produto article.prodContainer .prodImages li.zoomBig a.link .hicon,
section#produto article.prodContainer .prodImages li.type,
section#produto article.prodContainer .prodOptions .helper .rule,
section#produto article.prodContainer .prodOptions .helper .icon,
section#produto .prodZoomAll .navArrows,
section#produto .prodZoomAll .cursor,
section#produto .prodZoomAll .close,
section#encomenda section.panels div.sidebar .info .state,
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder span.icon,
div#loginWrapper a.closebtn,
section#passatempos .container ul.voteList li.item .photo .shareIt .txt .icon,
section#passatempos .container ul.voteList li.item .photo .hicon,
section#passatempos #voteZoom .right .icon {
    background-image: url(../img/css-sprites-04.png);
}

/* Todas as Páginas (Header, Icons Menu, Social Icons) */
header#information nav.userlinks a.link.login {background-position: -1px -216px;}
header#information nav.userlinks a.link.cart {background-position: -200px -216px;}
header#information nav.userlinks a.link.pt {background-position: -200px -138px;}
header#information nav.userlinks a.link.en {background-position: -200px -163px;}
header#information nav.userlinks a.link.es {background-position: -200px -188px;}
header#information nav.userlinks ul.links li.item .options.lang a.suboption.pt {background-position: -200px -139px;}
header#information nav.userlinks ul.links li.item .options.lang a.suboption.en {background-position: -200px -164px;}
header#information nav.userlinks ul.links li.item .options.lang a.suboption.es {background-position: -200px -189px;}

header#information .useroptions .optclm a.link.icon.pt {background-position: -200px -139px;}
header#information .useroptions .optclm a.link.icon.en {background-position: -200px -164px;}
header#information .useroptions .optclm a.link.icon.es {background-position: -200px -189px;}

header#menu nav.categories a.link.biquinis {background-position: 5px 10px;}
header#menu nav.categories a.link.triquinis {background-position: -55px 10px;}
header#menu nav.categories a.link.tanquinis {background-position: -115px 10px;}
header#menu nav.categories a.link.fatos {background-position: -175px 10px;}
header#menu nav.categories a.link.crianca {background-position: -365px 10px;}
header#menu nav.categories a.link.acessorios {background-position: -235px 10px;}
header#menu nav.categories a.link.promocoes {background-position: -295px 10px;}
header#menu nav.categories a.link.outlet {background-position: -436px 10px;}

header#menu nav.categories a.link.biquinis:hover,
header#menu nav.categories li.active a.link.biquinis,
header#menu nav.categories a.link.biquinis.active {background-position: 5px -60px;}
header#menu nav.categories a.link.triquinis:hover,
header#menu nav.categories li.active a.link.triquinis,
header#menu nav.categories a.link.triquinis.active {background-position: -55px -60px;}
header#menu nav.categories li.active a.link.tanquinis,
header#menu nav.categories a.link.tanquinis:hover,
header#menu nav.categories a.link.tanquinis.active {background-position: -115px -60px;}
header#menu nav.categories a.link.fatos:hover,
header#menu nav.categories li.active a.link.fatos,
header#menu nav.categories a.link.fatos.active {background-position: -175px -60px;}
header#menu nav.categories li.active a.link.crianca,
header#menu nav.categories a.link.crianca:hover,
header#menu nav.categories a.link.crianca.active {background-position: -365px -60px;}
header#menu nav.categories li.active a.link.acessorios,
header#menu nav.categories a.link.acessorios:hover,
header#menu nav.categories a.link.acessorios.active {background-position: -235px -60px;}
header#menu nav.categories li.active a.link.promocoes,
header#menu nav.categories a.link.promocoes:hover,
header#menu nav.categories a.link.promocoes.active {background-position: -295px -60px;}
header#menu nav.categories li.active a.link.outlet,
header#menu nav.categories a.link.outlet:hover,
header#menu nav.categories a.link.outlet.active {background-position: -436px -60px;}

footer#social nav.socialicons a.link.facebook {background-position: 0 -140px}
footer#social nav.socialicons a.link.twitter {background-position: -32px -140px}
footer#social nav.socialicons a.link.pinterest {background-position: -64px -140px}
footer#social nav.socialicons a.link.vimeo {background-position: -96px -140px}
footer#social nav.socialicons a.link.youtube {background-position: -128px -140px}
footer#social nav.socialicons a.link.instagram {background-position: -160px -140px}
footer#social nav.socialicons a.link.facebook:hover {background-position: 0 -172px}
footer#social nav.socialicons a.link.twitter:hover {background-position: -32px -172px}
footer#social nav.socialicons a.link.pinterest:hover {background-position: -64px -172px}
footer#social nav.socialicons a.link.vimeo:hover {background-position: -96px -172px}
footer#social nav.socialicons a.link.youtube:hover {background-position: -128px -172px}
footer#social nav.socialicons a.link.instagram:hover {background-position: -160px -172px}


/* BULLETS */
.sitebullet {width:5px;height:5px;background-position:0 -300px;}
.sitebullet.color1 {background-position:0 -300px;}.sitebullet.color2 {background-position:0 -310px;}.sitebullet.color3 {background-position:0 -320px;}
.sitebullet.color4 {background-position:0 -330px;}.sitebullet.color5 {background-position:0 -340px;}.sitebullet.color6 {background-position:0 -350px;}
.sitebullet.color7 {background-position:0 -350px;}.sitebullet.color8 {background-position:-200px -300px;}.sitebullet.color9 {background-position:-200px -310px;}

/* =========================================================================================== CSS SPRITES == */



/* == COOMMON: BUTTONS ====================================================================================== */
a.button {
    float: left;
    margin: 0;
    padding: 8px 20px;
    width: auto;
    height: 18px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: none;
    cursor: pointer;
}
a.button.color1 {background-color: #4eb09d;border-bottom: 3px solid #30927c;border-right: 1px solid #30927c;}
a.button.color2 {background-color: #d9c53e;border-bottom: 3px solid #baa82b;border-right: 1px solid #baa82b;}
a.button.color3 {background-color: #318593;border-bottom: 3px solid #266e7a;border-right: 1px solid #266e7a;}
a.button.color1:hover,
a.button.color2:hover,
a.button.color3:hover {text-decoration: none;background-color: #8d8d8d;border-bottom: 3px solid #6a6a6a;border-right: 1px solid #6a6a6a;}
a.button.color1:active,
a.button.color2:active,
a.button.color3:active {margin: 2px 0 0 0;text-decoration: none;background-color: #8d8d8d;border-bottom: 1px solid #6a6a6a;border-right: 1px solid #6a6a6a;}
/* ====================================================================================== COOMMON: BUTTONS == */



/* == COOMMON: PROD LIST ==================================================================================== */
ul.prodlist {}
ul.prodlist li.item {
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
}
ul.prodlist.grid4 li.item {width: 220px;height: 390px;}
ul.prodlist.grid6 li.item {width: 140px;height: 300px;}

ul.prodlist li.item div.photo {
    float: left;
    position: relative;
    background-color: #4eb09d;
    background-repeat: no-repeat;
    overflow: hidden;
}
ul.prodlist.grid4 li.item div.photo {width: 220px;height: 300px;background-position: 35px 75px;}
ul.prodlist.grid6 li.item div.photo {width: 140px;height: 190px;background-position: -5px 20px;}

ul.prodlist li.item div.photo img.load {position: absolute;top: 50%;left: 50%;margin: -16px 0 0 -16px !important;}

ul.prodlist li.item div.photo .hover {position: absolute;top: 0;left: 0;background: #4eb09d;opacity: 0;}
ul.prodlist.grid4 li.item div.photo .hover {width: 220px;height: 300px;}
ul.prodlist.grid6 li.item div.photo .hover {width: 140px;height: 190px;}

ul.prodlist li.item div.photo .hicon {
    position: absolute;
    margin: -14.5px 0 0 -14.5px;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    background-position: -360px -300px;
    opacity: 0;
}

/* PROMO N' NEW */
ul.prodlist li.item div.photo .hasPromo {position: absolute;top: 0;left: 0;width: 0;height: 0;z-index: 99;}
ul.prodlist.grid4 li.item div.photo .hasPromo {border-top: 100px solid #fff; border-right: 100px solid transparent;}
ul.prodlist.grid6 li.item div.photo .hasPromo {border-top: 65px solid #fff;border-right: 65px solid transparent;}
ul.prodlist li.item div.photo .hasPromo2 {position: absolute;top: 0;left: 0;z-index: 99;}
ul.prodlist li.item div.photo .hasPromo3 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    border-radius: 50%;
    width: 49px;
    height: 37px;
    background: #4eb09d;
    color: white;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
}
ul.prodlist.grid4 li.item div.photo .hasPromo2 {width: 69px;height: 59px;background: transparent url(../img/produto-promo.png) 5px 3px no-repeat;}
ul.prodlist.grid4 li.item div.photo .hastPromo3 {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    width: 49px;
    height: 37px;
    background: #4eb09d;
    color: white;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
    z-index: 99;
}
ul.prodlist.grid6 li.item div.photo .hasPromo2 {width: 44px;height: 39px;background: transparent url(../img/produto-promo-lt.png) 2px 2px no-repeat;}
ul.prodlist.grid6 li.item div.photo .hasPromo3 {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    width: 49px;
    height: 37px;
    background: #4eb09d;
    color: white;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
    z-index: 99;
}
ul.prodlist li.item div.photo .hasNew {position: absolute;bottom: 0;right: 0;width: 0;height: 0;z-index: 99;}
ul.prodlist.grid4 li.item div.photo .hasNew {border-bottom: 100px solid #fff;border-left: 100px solid transparent;}
ul.prodlist.grid6 li.item div.photo .hasNew {border-bottom: 65px solid #fff;border-left: 65px solid transparent;}
ul.prodlist li.item div.photo .hasNew2 {position: absolute;bottom: 0;right: 0;z-index: 99;}
ul.prodlist.grid4 li.item div.photo .hasNew2 {width: 69px;height: 59px;background: transparent url(../img/produto-novo.png) 5px 3px no-repeat;}
ul.prodlist.grid6 li.item div.photo .hasNew2 {width: 44px;height: 39px;background: transparent url(../img/produto-novo-lt.png) 5px 1px no-repeat;}

/* Prod List Icon */
ul.prodlist li.item.first div.photo .icon {position:absolute;top:50%;left:50%;margin:-45px 0 0 -45px;width:90px;height:90px;background-repeat:no-repeat;background-color:transparent;}
ul.prodlist li.item.first div.photo.biquinis .icon {background-position: -8px -639px;}
ul.prodlist li.item.first div.photo.triquinis .icon {background-position: -109px -639px;}
ul.prodlist li.item.first div.photo.tanquinis .icon {background-position: -209px -639px;}
ul.prodlist li.item.first div.photo.fatos-de-banho .icon {background-position: -308px -639px;}
ul.prodlist li.item.first div.photo.crianca .icon {background-position: -508px -639px;}
ul.prodlist li.item.first div.photo.acessorios .icon {background-position: -409px -639px;}
ul.prodlist li.item.first div.photo.outlet .icon {background-position: -605px -639px;}

ul.prodlist li.item div.prodInfo {
    position: relative;
    float: left;
    margin: 5px 0 0 0;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
ul.prodlist.grid4 li.item div.prodInfo {width: 210px;height: 65px;}
ul.prodlist.grid6 li.item div.prodInfo {width: 130px;height: 60px;}

ul.prodlist li.item div.title {
    float: left;
    margin: 0 0 5px 0;
    height: 14px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    color: #333;
    text-align: left;
    line-height: 14px;
}
ul.prodlist.grid4 li.item div.title {width: 210px;font-size: 16px;}
ul.prodlist.grid6 li.item div.title {width: 130px;font-size: 14px;}

ul.prodlist li.item.first div.title {padding: 20px 0 0 0;text-align: center;}
ul.prodlist.grid4 li.item.first div.title {font-size: 22px;}
ul.prodlist.grid6 li.item.first div.title {font-size: 18px;}

ul.prodlist li.item div.more {
    float: left;
    margin: 0;
    padding: 0;
    height: 16px;
    color: #4eb09d;
    text-align: left;
    text-transform: uppercase;
    line-height: 14px;
}
ul.prodlist.grid4 li.item div.more {width: 210px;font-size: 12px;}
ul.prodlist.grid6 li.item div.more {width: 130px;font-size: 11px;}

ul.prodlist li.item div.price {
    position: absolute;
    top: 0;
    right: 5px;
    float: right;
    padding: 40px 0 0 0;
    height: 35px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    text-align: right;
}
ul.prodlist.grid4 li.item div.price {width: 210px;font-size: 46px;}
ul.prodlist.grid6 li.item div.price {width: 130px;font-size: 36px;}

ul.prodlist li.item div.price span.disc {
    padding: 0;
    color: #b04e4e;
    text-decoration: line-through;
}
ul.prodlist.grid4 li.item div.price span.disc {font-size: 26px;}
ul.prodlist.grid6 li.item div.price span.disc {font-size: 16px;}

ul.prodlist li.item div.price span.lt {font-size:45%;letter-spacing:-1px;}
/* ==================================================================================== COOMMON: PROD LIST == */



/* == COOMMON: PAGE TITLES ================================================================================== */
.pageTitleRow {margin: 5px 5px 0 5px;height: 40px;}
.pageTitleRow.color1 {background: #4eb09d;}
.pageTitleRow .titles {float: left;margin: 0;}
.pageTitleRow .titles span.bullet {float: left;margin: 17px 0 0 0;width: 5px;height: 5px;background: url(../img/bullet_01.png) 0px 0px no-repeat;}
.pageTitleRow .titles h3,
.pageTitleRow .titles h4,
.pageTitleRow .titles h5 {float: left;margin: 0 15px;width: auto;height: 40px;font-size: 17px;color: #fff;text-transform: uppercase;}
/* ================================================================================== COOMMON: PAGE TITLES == */



/* == COOMMON: PAGE CONTENT ================================================================================= */
.pageContRow {position:relative;margin:0 5px;}
.pageContRow .mod {
    float: left;
    margin: 30px 0;
    width: 300px;
}
.pageContRow .mod .modTitle {
    float: left;
    padding: 30px 20px 0 20px;
    width: 260px;
    height: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    color: #666666;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
    background: #f4f4f4;
}
.pageContRow .mod .modMenu {
    float: left;
    margin: 20px 0 5px 0;
    padding: 2px 0 0 10px;
    width: 288px;
    border-left: 2px solid #4eb09d;
}
.pageContRow .mod .modMenu ul.submenu {
    float: left;
    margin: 0;
    width: 288px;
    height: auto;
}
.pageContRow .mod .modMenu ul.submenu li.item {
    float: left;
    margin: 2px 0 2px 0;
    width: 288px;
    height: 20px;
}
.pageContRow .mod .modMenu ul.submenu li.item a.link {
    float: left;
    display: block;
    padding: 0;
    width: 280px;
    height: 20px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    cursor: pointer;
}
.pageContRow .mod .modMenu ul.submenu li.item a.link.active {color: #4eb09d;font-weight:700;}
.pageContRow .mod .modMenu ul.submenu li.item a.link:hover {
    color: #4eb09d;
    text-decoration: none;
}
.pageContRow .hack1 {
    position: absolute;
    top: 30px;
    width: 100%;
    height: 80px;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 65%, #f4f4f4 65%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(65%,#ffffff), color-stop(65%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
    z-index: -1;
}

/* == COOMMON: PAGE CONTENT ================================================================================= */



/* == HEADER ================================================================================================ */
/* HEADER: Login Wrapper */
div#loginWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(78,176,157,0.9);
    z-index: 999;
    display: none;
}
div#loginWrapper .loginInner {
    position: absolute;
    margin: -131px 0 0 -125px;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 262px;
}
div#loginWrapper .loginInner .title1,
div#loginWrapper .loginInner .title2 {
    position: absolute;
    margin: -125px 0 0 -160px;
    width: 150px;
    height: 219px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
}
div#loginWrapper .loginInner .title2 {margin:-32px 0 0 265px;}

div#loginWrapper .loginInner .title1.pt {background-image:url(../img/login-fb-pt.png);}
div#loginWrapper .loginInner .title2.pt {background-image:url(../img/login-site-pt.png);}
div#loginWrapper .loginInner .title1.en {background-image:url(../img/login-fb-en.png);}
div#loginWrapper .loginInner .title2.en {background-image:url(../img/login-site-en.png);}
div#loginWrapper .loginInner .title1.es {background-image:url(../img/login-fb-es.png);}
div#loginWrapper .loginInner .title2.es {background-image:url(../img/login-site-es.png);}

div#loginWrapper .loginInner a.fb {
    margin-bottom: 30px;
    width: 209px;
    background-image: url(../img/fb-button-bg.png);
    background-position: 17px 7px;
}
div#loginWrapper .loginInner input.text {
    float: left;
    margin: 0 0 5px 0;
    padding: 0 10px;
    width: 226px;
    height: 31px;
    font-size: 12px;
    background: #fff;
    border: 2px solid #25796b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
div#loginWrapper .loginInner a.login {
    width: 209px;
    background-color: #25796b;
    border-bottom: 3px solid #1c665a;
    border-right: 1px solid #1c665a;
}
div#loginWrapper .loginInner a.login:hover {text-decoration: none;background-color: #8d8d8d;border-bottom: 3px solid #6a6a6a;border-right: 1px solid #6a6a6a;}
div#loginWrapper .loginInner a.login:active {margin: 2px 0 0 0;text-decoration: none;background-color: #8d8d8d;border-bottom: 1px solid #6a6a6a;border-right: 1px solid #6a6a6a;}

div#loginWrapper .loginInner .lastRow {
    float: left;
    margin-top: 30px;
    width: 250px;
    height: auto;
}
div#loginWrapper .loginInner .lastRow a.btn1 {width: 100px;}
div#loginWrapper .loginInner .lastRow a.btn2 {margin-left:10px;width: 58px;}
div#loginWrapper a.closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: -410px -480px;
    cursor: pointer;
    opacity: 0.7;
}
div#loginWrapper .loginRecover {
    position: absolute;
    margin: -131px 0 0 -125px;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 262px;
    display: none;
}
div#loginWrapper .loginRecover .title {
    float: left;
    margin: 0;
    width: 250px;
    height: 35px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}
div#loginWrapper .loginRecover p {
    float: left;
    width: 250px;
    height: 50px;
    color: #fff;
}
div#loginWrapper .loginRecover input.text {
    float: left;
    margin: 0 0 5px 0;
    padding: 0 10px;
    width: 226px;
    height: 31px;
    font-size: 12px;
    background: #fff;
    border: 2px solid #25796b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

div#loginWrapper .loginRecover a.recover {width: 209px;}


div#loginWrapper a.closebtn:hover {opacity:1;}

/* HEADER: INFORMATION */
header#information,
header#information .container,
header#information .container .row {position:relative;}
header#information.type1 .container {
    position:relative;
    margin-top: 30px;
    margin-bottom: 30px;
}
header#information h1.logotipo {
    float: left;
    margin: 10px 0 15px -5px;
    width: 180px;
    height: 80px;
    padding-left: 10px;
}
header#information h1.logotipo a.link {
    float: left;
    display: block;
    width: 180px;
    height: 80px;
}
header#information h1.logotipo img {
    max-width: 95%;
}

header#information nav.userlinks {
    float: right;
    margin: 0 20px 0 0px;
    width: 300px;
    height: 105px;
}
header#information nav.userlinks ul.links {
    float: right;
    margin: 45px 0 0 0;
    width: auto;
    height: auto;
}
header#information nav.userlinks ul.links li.item {
    position: relative;
    float: right;
    width: 100%;
    height: 20px;
}

header#information nav.userlinks ul.links li.sitebullet {
    float: left;
    margin: 7px 5px 0 5px;
}
header#information nav.userlinks ul.links li.item a.link {
    float: right;
    display: block;
    padding: 0 0 0 20px;
    width: auto;
    height: 25px;
    font-size: 12px;
    color: #b1b1b1;
    text-align: center;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

header#information nav.userlinks ul.links li.item a.link.euro {background-image:none;padding:0;}

header#information nav.userlinks ul.links li.item a.link:hover {color:#333;text-decoration:none;}







header#information .useroptions {
    float:right;
    margin: 0 -19px 0 -75px;
    padding: 0 0 0 70px;
    width: 360px;
    height:105px;
    background:url(../img/header-useroptions-bg.png) 0px 0px no-repeat;}

header#information .useroptions .optclm {
    float: left;
    margin: 23px 0 0 0;
    width: 120px;
    height: 82px;
}

@media screen and (max-width: 860px){
    header#information .useroptions .optclm.facebook {
        margin: 0 0 0 -40px;
    }
}

header#information .useroptions .optclm a.link {
    float:left;
    margin: 3px 0;
    width: 100px;
    height: 15px;
    font-size: 12px;
    color: #b1b1b1;
    line-height: 15px;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}


header#information .useroptions .optclm a.link.icon {
    padding: 0 0 0 20px;
    width: 80px;
    background-repeat: no-repeat;
    background-color: transparent;
}

header#information .useroptions .optclm a.link.active {font-weight:bold;color:#4eb09d;}



header#information .useroptions .optclm.facebook {}
header#information .useroptions .optclm.facebook a.fbicon {
    float:left;
    margin: -5px 0 0 15px;
    width:121px;
    height:37px;
    background: url(../img/header-facebook.png) 0px 0px no-repeat;
}
header#information .useroptions .optclm.facebook .fb {
    float: left;
    margin: 10px 0 0 40px;
    width:auto;
    height: auto;
}




/* login */
header#information nav.userlinks ul.links li.item .options.login {
    position: absolute;
    top: -135px;
    margin-left: -14px;
    height: 105px;
    background: #fff;
    overflow: hidden;
}
header#information nav.userlinks ul.links li.item .options.login .column {
    float: left;
    margin: 8px 21px;
    width: 157px;
    height: 85px;
}
header#information nav.userlinks ul.links li.item .options.login .column p {
    float: left;
    width: 157px;
    height: 54px;
    font-size: 12px;
    color: #999;
    line-height: 1.3em;
}

header#information nav.userlinks ul.links li.item .options.login .column input.text {
    float: left;
    margin: 0 0 2px 0;
    padding: 0 5px;
    width: 145px;
    height: 23px;
    font-size: 11px;
    color: #868686;
    background: #fafafa;
    border: 1px solid #dbdbdb;
}
header#information nav.userlinks ul.links li.item .options.login .column input.text:focus {
    background: #fff;
    border: 1px solid #aaaaaa;
}

header#information nav.userlinks a.button.fb {
    margin: 3px 0 0 0;
    padding: 5px 10px;
    width: 136px;
    text-align: right;
    background-image: url(../img/fb-button-bg.png);
    background-position: 13px 4px;
}
header#information nav.userlinks a.button.fb:active {margin: 5px 0 0 0;}

header#information nav.userlinks a.button {margin: 3px 0 0 0;padding: 5px 10px;width: 136px;}
header#information nav.userlinks a.button:active {margin: 5px 0 0 0;}

/* HEADER: MENU */
header#menu {
    position: relative;
    height: 110px;
}
header#menu nav.categories {
    float: left;
    margin: 0 0 0 -20px;
    width: auto;
    height: auto;
}
header#menu nav.categories ul.links {
    float: left;
    width: auto;
    height: auto;
}
header#menu nav.categories ul.links li.item {
    float: left;
    margin: 0 10px;
    width: 70px;
    height: 110px;
}
header#menu nav.categories ul.links li.sitebullet {
    float: left;
    margin: 49px 0 0 0;
}
header#menu nav.categories a.link {
    float: left;
    display: block;
    padding: 75px 0 0 0;
    width: 70px;
    height: 0px;
    font-size: 12px;
    color: #7e7e7e;
    line-height: 1.1em;
    text-align: center;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

header#menu nav.categories a.link:hover,
header#menu nav.categories a.link.active {color:#4eb09d; text-decoration:none; font-weight:bold;}

/* SUBMENUS */
#subMenus {
    position: relative;
    height: 30px;
}
#subMenus .row {}
#subMenus .row ul.submenu {
    float: left;
    width: auto;
    min-height: 30px;
    display: none;
    width: 940px;
    box-sizing: border-box;
    margin: -35px auto 0!important;
    padding: 2rem;
    background: #fff;
    position: absolute;
    left: calc(50vw - 470px);
    border: 2px solid #4eb09d;
    z-index: 103;
    left: 0;
    top: 100%;
}


/*#subMenus .row ul.submenu.active {display:block;}*/
#subMenus .row ul.submenu li.sitem {
    float: left;
    margin: 5px 5px 0 0;
    width: 33.3%
}
#subMenus .row ul.submenu li.sitem a.slink {
    float: left;
    display: block;
    padding: 2px 5px;
    width: auto;
    font-size: 13px;
    color: #a0a0a0;
    line-height: 1.4;
    text-align: center;
}

#subMenus .row ul.submenu li.sitem a.slink:hover {
    color: #4eb09d;
}

#subMenus .row ul.submenu li.sitem a.slink.txt {font-style:italic;text-transform:none;}
#subMenus .row ul.submenu li.sitem a.slink.txt:hover {text-decoration:none;}

#subMenus .row ul.submenu li.sitem a.slink.active {
    color: #4eb09d;
    font-weight: bold;
}

/*#subMenus .row ul.submenu.active li.sitebullet {float:left;margin:11px 5px 0 0;}*/
#subMenus .row ul.submenu.active li.sitebullet {display: none;}


header#menu nav.sections {
    float: right;
    margin: 0 -35px 0 0;
    width: auto;
    height: auto;
}
header#menu nav.sections ul.links {
    float: left;
    margin: 40px 0 0 0;
    width: auto;
    height: auto;
}
header#menu nav.sections ul.links li.item {
    float: left;
    margin: 0 5px;
    width: auto;
    height: 70px;
}
header#menu nav.sections ul.links li.bullet {
    float: left;
    margin: 49px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_04.png) 0px 0px no-repeat;
}
header#menu nav.sections ul.links li.item a.link {
    float: left;
    display: block;
    padding: 35px 4px 15px 4px;
    width: auto;
    height: 15px;
    font-size: 13px;
    color: #7e7e7e;
    line-height: 1.1em;
    text-align: center;
    text-transform: uppercase;
}
header#menu nav.categories li.active a,
header#menu nav.categories a.link:hover,
header#menu nav.categories a.link.active {color:#4eb09d; text-decoration:none; font-weight:bold;}

header#menu .searchSite {
    position: absolute;
    top: -6px;
    right: -25px;
    width: 265px;
    height: 35px;
}
header#menu .searchSite.home {top: 5px;}
header#menu .searchSite .layout {
    float: left;
    width: 0px;
    height: 0px;
    border-top: 35px solid #f4f4f4;
    border-left: 35px solid transparent;
}
header#menu .searchSite form.sform {
    position: relative;
    float: left;
    width: 225px;
    height: 35px;
    background: #f4f4f4;
}
header#menu .searchSite form.sform input {
    float: left;
    padding: 0 8px;
    width: 172px;
    height: 33px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    color: #7e7e7e;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #f4f4f4;
}
header#menu .searchSite form.sform a.formbtn {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 9px 0 0 0;
    width: 35px;
    height: 24px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    color: #7e7e7e;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
}
header#menu .searchSite form.sform a.formbtn:hover {color:#4eb09d;}

.hack3 {
    position: absolute;
    top: 115px;
    right: 5px;
    width: 100%;
    height: 35px;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 80%, #f4f4f4 80%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(80%,#ffffff), color-stop(80%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 80%,#f4f4f4 80%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 80%,#f4f4f4 80%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 80%,#f4f4f4 80%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 80%,#f4f4f4 80%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );

    z-index: -1;
}
.hack3.home {top: 490px;}



header#information.type2 {
    margin: 5px;
    background: #f8f8f8;
    background: -moz-linear-gradient(left,  #f8f8f8 0%, #f8f8f8 65%, #e0e0e0 65%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8f8f8), color-stop(65%,#f8f8f8), color-stop(65%,#e0e0e0), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(left,  #f8f8f8 0%,#f8f8f8 65%,#e0e0e0 65%,#e0e0e0 100%);
    background: -o-linear-gradient(left,  #f8f8f8 0%,#f8f8f8 65%,#e0e0e0 65%,#e0e0e0 100%);
    background: -ms-linear-gradient(left,  #f8f8f8 0%,#f8f8f8 65%,#e0e0e0 65%,#e0e0e0 100%);
    background: linear-gradient(to right,  #f8f8f8 0%,#f8f8f8 65%,#e0e0e0 65%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f3ebb1',GradientType=1 );
}
header#information.type2 .container {
}

/* HOME BANNER */
header#banner {
    position: relative;
    width: 100%;
    height: 350px;
    background: #a65a40;
    border-top: 10px solid #a65a40;
    border-bottom: 10px solid #a65a40
}

header#banner .slides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: 350px;
    padding: 0;
    margin: 0;
}

header#banner .slides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

header#banner .slides li:first-child {
    position: relative;
    display: block;
    float: left;
}

header#banner .slides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

header#banner a.rslides_nav {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    text-indent: -999px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 1;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
}
header#banner a.rslides_nav.prev {background-position: -180px -416px;left:10px;}
header#banner a.rslides_nav.next {background-position: -180px -380px;right:10px;}
header#banner a.rslides_nav.prev:hover {background-position: -144px -416px;}
header#banner a.rslides_nav.next:hover {background-position: -144px -380px;}
/* ================================================================================================ HEADER == */



/* == PAGE: HOME ============================================================================================ */
section#Homepage {position: relative;height: 425px}
section#Homepage ul.prodlist {margin-top: 5px;}
section#Homepage ul.prodlist li.item {margin-top: 0;margin-bottom: 30px;text-align: center;}
section#Homepage ul.prodlist li.item div.price {
    float: none;
    position: relative;
    display: inline-block;
    right: 0;
    margin: 20px auto 0 auto;
    padding: 5px 10px;
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #4eb09d;
    letter-spacing: 0px;
    text-align: center;
    border: 2px solid #4eb09d;
}
section#Homepage ul.prodlist li.item div.price span.old {
    font-size: 14px;
    color: #b04e4e;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-decoration: line-through;
}
section#Homepage ul.prodlist li.item div.price span.lt {font-size:75%;}
section#Homepage ul.prodlist li.item div.price span.sitebullet {
    display: inline-block;
    margin: 0 3px 3px 3px;
    width: 5px;
}

section#Homepage .hackByJs1 {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 0;
    height: 200px;
    border-right: 0px solid #4eb09d; /*by JS*/
    border-bottom: 100px solid transparent;
    display: none;

}
section#Homepage .hackByJs2 {
    position: absolute;
    top: 6px;
    right: 5px;
    width: auto; /*by JS*/
    height: 300px;
    background: #4eb09d;
    display: none;
}
section#Homepage h3.sliderTitle {
    position: absolute;
    top: 110px;
    margin-left: -50px;
    width: 100px;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
section#Homepage .hackByJs2 a.more {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -54px;
    width: 36px;
    height: 36px;
    background-position: -36px -380px;
    cursor: pointer;
}
section#Homepage .hackByJs2 a.minus {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: 18px;
    width: 36px;
    height: 36px;
    background-position: -36px -416px;
    cursor: pointer;
}
section#Homepage .hackByJs2 a.more:hover {background-position: -216px -380px;}
section#Homepage .hackByJs2 a.minus:hover {background-position: -216px -416px}
/* ============================================================================================ PAGE: HOME == */



/* == PAGE: CONTENT ========================================================================================= */

section#conteudo {position:relative;}

section#conteudo .topRow {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#conteudo .topRow .titles {
    float: left;
    margin: 0;
}
section#conteudo .topRow .titles span.sitebullet {
    float: left;
    margin: 17px 0 0 0;
}
section#conteudo .topRow .titles h3.title {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}

section#conteudo .pagetitles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#conteudo .pagetitles span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_01.png) 0px 0px no-repeat;
}
section#conteudo .pagetitles h3.title,
section#conteudo .pagetitles h2.title {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}
section#conteudo .content {position:relative;margin:0 5px;}
section#conteudo .content h2.title {
    float: left;
    margin: 50px 0 20px 0;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#conteudo .content .txt {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
}
section#conteudo .content .txt strong {font-weight:700;color:#333}
section#conteudo .content .txt p {margin-bottom:25px;}
section#conteudo .content .txt p:last-child {margin-bottom:0px;}

section#conteudo .content .txt blockquote {
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-style: italic;
    color: #999;
    line-height: 1.7em;
}
section#conteudo .content .txt blockquote p {
    font-size: 12px;
    font-style: italic;
    color: #999;
    line-height: 1.7em;
}
section#conteudo .content .txt ul {}
section#conteudo .content .txt ul li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: disc;
    list-style-position: outside;
}
section#conteudo .content .txt ol {}
section#conteudo .content .txt ol li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: decimal;
    list-style-position: outside;
}

section#conteudo .content .mod {
    float: left;
    margin: 30px 0 0 0;
    width: 300px;
}
section#conteudo .content .mod .modTitle {
    float: left;
    padding: 30px 0 0 20px;
    width: 280px;
    height: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    color: #666666;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
    background: #f4f4f4;
}
section#conteudo .content .mod .modMenu {
    float: left;
    width: 300px;
}
section#conteudo .content .mod .modMenu ul.submenu {
    float: left;
    margin: 10px 0 0 0;
    width: 300px;
    height: auto;
}
section#conteudo .content .mod .modMenu ul.submenu li.item {
    float: left;
    margin: 0 0 5px 20px;
    width: 280px;
    height: 20px;
}
section#conteudo .content .mod .modMenu ul.submenu li.item a.link {
    float: left;
    display: block;
    padding: 0 0 0 13px;
    width: 267px;
    height: 20px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    background: url(../img/bullet_05.png) 0px 7px no-repeat;
    cursor: pointer;
}
section#conteudo .content .mod .modMenu ul.submenu li.item a.link:hover {
    color: #4eb09d;
    text-decoration: none;
}

section#conteudo .content .hack1 {
    position: absolute;
    top: 30px;
    width: 100%;
    height: 80px;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 65%, #f4f4f4 65%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(65%,#ffffff), color-stop(65%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
    z-index: -1;
}

section#conteudo .content .mod2 {
    float: left;
    margin: 30px 0 0 0;
    width: 300px;
}
section#conteudo .content .mod2 .modTitle {
    float: left;
    margin: 0 0 5px 0;
    padding: 5px 0 0 10px;
    width: 288px;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #333;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
    border-left: 2px solid #4eb09d;
}
section#conteudo .content .mod2 .modContent {
    float: left;
    margin: 0 0 5px 0;
    padding: 2px 0 0 10px;
    width: 288px;
    border-left: 2px solid #4eb09d;
}
section#conteudo .content .mod2 .modContent ul.files {}
section#conteudo .content .mod2 .modContent ul.files li.item {
    margin: 0 0 5px 0;
    height: 24px;
}
section#conteudo .content .mod2 .modContent ul.files li.item a.link {
    display: block;
    padding: 3px 0 0 30px;
    height: 21px;
    color: #333;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.pdf {background-image:url(../img/icons/acrobat-lt.png);}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.doc,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.docx {background-image:url(../img/icons/word-lt.png);}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.xls,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.xlsx {background-image:url(../img/icons/excel-lt.png);}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.zip,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.rar,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.tar {background-image:url(../img/icons/archive-lt.png);}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.jpg,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.jpeg,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.png,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.bmp,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.gif,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.tiff {background-image:url(../img/icons/jpg-lt.png);}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.mp3,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.wav {background-image:url(../img/icons/music-lt.png);}
section#conteudo .content .mod2 .modContent ul.files li.item a.link.mpeg,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.mpg,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.mov,
section#conteudo .content .mod2 .modContent ul.files li.item a.link.avi {background-image:url(../img/icons/video-lt.png);}


section#conteudo .content .mod2 .modContent ul.images {}
section#conteudo .content .mod2 .modContent ul.images li.photo {
    float: left;
    margin: 0 5px 5px 0;
    width: 60px;
    height: 75px;
    background: #4eb09d;
}
section#conteudo .content .mod2 .modContent ul.images li.photo a.link {
    position: relative;
    float: left;
    display: block;
    width: 60px;
    height: 75px;
    cursor: pointer;
}
section#conteudo .content .mod2 .modContent ul.images li.photo a.link .hover {
    float: left;
    position: absolute;
    width: 60px;
    height: 75px;
    background: #4eb09d;
    opacity: 0.5;
}
section#conteudo .content .mod2 .modContent ul.images li.photo a.link .hicon {
    float: left;
    position: absolute;
    margin: -7.5px 0 0 -7.5px;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background: url(../img/hover-photo-size1.png) 0px 0px no-repeat;
    opacity: 1;
}
section#conteudo .content .mod2 .modContent ul.images li.photo a.link .image {
    float: left;
    width: 60px;
    height: 75px;
    overflow: hidden;
}
section#conteudo .content .mod2 .modContent ul.images li.photo a.link .image img {
    float: left;
    margin: -5px 0 0 0;
}


/* ========================================================================================= PAGE: CONTENT == */



/* == PAGE: ACCOUNT ========================================================================================= */

section#account {}
section#account .pagetitles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #d9c53e;
}
section#account .pagetitles span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_01.png) 0px 0px no-repeat;
}
section#account .pagetitles h3.pageTitle,
section#account .pagetitles h2.pageTitle {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}
section#account .pagetitles h2.pageTitle {}

section#account section.page {
    position: relative;
    margin: 50px 5px 0 5px;
}

section#account section.page h5.contentTitle {
    float: left;
    margin: 0 0 15px -2px;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #b8a630;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#account section.page p.text {
    float: left;
    margin: 0 0 25px 0;
    width: 100%;
    height: auto;
    font-size: 11px;
    color: #a0a0a0;
    line-height: 1.4em;
}
section#account section.page form {
    float: left;
    width: 100%;
    height: auto;
}

section#account section.page .formRow {
    float: left;
    margin: 0 0 15px 0;
    width: 540px;
    height: auto;
}
section#account section.page .formRow .bgs {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 516px;
    height: 29px;
    font-size: 11px;
    color: #666;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #e4e4e4;
    background: #fafafa;
}
section#account section.page form label {
    float: left;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #b8a630;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
}
section#account section.page form label.lt {margin:4px 30px 0 0;font-size:11px;color:#666}
section#account section.page form label span.req {
    font-weight: 700;
    color: #F00;
}
section#account section.page form input.text {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 516px;
    max-width: 100%;
    height: 29px;
    font-size: 11px;
    color: #666;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #e4e4e4;
    background: #fafafa;
}
section#account section.page form input.text.lt {
    float: left;
    margin: 3px;
    padding: 0 3px;
    height: 27px;
    font-size: 11px;
    color: #666;
    border:1px solid #CCC;
    background: #fff;
}
section#account section.page form input.radio {
    float: left;
    margin: 4px 5px 0 0;
    width: auto;
    height: auto;
}
section#account section.page form input.check {
    float: left;
    margin: 0 0 5px 0;
    width: auto;
    height: auto;
}
section#account section.page form select.select1 {
    float: left;
    width: 540px;
    height: 30px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #e4e4e4;
    background: #fafafa;
}
section#account section.page .formRow a.text {color:#000;text-decoration:underline;}

section#account section.page div.sidebar {
    float: left;
    position: relative;
    margin: 30px 0 0 0;
    padding: 0 0 0 40px;
    width: 260px;
    height: 820px;
    background: #f4f4f4;
}

section#account section.page .corner {
    position: absolute;
    margin: -80px 0 0 -40px;
    width: 0px;
    height: 0px;
    border-right: 90px solid #f4f4f4;
    border-top: 80px solid transparent;
}
section#account section.page .corner2 {
    position: absolute;
    margin: -80px 0 0 50px;
    width: 210px;
    height: 85px;
    background: #f4f4f4;
}

section#account section.page a.fb {
    margin-bottom: 30px;
    width: 209px;
    background-image: url(../img/fb-button-bg.png);
    background-position: 17px 7px;
}

div#polipriv,
div#siteterms {width: 400px;overflow-y: hidden;overflow-x: hidden;}
div#polipriv h2,
div#siteterms h2 {
    float: left;
    margin: 5px 0 14px 0;
    width: 400px;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #333;
    line-height: 25px;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
}
div#polipriv .content,
div#siteterms .content {
    float: left;
    padding: 10px;
    width: 378px;
    height: 368px;
    font-size: 11px;
    color: #999;
    line-height: 1.4em;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #999;
    background: #fff;
}
div#polipriv .content strong,
div#siteterms .content strong {font-weight:700;color:#333}
div#polipriv .content p,
div#siteterms .content p {margin-bottom:25px;}
div#polipriv .content p:last-child,
div#siteterms .content p:last-child {margin-bottom:0px;}

div#polipriv .content blockquote
div#siteterms .content blockquote {
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-style: italic;
    color: #999;
    line-height: 1.7em;
}
div#polipriv .content blockquote p,
div#siteterms .content blockquote p {
    font-size: 12px;
    font-style: italic;
    color: #999;
    line-height: 1.7em;
}
div#polipriv .content ul,
div#siteterms .content ul {}
div#polipriv .content ul li,
div#siteterms .content ul li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: disc;
    list-style-position: outside;
}
div#polipriv .content ol,
div#siteterms .content ol {}
div#polipriv .content ol li,
div#siteterms .content ol li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: decimal;
    list-style-position: outside;
}


div#polipriv .confirm,
div#siteterms .confirm {
    float: left;
    margin: 10px 0 0 0;
    width: 296px;
    height: 50px;
    border: 1px solid #999;
    border-left: 3px solid #999;
    background: #fff;
}
div#polipriv .confirm input.check,
div#siteterms .confirm input.check {
    float: left;
    margin: 17px 10px 0 17px;
}
div#polipriv .confirm label,
div#siteterms .confirm label {
    float: left;
    margin: 13px 0px 0 0;
    padding: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    color: #333;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
}
div#polipriv .btnClose,
div#siteterms .btnClose {
    float: left;
    margin: 10px 0 0 5px;
    width: 95px;
    height: 50px;
}
div#polipriv .btnClose a,
div#siteterms .btnClose a {
    width: 54px;
    height: 33px;
    line-height: 33px;
}

section#account section.page .hack10 {
    position: absolute;
    padding: 50px 0 0 0;
    top: -50px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 70%, #f4f4f4 70%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(70%,#ffffff), color-stop(70%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
    z-index: -1;
}



/* ========================================================================================= PAGE: ACCOUNT == */



/* == PAGE: CART ============================================================================================ */

section#cart {}
section#cart .pagetitles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#cart .pagetitles span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_01.png) 0px 0px no-repeat;
}
section#cart .pagetitles h3.pageTitle,
section#cart .pagetitles h2.pageTitle {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}

section#cart section.table {
    margin: 30px 0 15px 0;
}
section#cart section.table table#cartTable {width:940px;}
section#cart section.table table#cartTable thead {}
section#cart section.table table#cartTable thead tr {}
section#cart section.table table#cartTable thead tr td {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
section#cart section.table table#cartTable thead tr td.td1 {padding:8px 0;}
section#cart section.table table#cartTable thead tr td.td2 {padding:8px 20px;width:90px;text-align:left;background:#f7f9f9;}
section#cart section.table table#cartTable thead tr td.td3 {width:128px;text-align:center;}
section#cart section.table table#cartTable thead tr td.td4 {padding:8px 15px 8px 20px;width:90px;text-align:left;background:#f7f9f9;}
section#cart section.table table#cartTable thead tr td.td5 {padding:0;width:30px;}

section#cart section.table table#cartTable tbody {}
section#cart section.table table#cartTable tbody tr {
    min-height: 100px;
    border-bottom: 2px solid #4eb09d;
}
section#cart section.table table#cartTable tbody tr td {
    padding-top: 30px;
    vertical-align: bottom;
    border-top: none;
}

section#cart section.table table#cartTable tbody tr td.td1 {padding:8px 0 0 0;width:70px;}
section#cart section.table table#cartTable tbody tr td.td2 {}
section#cart section.table table#cartTable tbody tr td.td3 {padding:30px 20px 23px 20px;text-align:right;background:#f7f9f9;}
section#cart section.table table#cartTable tbody tr td.td4 {padding:8px 0 20px 23px;}
section#cart section.table table#cartTable tbody tr td.td5 {
    padding:8px 15px 23px 20px;
    font-size: 22px;
    color: #4eb09d;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align:right;
    background:#f7f9f9;
}
section#cart section.table table#cartTable tbody tr td.td6 {padding:8px 0 20px 10px;}

section#cart section.table table#cartTable tbody tr:first-child td {
    border-top: 1px solid #F2F2F2;
}
section#cart section.table table#cartTable tbody tr td span.old {
    font-size: 14px;
    color: #b04e4e;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-decoration: line-through;
}
section#cart section.table table#cartTable tbody tr td span.new {
    font-size: 22px;
    color: #4eb09d;
    letter-spacing: 0px;
    text-transform: uppercase;
}

section#cart section.table table#cartTable tbody tr td span.title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 20px;
    text-transform: uppercase;
}
section#cart section.table table#cartTable tbody tr td span.title2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
section#cart section.table table#cartTable tbody tr td span span.lt {font-size: 65%;}
section#cart section.table table#cartTable tbody tr td ul.attr {}
section#cart section.table table#cartTable tbody tr td ul.attr li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 0 0 10px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0px;
    line-height: 20px;
    background: url(../img/bullet_05.png) left center no-repeat;
}
section#cart section.table table#cartTable tbody tr td ul.attr li span {color:#333;}
section#cart section.table table#cartTable tbody tr td a.button {
    margin: 0;
    padding: 1px 0 0 0;
    width: 25px;
    height: 21px;
    font-size: 14px;
    font-weight: 500;
}
section#cart section.table table#cartTable tbody tr td a.button:active {margin: 2px 0 0 0;}

section#cart section.table table#cartTable tbody tr td input.text {
    float: left;
    margin: 0 2px;
    padding: 5px;
    width: 30px;
    height: 13px;
    font-size: 11px;
    color: #333;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

section#cart section.table table#cartTable tfoot {}
section#cart section.table table#cartTable tfoot tr {}
section#cart section.table table#cartTable tfoot tr td {
    padding: 8px 16px 0px 0;
    border: none;
}
section#cart section.table table#cartTable tfoot tr td.td2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #999;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: right;
    border-bottom: 1px solid #F2F2F2;
}
section#cart section.table table#cartTable tfoot tr td.td3 {
    font-size: 18px;
    color: #666;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: right;
    border-bottom: 1px solid #F2F2F2;
}
section#cart section.table table#cartTable tfoot tr td.td3 span span.lt {font-size: 65%;}

section#cart section.table table#cartTable tfoot tr:last-child td {
    padding: 10px 15px 2px 0;
    border-bottom: 1px solid #F2F2F2;
}

section#cart section.cartLinks {}
section#cart section.cartLinks a.button {
    margin: 10px 0;
    width: 200px;
}
section#cart section.cartLinks a.button.checkout {float: right;}
section#cart section.cartLinks a.button.back:active,
section#cart section.cartLinks a.button.checkout:active {margin: 12px 0 10px 0;}

section#cart section.cartOptions {
    position: relative;
    height: 250px;
}
section#cart section.cartOptions .span6 {position:relative;}
section#cart section.cartOptions .title {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #d9c53e;
    letter-spacing: -1px;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
}
section#cart section.cartOptions p.text {
    float: left;
    margin: 10px 0;
    width: 100%;
    height: 40px;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
    text-align: left;
}
section#cart section.cartOptions input.text,
section#cart section.cartOptions select.paises {
    float: left;
    margin: 0 0 5px 0;
    padding: 5px 10px;
    width: 438px;
    height: 28px;
    font-size: 14px;
    color: #d9c53e;
    background: #fff;
    border: 1px solid #d9c53e;
}
section#cart section.cartOptions input.text {
    margin: 0;
    width: 359px;
    border-right: none;
}

section#cart section.cartOptions select.paises {
    width: 460px;
    height: 40px;
}
section#cart section.cartOptions a.button {
    float: right;
    margin: 0;
    padding: 0;
    width: 79px;
    height: 38px;
    font-size: 12px;
    color: #d9c53e;
    text-transform: uppercase;
    line-height: 38px;
    cursor: pointer;
    border: 1px solid #d9c53e;
    border-left: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
section#cart section.cartOptions .response {
    float: left;
    width: 460px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background: #d9c53e;
    display: none;
}
section#cart section.cartOptions .response .title2 {
    float: left;
    margin: 9px 12px;
    width: 436px;
    text-transform: uppercase;
}
section#cart section.cartOptions .response .title2 p {
    float: left;
    margin: 0 10px 0 0;
}
section#cart section.cartOptions .response .title2 a.remCupon {
    float: right;
    margin: -9px -12px 0 0;
    padding: 10px 0 0 0;
    width: 40px;
    height: 30px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #d9c53e;
    border-left: 1px solid #fff;
    cursor: pointer;
}
section#cart section.cartOptions .response .title2 a.remCupon:hover {background:#8d8d8d;}


/* ============================================================================================ PAGE: CART == */



/* == PAGE: ENCOMENDA ======================================================================================= */

section#encomenda {}
section#encomenda .pagetitles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#encomenda .pagetitles span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_01.png) 0px 0px no-repeat;
}
section#encomenda .pagetitles h3.pageTitle {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}

section#encomenda section.process {
    position: relative;
    margin: 2px 5px 0 5px;
    height: 40px;
    background: #cef2eb;
    background: -moz-linear-gradient(left,  #cef2eb 0%, #cef2eb 50%, #f4f4f4 50%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cef2eb), color-stop(50%,#cef2eb), color-stop(50%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #cef2eb 0%,#cef2eb 50%,#f4f4f4 50%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #cef2eb 0%,#cef2eb 50%,#f4f4f4 50%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #cef2eb 0%,#cef2eb 50%,#f4f4f4 50%,#f4f4f4 100%);
    background: linear-gradient(to right,  #cef2eb 0%,#cef2eb 50%,#f4f4f4 50%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cef2eb', endColorstr='#f4f4f4',GradientType=1 );
}
section#encomenda section.process ul.steps {
    float: left;
    width: auto;
    height: 40px;
}
section#encomenda section.process ul.steps li.step {
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    width: auto;
    height: 40px;
    background: #f4f4f4;

}
section#encomenda section.process ul.steps li.step.active {background: #cef2eb;}
section#encomenda section.process ul.steps li.step::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #fff;
}
section#encomenda section.process ul.steps li.step::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -20px;
    border-width: 20px 0 20px 10px;
    border-style: solid;
    border-color: #fff #fff #fff transparent;
}
section#encomenda section.process ul.steps li.step:after {}
section#encomenda section.process ul.steps li.step:first-child {margin:0 0 0 -20px;}
section#encomenda section.process ul.steps li.step:last-child {background: none;}

section#encomenda section.process ul.steps li.step:first-child::before {border:none;}
section#encomenda section.process ul.steps li.step:first-child::after {border:none;}

section#encomenda section.process ul.steps li.step a.link {
    float: left;
    margin: 0 0 0 -10px;
    padding: 0 10px 0 15px;
    display: block;
    width: 121px;
    height: 40px;
    cursor: pointer;
}
section#encomenda section.process ul.steps li.step a.link span.num {
    float: left;
    margin: 7px 4px 5px 5px;
    padding: 3px 0 0 0;
    width: 24px;
    height: 21px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #4eb09d;
    border-right: 1px solid #30927c;
    border-bottom: 2px solid #30927c;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
section#encomenda section.process ul.steps li.step a.link span.txt {
    float: left;
    margin: 10px 0 0 0;
    width: auto;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #333;
    letter-spacing: 0px;
    text-transform: uppercase;
}
section#encomenda section.process ul.steps li.step a.link:hover span.num {
    background: #8d8d8d;
    border-right: 1px solid #6a6a6a;
    border-bottom: 2px solid #6a6a6a;
}
section#encomenda section.process ul.steps li.step a.link:hover span.txt {
    color: #000;
}
section#encomenda section.process ul.steps li.step a.link:active span.num {
    margin: 8px 4px 5px 5px;
    background: #8d8d8d;
    border-right: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
}

section#encomenda section.process ul.steps li.step a.link:hover {}
section#encomenda section.process ul.steps li.step a.link.inactive {opacity:0.3;cursor:default;background:none;}
section#encomenda section.process ul.steps li.step a.link.inactive:hover span.num,
section#encomenda section.process ul.steps li.step a.link.inactive:active span.num {
    margin: 7px 4px 5px 5px;
    background: #4eb09d;
    border-right: 1px solid #30927c;
    border-bottom: 2px solid #30927c;
}

/* PANELS */
section#encomenda section.panels {
    margin: 50px 5px 0 5px;
    position: relative;
}
section#encomenda section.panels .panel {}
section#encomenda section.panels .panel h5.panelTitle {
    float: left;
    margin: 0 0 15px -2px;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#encomenda section.panels .panel p.intro {
    float: left;
    margin: 0 0 25px 0;
    width: 100%;
    height: auto;
    font-size: 11px;
    color: #a0a0a0;
    line-height: 1.4em;
}

section#encomenda section.panels .panel .formRow {
    float: left;
    margin: 0 0 10px 0;
    width: 540px;
}
section#encomenda section.panels .panel .formRow label {
    float: left;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #4eb09d;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
}
section#encomenda section.panels .panel .formRow label span.req {font-weight:700;color:#F00;}
section#encomenda section.panels .panel .formRow input {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 516px;
    height: 29px;
    font-size: 11px;
    color: #666;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #e4e4e4;
    background: #fafafa;
}
section#encomenda section.panels .panel .formRow select.select1 {
    float: left;
    width: 540px;
    height: 30px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #e4e4e4;
    background: #fafafa;
}
section#encomenda section.panels .panel .formRow.radios {
    float: left;
    margin: 0 0 5px 0;
    width: 537px;
    height: 45px;
    border-left: 3px solid #d7d7d7;
    background: #f4f4f4;
}
section#encomenda section.panels .panel .formRow.radios .title {
    float: left;
    margin: 0 0 0 10px;
    width: 100px;
    height: 45px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #121212;
    line-height: 45px;
    text-transform: uppercase;
}
section#encomenda section.panels .panel .formRow.radios .texto {
    float: left;
    margin-left: 15px;
    width: auto;
    height: 45px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 45px;
}
section#encomenda section.panels .panel .formRow.radios .input {
    float: left;
    width: 35px;
    height: 45px;
}
section#encomenda section.panels .panel .formRow.radios .input input {
    float: left;
    width: 35px;
    height: 45px;
}
section#encomenda section.panels .panel .formRow.radios .txt {
    float: left;
    width: 502px;
    height: 45px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0;
    line-height: 45px;
    text-transform: uppercase;
}
section#encomenda section.panels .panel .formRow.values {
    float: left;
    margin: 0 0 40px 0;
    width: 540px;
    height: 110px;
}
section#encomenda section.panels .panel .formRow.values .clm1 {float:left;width:200px;}
section#encomenda section.panels .panel .formRow.values .clm2 {float:left;margin:37px 0 0 0;width:340px;}
section#encomenda section.panels .panel .formRow.values .title {
    float: left;
    width: 100px;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #999;
    line-height: 25px;
    letter-spacing: 0;
    text-transform: uppercase;
}
section#encomenda section.panels .panel .formRow.values .val {
    float: left;
    width: 70px;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    line-height: 25px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: right;
}

section#encomenda section.panels .panel .formRow.values .clm2 {}
section#encomenda section.panels .panel .formRow.values .clm2 .title {width:340px;height:auto;font-size: 24px;color:#333;text-align:center;}
section#encomenda section.panels .panel .formRow.values .clm2 .val {width:340px;height:60px;font-size: 70px;color: #4eb09d;text-align:center;line-height:60px;}


section#encomenda section.panels .panel .formRow.formSubmit {
    margin: 40px 0 40px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #e9e9e9;
}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder {
    float: right;
    width: auto;
    height: 36px;
    cursor: pointer;
}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder span.icon {
    float: right;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -36px -380px;
}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder span.txt {
    float: left;
    margin: 3px 10px 0 10px;
    width: auto;
    height: 28px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: uppercase;
}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder.prev {float: left;}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder.prev span.icon {float: left;background-position: -216px -416px;}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder.prev span.txt {margin: 3px 10px 0 5px;font-size: 14px;color:#666;}
section#encomenda section.panels .panel .formRow.formSubmit a.buttonOrder.next:hover span.icon {background-position: -72px -380px;}


section#encomenda section.panels div.sidebar {
    float: left;
    position: relative;
    margin: 30px 0 0 0;
    padding: 0 0 0 40px;
    width: 260px;
    background: #f4f4f4;
}
section#encomenda section.panels div.sidebar .corner {
    position: absolute;
    margin: -80px 0 0 -40px;
    width: 0px;
    height: 0px;
    border-right: 90px solid #f4f4f4;
    border-top: 80px solid transparent;
}
section#encomenda section.panels div.sidebar .corner2 {
    position: absolute;
    margin: -80px 0 0 50px;
    width: 210px;
    height: 85px;
    background: #f4f4f4;
}
section#encomenda section.panels div.sidebar .info {
    float: left;
    position: relative;
    margin: 20px 0 30px 15px;
    width: 245px;
}
section#encomenda section.panels div.sidebar .info .state {
    position: absolute;
    margin: 0 0 0 -45px;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-color: transparent;
}
section#encomenda section.panels div.sidebar .info .state.ok {background-position:-252px -452px;}
section#encomenda section.panels div.sidebar .info .state.erro {background-position:-216px -452px;}
section#encomenda section.panels div.sidebar .info .title {
    float: left;
    margin: 0 0 3px 0;
    width: 245px;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}
section#encomenda section.panels div.sidebar .info .txt {
    float: left;
    width: 245px;
    font-size: 11px;
    color: #afafaf;
}
section#encomenda section.panels .hack9 {
    position: absolute;
    padding: 80px 0 0 0;
    top: -50px;
    width: 100%;
    height: 80px;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 70%, #f4f4f4 70%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(70%,#ffffff), color-stop(70%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 70%,#f4f4f4 70%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
    z-index: -1;
}


div#bigInfoPayment {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(78,176,157,0.9);
    z-index: 999;
}
div#bigInfoPayment .inner {
    position: absolute;
    margin: -25px 0 0 -300px;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 50px;
    text-align: center;
}
div#bigInfoPayment .inner .texto {
    font-size: 14px;
    color: #fff;
}


/* ======================================================================================= PAGE: ENCOMENDA == */



/* == PAGE: CATEGORIA ======================================================================================= */
section#catalogo {}

/* FILTROS */
section#catalogo .catFilters {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform 0.2s linear;
    -webkit-transition: transform 0.2s linear;
}

section#catalogo .catFilters.fixed {
    position: fixed;
    top: -55px;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    z-index: 103;
    width: calc(100% - 10px);
    transition: transform 0.4s linear;
    -webkit-transition: transform 0.4s linear;
}
section#catalogo .catFilters.fixed + .pageOptions {
    margin-top: 40px;
}

section#catalogo .catFilters h3.catTitle {
    float: left;
    margin: 0;
    width: auto;
    height: 40px;
}
section#catalogo .catFilters h3.catTitle span.sitebullet,
section#catalogo .catFilters .filters span.sitebullet,
section#catalogo .pageOptions .counter span.sitebullet,
section#catalogo .pageOptions .listoptions span.sitebullet {
    float: left;
    margin: 17px 0 0 0;
}
section#catalogo .catFilters h3.catTitle span.txt {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}
section#catalogo .catFilters .filters {
    float: right;
    margin: 0 -20px 0 0;
    width: auto;
    height: 40px;
}
section#catalogo .catFilters .filters select.filter {
    float: left;
    margin: 7px 5px 0 0;
    width: 130px;
    height: 25px;
    font-size: 10px;
    color: #257767;
    text-transform: uppercase;
    background: #a9e9dd;
    border: 1px solid #257767;
}
section#catalogo .catFilters .filters select.filter.active {
    color: rgb(17, 68, 58);
    background: rgb(239, 252, 249);
}
section#catalogo .catFilters .filters a.link {
    float: left;
    margin: 7px 15px 0 0;
    padding: 4px 0 0 8px;
    width: 15px;
    height: 19px;
    font-size: 10px;
    color: #257767;
    text-transform: uppercase;
    background: #a9e9dd;
    border: 1px solid #257767;
    cursor: pointer;
}

/* PAGINAÇÃO */
section#catalogo .pageOptions {
    position: relative;
    margin: 2px 5px 0 5px;
    height: 40px;
    background: #f4f4f4;
}
section#catalogo .pageOptions .counter {
    float: left;
    margin: 0;
    width: auto;
    height: 40px;
}
section#catalogo .pageOptions .counter span.txt {
    float: left;
    margin: 0 15px;
    padding: 11px 0 0 0;
    width: auto;
    height: 29px;
    font-size: 11px;
    color: #949494;
}

section#catalogo .pageOptions .nav {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 7px 0 0 -54px;
    width: 108px;
    height: 25px;
}
section#catalogo .pageOptions .nav ul.navarrows {
    float: left;
    width: auto;
    height: 25px;
}
section#catalogo .pageOptions .nav ul.navarrows li {
    float: left;
    width: auto;
    height: 25px;
    background-color: #9d9d9d;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
section#catalogo .pageOptions .nav ul.navarrows li.left {
    width: 25px;
    background-image: url(../img/navarrows-left.png);
}
section#catalogo .pageOptions .nav ul.navarrows li.text {
    margin: 0 2px;
    padding: 2px 0 0 0;
    width: 54px;
    height: 23px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
section#catalogo .pageOptions .nav ul.navarrows li.right {
    width: 25px;
    background-image: url(../img/navarrows-right.png);
}
section#catalogo .pageOptions .nav ul.navarrows li a.link {
    float: left;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

section#catalogo .pageOptions .listoptions {
    float: right;
    margin: 0 -20px 0 0;
    width: auto;
    height: 40px;
}
section#catalogo .pageOptions .listoptions select.listoption {
    float: left;
    margin: 7px 5px 0 15px;
    width: 130px;
    height: 25px;
    font-size: 10px;
    color: #d1d1d1;
    text-transform: uppercase;
    background: #fafafa;
    border: 1px solid #d1d1d1;
}
section#catalogo .pageOptions .listoptions a.layout1 {
    float: left;
    margin: 7px 5px 0 0;
    width: 37px;
    height: 25px;
    background: url(../img/list-layout1.png) 0px 0px no-repeat;
    cursor: pointer;
}
section#catalogo .pageOptions .listoptions a.layout2 {
    float: left;
    margin: 7px 15px 0 0;
    width: 37px;
    height: 25px;
    background: url(../img/list-layout2.png) 0px 0px no-repeat;
    cursor: pointer;
}


/* PRODUTO LIST */
section#catalogo ul.prodlist {
    margin-top: 15px;
}
/* ======================================================================================= PAGE: CATEGORIA == */



/* == PAGE: PRODUTO ========================================================================================= */

section#produto {}
section#produto .prodTitles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#produto .prodTitles .sitebullet {
    float: left;
    margin: 17px 0 0 0;
}
section#produto .prodTitles h3.prodTitle,
section#produto .prodTitles h2.prodTitle,
section#produto .prodTitles h5.prodRef {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}
section#produto .prodTitles .prodRefDiv {float:right;margin-right:-15px;}
section#produto .prodTitles h5.prodRef {margin-top:10px;height:30px;font-size:12px;}


section#produto .prodExtraBar {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #f4f4f4;
}
section#produto .prodExtraBar .sitebullet {
    float: left;
    margin: 18px 0 0 0;
}
section#produto .prodExtraBar .title {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
}
section#produto .prodExtraBar .title a {
    float: left;
    display: block;
    padding: 12px 0 0 0;
    width: auto;
    height: 28px;
    font-size: 12px;
    color: #333;
    text-transform: none;
}
section#produto .prodExtraBar .title a:hover {
    text-decoration: underline;
}



section#produto article.prodContainer {margin:60px 5px 0 5px;position:relative;}
section#produto article.prodContainer .container {position:relative;}
section#produto article.prodContainer .prodImages {
    float: left;
    width: 380px;
    height: 450px;
}
section#produto article.prodContainer .prodImages .mainPhoto {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    width: 300px;
    height: 450px;
    overflow: hidden;
    background: #4eb09d;
}
section#produto article.prodContainer .prodImages .mainPhoto.loading {
    background: #4eb09d url(../img/loader-1.gif) 134px 209px no-repeat;
}



section#produto article.prodContainer .prodImages .mainPhoto .hasPromo {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #fff;
    border-right: 100px solid transparent;
    z-index: 99;
}
section#produto article.prodContainer .prodImages .mainPhoto .hasPromo2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 59px;
    background: transparent url(../img/produto-promo.png) 5px 3px no-repeat;
    z-index: 99;
}
section#produto article.prodContainer .prodImages .mainPhoto .hasPromo3 {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    width: 49px;
    height: 37px;
    background: #4eb09d;
    color: white;
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
    z-index: 99;
}

section#produto article.prodContainer .prodImages .mainPhoto .hasNew {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 100px solid #fff;
    border-left: 100px solid transparent;
    z-index: 99;
}
section#produto article.prodContainer .prodImages .mainPhoto .hasNew2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 69px;
    height: 59px;
    background: transparent url(../img/produto-novo.png) 14px 2px no-repeat;
    z-index: 99;
}


section#produto article.prodContainer .prodImages .mainPhoto img {}
section#produto article.prodContainer .prodImages .mainPhoto img.load {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px !important;
}

section#produto article.prodContainer .prodImages .prodNavigation {
    float: left;
    width: 60px;
    height: 450px;
    overflow: hidden;
}
section#produto article.prodContainer .prodImages .prodNavigation ul.otherImages {
    float: left;
    width: 60px;
    height: 450px;
    overflow:hidden;
}
section#produto article.prodContainer .prodImages li:last-child {margin:0;}

section#produto article.prodContainer .prodImages li.type {
    float: left;
    margin: 0 0 5px 0;
    width: 60px;
    height: 75px;
    background-color: #4eb09d;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
section#produto article.prodContainer .prodImages li.type.t1 {background-position:-1px -550px;}
section#produto article.prodContainer .prodImages li.type.t2 {background-position:-60px -550px;}
section#produto article.prodContainer .prodImages li.type.t3 {background-position:-120px -550px;}
section#produto article.prodContainer .prodImages li.type.t4 {background-position:-180px -550px;}
section#produto article.prodContainer .prodImages li.type.t5 {background-position:-240px -550px;}
section#produto article.prodContainer .prodImages li.type.t8 {background-position:-300px -550px;}
section#produto article.prodContainer .prodImages li.type.t39 {background-position:-360px -550px;}
section#produto article.prodContainer .prodImages li.zoomBig {
    float: left;
    margin: 0 0 5px 0;
    width: 60px;
    height: 50px;
    background: #4eb09d;
}
section#produto article.prodContainer .prodImages li.zoomBig a.link {
    float: left;
    position: relative;
    display: block;
    width: 60px;
    height: 50px;
    cursor: pointer;
}
section#produto article.prodContainer .prodImages li.zoomBig a.link .hicon {
    float: left;
    position: absolute;
    margin: -7.5px 0 0 -7.5px;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background-position: -404px -300px;
    opacity: 1;
}



section#produto article.prodContainer .prodImages li.photo {
    float: left;
    margin: 0 0 5px 0;
    width: 60px;
    height: 75px;
    background: #4eb09d;
}
section#produto article.prodContainer .prodImages li.photo a.link {
    position: relative;
    float: left;
    display: block;
    width: 60px;
    height: 75px;
    cursor: pointer;
}
section#produto article.prodContainer .prodImages li.photo a.link .hover {
    float: left;
    position: absolute;
    width: 60px;
    height: 75px;
    background: #4eb09d;
    opacity: 0.5;
}
section#produto article.prodContainer .prodImages li.photo a.link .hicon {
    float: left;
    position: absolute;
    margin: -7.5px 0 0 -7.5px;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background-position: -389px -300px;
    opacity: 1;
}
section#produto article.prodContainer .prodImages li.photo a.link .image {
    float: left;
    width: 60px;
    height: 75px;
    overflow: hidden;
}
section#produto article.prodContainer .prodImages li.photo a.link .image img {}



section#produto article.prodContainer .spacer {width:55px;}

section#produto article.prodContainer .prodInfo {
    float: left;
    width: 465px;
    height: auto;
}
section#produto article.prodContainer .prodInfo h2.prodTitle {
    float: left;
    margin-left: -2px;
    width: 465px;
    min-height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#produto article.prodContainer .prodInfo .prodRef {
    float: left;
    margin: 10px 0;
    width: 465px;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #171717;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
section#produto article.prodContainer .prodInfo .prodDescription {
    float: left;
    width: 465px;
    min-height: 85px;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
}
section#produto article.prodContainer .prodInfo .prodPrice {
    float: left;
    margin: 10px 0;
    width: 465px;
    height: 40px;
}
section#produto article.prodContainer .prodInfo .prodPrice .title {
    float: left;
    margin: 0 10px 0 0;
    padding: 9px 0 0 0;
    width: auto;
    height: 31px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #171717;
    letter-spacing: 0px;
    line-height: 40px;
    text-transform: uppercase;
}
section#produto article.prodContainer .prodInfo .prodPrice .oldprice {
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0 0 0;
    width: auto;
    height: 35px;
    font-size: 22px;
    color: #b04e4e;
    letter-spacing: 0px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: line-through;
}
section#produto article.prodContainer .prodInfo .prodPrice .price {
    float: left;
    width: auto;
    height: 40px;
    font-size: 40px;
    color: #4eb09d;
    letter-spacing: 0px;
    line-height: 40px;
    text-transform: uppercase;
}
section#produto article.prodContainer .prodInfo .prodPrice .price span,
section#produto article.prodContainer .prodInfo .prodPrice .oldprice span {font-size:14px;}

section#produto article.prodContainer .prodSocial {
    float: left;
    width: 465px;
    height: 75px;
    background: #f4f4f4;
}
section#produto article.prodContainer .prodSocial .title {
    float: left;
    margin: 26px 15px 0 20px;
    width: auto;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    color: #666666;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
section#produto article.prodContainer .prodSocial .bullet {
    float: left;
    margin: 34px 5px 0 5px;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_04.png) 0px 0px no-repeat;
}
section#produto article.prodContainer .prodSocial .facebook {
    float: left;
    margin: 27px 5px 0 5px;
    width: auto;
    height: 25px;
}
section#produto article.prodContainer .prodSocial .pinterest {
    float: left;
    margin: 27px 5px 0 5px;
    width: auto;
}
section#produto article.prodContainer .prodSocial .email {}

section#produto article.prodContainer .prodOptions {
    float: left;
    margin: 5px 0 0 0;
    width: 465px;
    height: auto;
}
section#produto article.prodContainer .prodOptions .options {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    width: 378px;
    height: auto;
    border: 1px solid #cacaca;
}
section#produto article.prodContainer .prodOptions .options .nooptions {
    float: left;
    margin: 55px 0 0 0;
    width: 378px;
    font-size: 12px;
    color: #666;
    text-align: center;
}

section#produto article.prodContainer .prodOptions .options .optrow {
    float: left;
    margin: 0 10px 5px 10px;
    width: 358px;
    height: auto;
}
section#produto article.prodContainer .prodOptions .options .optrow:first-child {margin-top:9px;}
section#produto article.prodContainer .prodOptions .options .optrow:last-child {margin-bottom:4px;}
section#produto article.prodContainer .prodOptions .options .optrow label {
    float: left;
    margin: 5px 0 0 0;
    width: 150px;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
section#produto article.prodContainer .prodOptions .options .optrow select {
    float: left;
    width: 200px;
    background: #fafafa;
    border: 1px solid #d1d1d1;
}

section#produto article.prodContainer .prodOptions .helper {
    float: left;
    width: 78px;
    height: 153px;
    border: 1px solid #cacaca;
    cursor: pointer;
    overflow: hidden !important;
    padding-top: 25px;
    box-sizing: border-box;
}
section#produto article.prodContainer .prodOptions .helper:hover {
    border-color: #4eb09d;
}
section#produto article.prodContainer .prodOptions .helper .icon {
    float: left;
    margin: 15px 9px 0 9px;
    width: 60px;
    height: 60px;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
section#produto article.prodContainer .prodOptions .helper .icon.type1 {background-position:0px 0px;}
section#produto article.prodContainer .prodOptions .helper .icon.type2 {background-position:-61px 0px;}
section#produto article.prodContainer .prodOptions .helper .icon.type3 {background-position:-121px 0px;}
section#produto article.prodContainer .prodOptions .helper .icon.type4 {background-position:-182px 0px;}
section#produto article.prodContainer .prodOptions .helper .icon.type5 {background-position:-242px 0px;}
section#produto article.prodContainer .prodOptions .helper .icon.type8 {background-position:-372px 0px;}

section#produto article.prodContainer .prodOptions .helper .rule {
    float: left;
    margin: 9px;
    width: 60px;
    height: 15px;
    background-position: 0px -508px;
}
section#produto article.prodContainer .prodOptions .helper .text {
    float: left;
    margin: 0 9px;
    width: 60px;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #333;
    letter-spacing: 0px;
    line-height: 1.1em;
    text-align: center;
    text-transform: uppercase;
}
section#produto article.prodContainer #helperTamanhos {
    position: absolute;
    top: 0;
    left: 0;
    width: 940px;
    height: 600px;
    background-color: #fff;
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index: 99;
    cursor: pointer;
    display: none;
}
section#produto article.prodContainer #helperTamanhos{
    background-size: contain;
}
section#produto article.prodContainer #helperTamanhos.phax { background-image: url(../img/phax.jpg); }
section#produto article.prodContainer #helperTamanhos.coisita { background-image: url(../img/cositalinda.jpg); }
section#produto article.prodContainer #helperTamanhos.garotas { background-image: url(../img/size-chart-garotas.jpg); }
section#produto article.prodContainer #helperTamanhos.maagi { background-image: url(../img/maagi.jpeg); }
section#produto article.prodContainer #helperTamanhos.lulifama { background-image: url(../img/lulifama.jpg); }
section#produto article.prodContainer #helperTamanhos.lemar { background-image: url(../img/lemar.jpg); }
section#produto article.prodContainer #helperTamanhos.despi { background-image: url(../img/despi.jpg); }
section#produto article.prodContainer #helperTamanhos.saha { background-image: url(../img/saha.jpg); }
section#produto article.prodContainer #helperTamanhos.giulia { background-image: url(../img/giulia.jpg); }
section#produto article.prodContainer #helperTamanhos.transparenze { background-image: url(../img/transparenze.jpg); }
section#produto article.prodContainer #helperTamanhos.gabriella { background-image: url(../img/gabriella.jpg); }
section#produto article.prodContainer #helperTamanhos.johnfrank { background-image: url(../img/johnfrank.png); }
section#produto article.prodContainer #helperTamanhos.malai { background-image: url(../img/malai.jpeg); }
section#produto article.prodContainer #helperTamanhos.rivanna { background-image: url(../img/rivanna.jpeg); }

section#produto article.prodContainer #helperTamanhos span.aclose {
    float: right;
    margin: -20px;
    width: 36px;
    height: 36px;
    background: url(../img/icon-close-color1.png) 0px 0px no-repeat;
    opacity: 0.6;
}
section#produto article.prodContainer #helperTamanhos span.aclose:hover {opacity:1;}

section#produto article.prodContainer #prodComment {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    width: 423px;
    height: 438px;
    background: #fff;
    border: 1px solid #f4f4f4;
    z-index: 99;
    display: none;
}
section#produto article.prodContainer #prodComment .title {
    float: left;
    width: 423px;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#produto article.prodContainer #prodComment .txt {
    float: left;
    margin: 10px 0;
    width: 423px;
    height: 85px;
    font-size: 12px;
    color: #999;
    line-height: 1.4em;
}
section#produto article.prodContainer #prodComment .starRating {
    float: left;
    margin: 0 0 10px 0;
    padding: 5px;
    width: 411px;
    height: 29px;
    font-size: 14px;
    text-align: left;
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
}
section#produto article.prodContainer #prodComment input.text {
    float: left;
    margin: 0 0 3px 0;
    padding: 5px 10px;
    width: 401px;
    height: 22px;
    font-size: 14px;
    text-align: left;
    background: #F9F9F9;
    border: 1px solid #f4f4f4;
}
section#produto article.prodContainer #prodComment textarea {
    float: left;
    padding: 5px 10px;
    width: 401px;
    height: 122px;
    font-size: 14px;
    text-align: left;
    background: #F9F9F9;
    border: 1px solid #f4f4f4;
}
section#produto article.prodContainer #prodComment textarea:focus,
section#produto article.prodContainer #prodComment input.text:focus {
    border: 1px solid #ccc;
}

section#produto article.prodContainer #prodComment input::-webkit-input-placeholder {color: #cccccc; }
section#produto article.prodContainer #prodComment input:-moz-placeholder {color: #cccccc; }
section#produto article.prodContainer #prodComment input:-ms-input-placeholder {color: #cccccc; }
section#produto article.prodContainer #prodComment textarea::-webkit-input-placeholder {color: #cccccc; }
section#produto article.prodContainer #prodComment textarea:-moz-placeholder {color: #cccccc; }
section#produto article.prodContainer #prodComment textarea:-ms-input-placeholder {color: #cccccc; }

section#produto article.prodContainer #prodComment a.button {
    float: left;
    margin: 12px 0 0 0;
    font-size: 14px;
}
section#produto article.prodContainer #prodComment a.button.bt1 {width:100px;}
section#produto article.prodContainer #prodComment a.button.bt2 {margin-left:10px;width:231px;}
section#produto article.prodContainer #prodComment a.button:active {margin-top: 14px;}


section#produto article.prodContainer .bghack1 {
    position: absolute;
    bottom: 160px;
    width: 100%;
    height: 75px;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #f4f4f4 50%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#f4f4f4 50%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#f4f4f4 50%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#f4f4f4 50%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#f4f4f4 50%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );

    z-index: -1;
}



section#produto .prodBuy {
    position: relative;
    margin: 60px 5px 5px 5px;
    height: 75px;
}
section#produto .prodBuy .prodRating {
    float: left;
    width: 475px;
    height: 75px;
    background: #f4f4f4;
}
section#produto .prodBuy .prodRating .title {
    float: left;
    margin: 25px 15px 0 0;
    width: 90px;
    height: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    color: #333;
    letter-spacing: 0px;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
}
section#produto .prodBuy .prodRating a.button {
    margin: 26px 0 0 0;
    padding: 5px 12px 0 12px;
    height: 20px;
    font-size: 11px;
}
section#produto .prodBuy .prodRating a.button:active {margin: 28px 0 0 0;}


.starRating {
    float: left;
    margin: 24px 10px 0 10px;
    width: 156px;
    height: 26px;
}
.starRating .star {
    float: left;
    padding: 0 3px 0 0;
    width: 28px;
    height: 28px;
    background: url(../img/star2.png) 0px 0px no-repeat;
    cursor: pointer;
}
.starRating .star.check {background-position:0 -28px;}
.starRating .star.hover,
.starRating .star.hover,
.starRating .star:hover {background-position:0 -56px;}


section#produto .prodBuy .prodPrice {
    float: left;
    margin: 0;
    width: 156px;
    height: 75px;
    background: #9d9d9d;
}
section#produto .prodBuy .prodPrice .finalPrice {
    float: left;
    padding: 8px 0 0 0;
    width: 156px;
    height: 40px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}
section#produto .prodBuy .prodPrice .finalPrice span {font-size:20px;}

section#produto .prodBuy .buyIt {
    float: left;
    margin: 0;
    width: 460px;
    height: 75px;
    border-left: 5px solid #9d9d9d;
}
section#produto .prodBuy .buyIt .title {
    float: left;
    margin: 25px 10px 0 10px;
    width: 46px;
    height: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    color: #333;
    letter-spacing: 0px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}
section#produto .prodBuy .buyIt input {
    float: left;
    margin: 12px 0 0 0;
    width: 23px;
    height: 47px;
    font-size: 16px;
    text-align: center;
    background: #f4f4f4;
    border: 1px solid #9d9d9d;
}
section#produto .prodBuy .buyIt a.button {
    float: left;
    margin: 12px 0 0 5px;
    padding: 12px 0 0 0;
    width: 363px;
    height: 34px;
    font-size: 16px;
}
section#produto .prodBuy .buyIt a.button span {text-transform:none;font-size:14px;font-style:italic;}
section#produto .prodBuy .buyIt a.button:active {margin: 14px 0 0 5px;}

section#produto .prodBuy .bghack2 {
    position: absolute;
    top: 0px;
    margin-left: 50%;
    width: 50%;
    height: 73px;
    border-top: 1px solid #9d9d9d;
    border-bottom: 1px solid #9d9d9d;
    z-index: -1;
}
section#produto .prodBuy .bghack3 {
    position: absolute;
    top: 0px;
    margin-left: 0;
    width: 50%;
    height: 75px;
    background: #f4f4f4;
    z-index: -1;
}

section#produto article.prodContainer #cartResult {
    position: absolute;
    top: 0;
    left: 0;
    width: 940px;
    height: 450px;
    background: rgba(255,255,255,0.95);
    z-index: 99;
    display: none;
}
section#produto article.prodContainer #cartResult .title {
    float: left;
    margin: 130px 0 0 0;
    width: 940px;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
section#produto article.prodContainer #cartResult .txt {
    float: left;
    margin: 20px 0;
    width: 940px;
    height: auto;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
    text-align: center;
}
section#produto article.prodContainer #cartResult .options {
    float: left;
    width: 940px;
    height: auto;
}
section#produto article.prodContainer #cartResult .options a.button {
    margin: 12px 0 0 5px;
    padding: 5px 0 0 0;
    width: 200px;
    height: 24px;
    font-size: 14px;
}
section#produto article.prodContainer #cartResult .options a.button:active {margin: 14px 0 0 5px;}

section#produto .payment-methods {
    padding: 5px 0 10px;
    text-align: right;
}

section#produto .payment-methods .col-6 {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding-left: 15px;
}

section#produto .payment-methods .col-6 ul li {
    display: inline-block;
    font-size: 11px;
}

section#produto .payment-methods .col-6 ul span.sitebullet {
    /*background-image: url(../img/css-sprites-04.png);*/
}

/* COMMENTARIOS */
section.comments {}
section.comments .titles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #d9c53e;
}
section.comments .titles span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_01.png) 0px 0px no-repeat;
}
section.comments .titles h6.commenttitle {
    float: left;
    margin: 0 15px;
    padding: 10px 0 0 0;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}

section.comments .listComments {}
section.comments .listComments article.comment {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eee397;
}
section.comments .listComments article.comment .comName {
    float: left;
    margin: 10px 0 5px 0;
    width: 100%;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #999;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
section.comments .listComments article.comment .comInfo {
    float: left;
    width: 100%;
    height: 20px;
}
section.comments .listComments article.comment .comRate ,
section.comments .listComments article.comment .comDate {
    display: inline-block;
    margin: 0 0 0 10px;
    width: auto;
    font-size: 13px;
    font-weight: 300;
}
section.comments .listComments article.comment .comTexto {
    float: left;
    margin: 0 0 5px 0;
    width: 100%;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
}

section#produto .prodZoomAll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4eb09d;
    z-index: 9999;

    display: none;
}
section#produto .prodZoomAll .loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    background: url(../img/loader-2.gif) 0px 0px no-repeat;
    display: none;
}
section#produto .prodZoomAll .navArrows {
    position: fixed;
    top: 50%;
    margin: -25px 0 0 0;
    width: 50px;
    height: 50px;
    z-index: 3;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}
section#produto .prodZoomAll .navArrows.left {left:50px;background-position:-360px -430px;}
section#produto .prodZoomAll .navArrows.right {right:50px;background-position:-360px -380px;}
section#produto .prodZoomAll .navArrows.left:hover {background-position:-410px -430px;}
section#produto .prodZoomAll .navArrows.right:hover {background-position:-410px -380px;}
section#produto .prodZoomAll .cursor {
    position: absolute;
    margin: -47px 0 0 -42px;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 94px;
    background-position: -468px -408px;
    z-index: 2;
    cursor: none;
    display: none;
}
section#produto .prodZoomAll .imageBig {
    margin: 12px auto;
    width: 97.75%;
    height: 97.22%;
    background: #fff;
    overflow: hidden;
    cursor: none;
}
section#produto .prodZoomAll .imageBig img {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    z-index:1;
    cursor: none;
}
section#produto .prodZoomAll .close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    background-position:-360px -480px;
    z-index: 3;
    opacity: 1;
}
section#produto .prodZoomAll .close:hover {background-position:-410px -480px;}

/* ========================================================================================= PAGE: PRODUTO == */



/* == MODULO: SLIDER PRODUTOS =============================================================================== */

section.prodsslider .titles {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #d9c53e;
}
section.prodsslider .titles .bullet {
    float: left;
    margin: 18px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_01.png) 0px 0px no-repeat;
}
section.prodsslider .titles h6.prodssliderTitle {
    float: left;
    margin: 0 15px;
    padding: 10px 0 0 0;
    width: auto;
    height: 30px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}

section.prodsslider .listProdutos {position:relative;margin-top:20px;}
section.prodsslider .listProdutos .container {position:relative;height:300px;}




section.prodsslider ul.prodfeat.grid6 li.item {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 140px;
    height: 280px;
}
section.prodsslider ul.prodfeat.grid6 li.item a.link {}

section.prodsslider ul.prodfeat.grid6 li.item div.photo {
    float: left;
    position: relative;
    width: 140px;
    height: 190px;
    background: #b6a531;
    overflow: hidden;
}
section.prodsslider ul.prodfeat.grid6 li.item div.photo img.load {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}

section.prodsslider ul.prodfeat.grid6 li.item div.photo .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 190px;
    background: #b6a531;
    opacity: 0;
}
section.prodsslider ul.prodfeat.grid6 li.item div.photo .hicon {
    position: absolute;
    margin: -15.5px 0 0 -15.5px;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    background: url(../img/hover-photo-size2.png) 0 0 no-repeat;
    opacity: 0;
}
section.prodsslider ul.prodfeat.grid6 li.item div.prodInfo {
    position: relative;
    float: left;
    margin: 5px 0 0 0;
    padding: 5px;
    width: 130px;
    height: 60px;
    border-bottom: 1px solid #ccc;
}
section.prodsslider ul.prodfeat.grid6 li.item div.title {
    float: left;
    margin: 0 0 5px 0;
    width: 130px;
    height: 14px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    text-align: left;
    line-height: 14px;
}
section.prodsslider ul.prodfeat.grid6 li.item div.more {
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 16px;
    font-size: 11px;
    color: #b6a531;
    text-align: left;
    text-transform: uppercase;
    line-height: 14px;
}
section.prodsslider ul.prodfeat.grid6 li.item div.price {
    position: absolute;
    top: 0;
    right: 5px;
    float: right;
    padding: 40px 0 0 0;
    width: 130px;
    height: 35px;
    font-size: 36px;
    font-weight: 300;
    color: #b6a531;
    letter-spacing: -1px;
    text-align: right;
}
section.prodsslider ul.prodfeat.grid6 li.item div.price span.disc {
    padding: 0;
    font-size: 16px;
    color: #b04e4e;
    text-decoration: line-through;
}
section.prodsslider ul.prodfeat.grid6 li.item div.price span.lt {font-size:45%;letter-spacing:-1px;}
section.prodsslider .listProdutos a.sliderarrow {
    position: absolute;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    top: 50%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}
section.prodsslider .listProdutos a.sliderarrow.left {background-image:url(../img/prodsslider-arrow_left.png);left:-75px;}
section.prodsslider .listProdutos a.sliderarrow.right {background-image:url(../img/prodsslider-arrow_right.png);right:-75px;}
section.prodsslider .listProdutos a.sliderarrow.left:hover {background-image:url(../img/prodsslider-arrow_left-hover.png);}
section.prodsslider .listProdutos a.sliderarrow.right:hover {background-image:url(../img/prodsslider-arrow_right-hover.png);}

/* =============================================================================== MODULO: SLIDER PRODUTOS == */



/* == PAGE: COMMON STYLES | Content empty =================================================================== */

section.contentempty {
    height: 350px;
    text-align: center;
}
section.contentempty .title {
    float: left;
    margin: 80px 0 0 0;
    width: 940px;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
section.contentempty .txt {
    float: left;
    margin: 20px 0;
    width: 940px;
    height: auto;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
    text-align: center;
}
section.contentempty a.button {
    float: none;
    display: inline-block;
    width: 200px;
}

/* =================================================================== PAGE: COMMON STYLES | Content empty == */



/* == BLOG ================================================================================================== */

section#blog {position:relative;}
section#blog .topRow {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#blog .topRow .titles {
    float: left;
    margin: 0;
}
section#blog .topRow .titles span.sitebullet {
    float: left;
    margin: 17px 0 0 0;
}
section#blog .topRow .titles h3.title {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}


section#blog .contentRow {position:relative;margin:0 5px;}

section#blog .contentRow article.item {}
section#blog .contentRow article.item header.articleHeader {}
section#blog .contentRow article.item header.articleHeader h3 {
    float: left;
    margin: 50px 0 20px 0;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#blog .contentRow article.item header.articleHeader time {}

section#blog .contentRow article.item figure {}
section#blog .contentRow article.item figure img {margin:10px 0;}
section#blog .contentRow article.item figure figcaption {display:none;}

section#blog .contentRow article.item .txt {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
}
section#blog .contentRow article.item .txt strong {font-weight:700;color:#333}
section#blog .contentRow article.item .txt p {margin-bottom:25px;}
section#blog .contentRow article.item .txt p:last-child {margin-bottom:0px;}
section#blog .contentRow article.item .txt blockquote {margin: 0 0 0 15px;padding: 0 0 0 10px;font-size: 12px;font-style: italic;color: #999;line-height: 1.7em;}
section#blog .contentRow article.item .txt blockquote p {font-size: 12px;font-style: italic;color: #999;line-height: 1.7em;}
section#blog .contentRow article.item .txt ul {}
section#blog .contentRow article.item .txt ul li {margin: 0 0 0 20px;padding: 0;list-style-type: disc;list-style-position: outside;}
section#blog .contentRow article.item .txt ol {}
section#blog .contentRow article.item .txt ol li {margin: 0 0 0 20px;padding: 0;list-style-type: decimal;list-style-position: outside;}

section#blog .contentRow article.item .txt.regulamento {display: none;}

section#blog .contentRow article.item .options {
    float: left;
    margin: 0 0 15px 0;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #d9c53e;
}
section#blog .contentRow article.item .options a.button {padding: 4px 20px;}
section#blog .contentRow article.item .options a.button.bt2 {float: right;margin-left: 5px;}
section#blog .contentRow article.item .options a.button:active {margin: 2px 0 0 0;}


/* ITEMS LIST */
section#blog .contentRow ul.articlelist {
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}
section#blog .contentRow ul.articlelist li.item {
    position: relative;
    float: left;
    margin: 0 0 40px 0;
    width: 100%;
    height: 140px;
    overflow: hidden;
}
section#blog .contentRow ul.articlelist li.item a.link {
    float: left;
    display: block;
    width: 100%;
    height: 140px;
}
section#blog .contentRow ul.articlelist li.item a.link .photo {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    width: 110px;
    height: 140px;
    background: #4eb09d;
    overflow: hidden;
}
section#blog .contentRow ul.articlelist li.item a.link .photo img {}
section#blog .contentRow ul.articlelist li.item a.link .photo .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 140px;
    background: #4eb09d;
    opacity: 0;
}
section#blog .contentRow ul.articlelist li.item a.link .photo .hicon {
    position: absolute;
    margin: -15.5px 0 0 -15.5px;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    background: url(../img/hover-photo-size2.png) 0 0 no-repeat;
    opacity: 0;
}

section#blog .contentRow ul.articlelist li.item a.link .info {
    float: left;
    width: 410px;
    height: 140px;
}
section#blog .contentRow ul.articlelist li.item a.link .info .title {
    float: left;
    margin: 0;
    width: 410px;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 26px;
    text-transform: uppercase;
}
section#blog .contentRow ul.articlelist li.item a.link .info .date {
    float: left;
    margin: 2px 0 5px 0;
    width: 410px;
    height: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    line-height: 14px;
    text-transform: uppercase;
}
section#blog .contentRow ul.articlelist li.item a.link .info .txt {
    float: left;
    width: 410px;
    font-size: 11px;
    color: #999;
    line-height: 1.5em;
}


section#blog .contentRow .mod {
    float: left;
    margin: 30px 0;
    width: 300px;
}
section#blog .contentRow .mod .modTitle {
    float: left;
    padding: 30px 0 0 20px;
    width: 280px;
    height: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    color: #666666;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
    background: #f4f4f4;
}
section#blog .contentRow .mod .modMenu {
    float: left;
    margin: 20px 0 5px 0;
    padding: 2px 0 0 10px;
    width: 288px;
    border-left: 2px solid #4eb09d;
}
section#blog .contentRow .mod .modMenu ul.submenu {
    float: left;
    margin: 0;
    width: 288px;
    height: auto;
}
section#blog .contentRow .mod .modMenu ul.submenu li.item {
    float: left;
    margin: 2px 0 2px 0;
    width: 288px;
    height: 20px;
}
section#blog .contentRow .mod .modMenu ul.submenu li.item a.link {
    float: left;
    display: block;
    padding: 0 0 0 13px;
    width: 267px;
    height: 20px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    background: url(../img/bullet_05.png) 0px 7px no-repeat;
    cursor: pointer;
}
section#blog .contentRow .mod .modMenu ul.submenu li.item a.link:hover {
    color: #4eb09d;
    text-decoration: none;
}

section#blog .contentRow .mod .modMenu ul.images {}
section#blog .contentRow .mod .modMenu ul.images li.photo {
    float: left;
    margin: 0 5px 5px 0;
    width: 60px;
    height: 75px;
    background: #4eb09d;
}
section#blog .contentRow .mod .modMenu ul.images li.photo a.link {
    position: relative;
    float: left;
    display: block;
    width: 60px;
    height: 75px;
    cursor: pointer;
}
section#blog .contentRow .mod .modMenu ul.images li.photo a.link .hover {
    float: left;
    position: absolute;
    width: 60px;
    height: 75px;
    background: #4eb09d;
    opacity: 0.5;
}
section#blog .contentRow .mod .modMenu ul.images li.photo a.link .hicon {
    float: left;
    position: absolute;
    margin: -7.5px 0 0 -7.5px;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    background: url(../img/hover-photo-size1.png) 0px 0px no-repeat;
    opacity: 1;
}
section#blog .contentRow .mod .modMenu ul.images li.photo a.link .image {
    float: left;
    width: 60px;
    height: 75px;
    overflow: hidden;
}
section#blog .contentRow .mod .modMenu ul.images li.photo a.link .image img {
    float: left;
    margin: -5px 0 0 0;
}



section#blog .contentRow .hack1 {
    position: absolute;
    top: 30px;
    width: 100%;
    height: 80px;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 65%, #f4f4f4 65%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(65%,#ffffff), color-stop(65%,#f4f4f4), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 65%,#f4f4f4 65%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
    z-index: -1;
}



/* ================================================================================================== BLOG == */



/* == PAGE: CLIENTE ========================================================================================= */

section#cliente {margin-bottom:30px;}
section#cliente .pageContRow .pageTitle {
    float: left;
    margin: 50px 0 20px 0;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #4eb09d;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#cliente .pageContRow .secondTitle {
    float: left;
    padding: 20px 0 5px 0;
    width: 100%;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #333;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: uppercase;
}
section#cliente .pageContRow .txt {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    font-size: 12px;
    color: #999;
    line-height: 1.7em;
}
section#cliente .pageContRow .txt  strong {font-weight:700;}
section#cliente .pageContRow .txt ul.list {
    float: left;
    width: 260px;
    height: auto;
}
section#cliente .pageContRow .txt ul.list li.item {
    float: left;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
    width: 250px;
    height: 25px;
    font-size: 14px;
    color: #8a8a8a;
    background: url(../img/bullet_04.png) 0px 8px no-repeat;
}
section#cliente .pageContRow .txt ul.list li.item:first-child {margin-right:20px;}
section#cliente .pageContRow .txt ul.list li.item span {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    color: #4eb09d;
}
section#cliente .pageContRow .txt ul.listboxes {
    float: left;
    width: 540px;
    height: auto;
}
section#cliente .pageContRow .txt ul.listboxes li.itembox {
    float: left;
    margin: 5px 0 5px 0;
    padding: 10px;
    width: 520px;
    height: auto;
    background: #F9F9F9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
section#cliente .pageContRow .txt ul.listboxes li.itembox span.column1 {
    float: left;
    width: 420px;
    height: auto;
}
section#cliente .pageContRow .txt ul.listboxes li.itembox span.column2 {
    float: left;
    margin: 15px 0 0 0;
    width: 100px;
    height: 30px;
}
section#cliente .pageContRow .txt ul.listboxes li.itembox a.button {padding: 5px 20px;width:50px;}
section#cliente .pageContRow .txt ul.listboxes li.itembox a.button span.sp2{display:none;}

section#cliente .pageContRow .txt ul.listboxes li.editbox {
    float: left;
    position: relative;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 518px;
    height: auto;
    border: 1px solid #f2f2f2;
    display: none;
}
section#cliente .pageContRow .txt ul.listboxes li.editbox .loader {
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 530px;
    height: 278px;
    background: #fff url(../img/loader-2.gif) center center no-repeat;
    z-index: 1;
    display: none;
}
section#cliente .pageContRow .txt ul.listboxes li.editbox .loader .resp {
    float: left;
    margin: 125px 0 0 0;
    width: 530px;
    height: 25px;
    text-align: center;
    display: none;
}
section#cliente .pageContRow .txt ul.listboxes li.editbox .formrow {
    float: left;
    position: relative;
    margin: 0 0 3px 0;
    width: 518px;
    height: 30px;
}
section#cliente .pageContRow .txt ul.listboxes li.editbox .formrow input.text,
section#cliente .pageContRow .txt ul.listboxes li.editbox .formrow select.select {
    float: left;
    margin: 0;
    padding: 5px;
    width: 506px;
    height: 18px;
    font-size: 11px;
    border: 1px solid #f1f1f1;
    background: #F9F9F9;
}
section#cliente .pageContRow .txt ul.listboxes li.editbox .formrow select.select {width: 518px;height: 30px;}
section#cliente .pageContRow .txt ul.listboxes li.editbox .formrow label {
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto;
    height: auto;
    font-size: 12px;
    font-family: 'Open Sans Condensed';
    color: rgb(160, 150, 84);
    letter-spacing: 1px;
    text-transform: uppercase;
}
section#cliente .pageContRow .txt ul.listboxes li.editbox .formrow a.saveaddress {float:right;padding:5px 20px;}

section#cliente .pageContRow li.editbox .encomenda {
    float: left;
    width: 518px;
    height: auto;
}
section#cliente .pageContRow li.editbox .encomenda .rowline {
    float: left;
    width: 518px;
    height: auto;
    border-bottom: 1px solid #F3F3F3;
}
section#cliente .pageContRow li.editbox .encomenda .rowline .clm {
    float: left;
    padding: 3px 0 0 0;
    width: auto;
    height: auto;
}
section#cliente .pageContRow li.editbox .encomenda .rowline .clm.clm1 {width:95px;}
section#cliente .pageContRow li.editbox .encomenda .rowline .clm.clm2 {width:95px;}
section#cliente .pageContRow li.editbox .encomenda .rowline .clm.clm3 {width:328px;}

section#cliente .pageContRow li.editbox .encomenda .rowline .clm .bold {font-weight: 700;}
section#cliente .pageContRow li.editbox .encomenda .rowline .clm a {color:#4eb09d;}

section#cliente .pageContRow li.editbox .encomenda .rowline.title {font-family:'Open Sans Condensed',sans-serif;font-weight:700;color:#4eb09d;text-transform:uppercase;}
section#cliente .pageContRow li.editbox .encomenda .rowline.prices .clm1 {font-family:'Open Sans Condensed',sans-serif;font-weight:700;color:#4eb09d;text-transform:uppercase;}

section#cliente .pageContRow li.editbox .pagamento {
    float: left;
    margin: 25px 0 0 0;
    width: 518px;
    height: auto;
}
section#cliente .pageContRow li.editbox .pagamento .rowline {
    float: left;
    width: 518px;
    height: auto;
    text-align: right;
    border-bottom: 1px solid #F3F3F3;
}
section#cliente .pageContRow li.editbox .pagamento .rowline strong {float:left;}
section#cliente .pageContRow li.editbox .pagamento .rowline span {font-family:'Open Sans Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;}
section#cliente .pageContRow li.editbox .pagamento .rowline span.ok {color:#4eb09d;}
section#cliente .pageContRow li.editbox .pagamento .rowline span.erro {color:rgb(255, 0, 0);}

section#cliente .pageContRow li.editbox .pagamento .makepag {
    float: left;
    margin: 25px 0 0 0;
    width: 518px;
    height: auto;
}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag {
    float: left;
    padding: 75px 0 0 0;
    width: 518px;
}

section#cliente .pageContRow li.editbox .pagamento .makepag .pag .rinfo {
    float: left;
    margin: 0 125px 5px 125px;
    width: 268px;
}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag .rinfo span.left {
    float: left;
    width: auto;
    height: auto;
    text-align: left;
}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag .rinfo span.right {
    float: right;
    width: auto;
    height: auto;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}

section#cliente .pageContRow li.editbox .pagamento .makepag .pag.cc {}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag.cc a {float:right;}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag.mb {background:url(../img/pagamento-mb.png) center -15px no-repeat;}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag.mb .rinfo {margin:0 155px 5px 155px;width: 208px;}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag.tb {}
section#cliente .pageContRow li.editbox .pagamento .makepag .pag.bl {}


/* ========================================================================================= PAGE: CLIENTE == */



/* == PASSATEMPOS =========================================================================================== */

section#blog.secPassatempos {}
section#blog.secPassatempos article.item {}
section#blog.secPassatempos article.item .title {
    float: left;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #4eb09d;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: left;
}
section#blog.secPassatempos article.item .box {
    float: left;
    position: relative;
    margin: 0 0 25px 0;
    width: 537px;
    height: 60px;
    border-left: 3px solid #d7d7d7;
    background: #f4f4f4;
}
section#blog.secPassatempos article.item .box input.file {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 515px;
    height: 37px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}
section#blog.secPassatempos article.item .box input.text {
    float: left;
    margin: 10px;
    width: 503px;
    height: 30px;
    font-size: 11px;
}
section#blog.secPassatempos article.item .box .fakeupload {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 517px;
    height: 39px;
    border: 1px solid #d7d7d7;
    background: #fff;
    z-index: 0;
}

section#blog.secPassatempos article.item .box .fakeupload span.filename {
    float: left;
    margin: 6px 0 0 10px;
    width: auto;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
    line-height: 25px;
}
section#blog.secPassatempos article.item .box .fakeupload span.label {
    float: right;
    margin: 6px 20px 0 0;
    width: auto;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0;
    line-height: 25px;
    text-transform: uppercase;
}

section#blog.secPassatempos article.item .box2 {
    float: left;
    margin: 0 0 25px 0;
    width: 537px;
    height: 45px;
    border-left: 3px solid #d7d7d7;
    background: #f4f4f4;
}
section#blog.secPassatempos article.item .box2 input {
    float: left;
    margin: 15px 10px 0 10px;
}
section#blog.secPassatempos article.item .box2 label {
    float: left;
    margin: 9px 20px 0 0;
    width: auto;
    height: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0;
    line-height: 25px;
    text-transform: uppercase;
}

section#passatempos {position:relative;}



section#passatempos .topRow {
    margin: 5px 5px 0 5px;
    height: 40px;
    background: #4eb09d;
}
section#passatempos .topRow .titles {
    float: left;
    margin: 0;
}
section#passatempos span.sitebullet {
    float: left;
    margin: 17px 0 0 0;
}
section#passatempos .topRow .titles h3.title {
    float: left;
    margin: 0 15px;
    width: auto;
    height: 40px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
}

section#passatempos .topRow .filters {
    float: right;
    margin: 0 -20px 0 0;
    width: auto;
    height: 40px;
}
section#passatempos .topRow .filters select.filter {
    float: left;
    margin: 7px 5px 0 0;
    width: 130px;
    height: 25px;
    font-size: 10px;
    color: #257767;
    text-transform: uppercase;
    background: #a9e9dd;
    border: 1px solid #257767;
}
section#passatempos .topRow .filters input.search {
    float: left;
    margin: 7px 0px 0 15px;
    padding: 2px 5px;
    width: 140px;
    height: 19px;
    font-size: 11px;
    color: #257767;
    background: #a9e9dd;
    border: 1px solid #257767;
}
section#passatempos .topRow .filters a.seaPasstBtn {
    float: left;
    margin: 7px 0px 0 0px;
    padding: 4px 5px 0px 5px;
    width: 17px;
    height: 19px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #257767;
    border: 1px solid #257767;
    cursor: pointer;
}
section#passatempos .topRow .filters a.seaPasstBtn:hover {
    color: #257767;
    background: #fff;
    border: 1px solid #257767;
}


/* PAGINAÇÃO */
section#passatempos .pageOptions {
    position: relative;
    margin: 2px 5px 0 5px;
    height: 40px;
    background: #f4f4f4;
}
section#passatempos .pageOptions .counter {
    float: left;
    margin: 0;
    width: auto;
    height: 40px;
}
section#passatempos .pageOptions .counter span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_05.png) 0px 0px no-repeat;
}
section#passatempos .pageOptions .counter span.txt {
    float: left;
    margin: 0 15px;
    padding: 11px 0 0 0;
    width: auto;
    height: 29px;
    font-size: 11px;
    color: #949494;
}

section#passatempos .pageOptions .nav {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 7px 0 0 -54px;
    width: 108px;
    height: 25px;
}
section#passatempos .pageOptions .nav ul.navarrows {
    float: left;
    width: auto;
    height: 25px;
}
section#passatempos .pageOptions .nav ul.navarrows li {
    float: left;
    width: auto;
    height: 25px;
    background-color: #9d9d9d;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
section#passatempos .pageOptions .nav ul.navarrows li.left {
    width: 25px;
    background-image: url(../img/navarrows-left.png);
}
section#passatempos .pageOptions .nav ul.navarrows li.text {
    margin: 0 2px;
    padding: 2px 0 0 0;
    width: 54px;
    height: 23px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
section#passatempos .pageOptions .nav ul.navarrows li.right {
    width: 25px;
    background-image: url(../img/navarrows-right.png);
}
section#passatempos .pageOptions .nav ul.navarrows li a.link {
    float: left;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
section#passatempos .pageOptions .listoptions {
    float: right;
    margin: 0 -20px 0 0;
    width: auto;
    height: 40px;
}
section#passatempos .pageOptions .listoptions span.bullet {
    float: left;
    margin: 17px 0 0 0;
    width: 5px;
    height: 5px;
    background: url(../img/bullet_05.png) 0px 0px no-repeat;
}
section#passatempos .pageOptions .listoptions select.listoption {
    float: left;
    margin: 7px 14px 0 15px;
    width: 130px;
    height: 25px;
    font-size: 10px;
    color: #d1d1d1;
    text-transform: uppercase;
    background: #fafafa;
    border: 1px solid #d1d1d1;
}

section#passatempos .container {position:relative;}
section#passatempos .container .voteType {
    position: absolute;
    margin: 20px 0 0 -100px;
    width: 100px;
    height: 150px;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
section#passatempos .container .voteType.like.pt {background-image: url(../img/passatempo-like-pt.png);}
section#passatempos .container .voteType.like.en {background-image: url(../img/passatempo-like-en.png);}
section#passatempos .container .voteType.like.es {background-image: url(../img/passatempo-like-es.png);}
section#passatempos .container .voteType.voto.pt {background-image: url(../img/passatempo-vota-pt.png);}
section#passatempos .container .voteType.voto.en {background-image: url(../img/passatempo-vota-en.png);}
section#passatempos .container .voteType.voto.es {background-image: url(../img/passatempo-vota-es.png);}
section#passatempos .container ul.voteList {
    margin-top: 15px;
}
section#passatempos .container ul.voteList li.item {
    float: left;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 220px;
    height: 290px;
}
section#passatempos .container ul.voteList li.item .photo {
    position: relative;
    float: left;
    width: 220px;
    height: 220px;
    background: #4eb09d;
    overflow: hidden;
}
section#passatempos .container ul.voteList li.item .photo img {}
section#passatempos .container ul.voteList li.item .photo img.load {
    position: absolute;
    top: 50%; left: 50%;
    margin: -16px 0 0 -16px;
}
section#passatempos .container ul.voteList li.item .photo img:not(.load) {
    width: 220px;
    height: 220px;
}

section#passatempos .container ul.voteList li.item .photo .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 220px;
    background: #4eb09d;
    cursor: pointer;
    opacity: 0;
}
section#passatempos .container ul.voteList li.item .photo .hicon {
    position: absolute;
    margin: -14.5px 0 0 -14.5px;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    background-position: -360px -300px;
    cursor: pointer;
    opacity: 0;
}


section#passatempos .container ul.voteList li.item .voteInfoLabel {
    position: relative;
    float: left;
    margin: 5px 0 0 0;
    padding: 4px 0;
    width: 220px;
    height: 20px;
    border-bottom: 1px solid #E9E9E9;
}
section#passatempos .container ul.voteList li.item .voteInfoLabel .vName {
    float: left;
    margin: 0;
    width: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #171717;
    letter-spacing: 0px;
    line-height: 18px;
}
section#passatempos .container ul.voteList li.item .voteInfoLabel .vId {
    float: right;
    margin: -3px 0 0 0;
    width: auto;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    color: #171717;
    letter-spacing: 0px;
    line-height: 20px;
}
section#passatempos .container ul.voteList li.item .voteInfoLabel .vId span {font-size:25px;}


section#passatempos .container ul.voteList li.item .voteInfo {
    position: relative;
    float: left;
    margin: 3px 0 0 0;
    padding: 0;
    width: 220px;
    height: 32px;
    border-bottom: 1px solid #ccc;
}

section#passatempos .container ul.voteList li.item .voteInfo.voto a.button.vShare {float:left;padding: 3px 10px 4px 10px;}

section#passatempos .container ul.voteList li.item .voteInfo.voto a.button {float:right;padding: 3px 10px 4px 10px;}
section#passatempos .container ul.voteList li.item .voteInfo.voto a.button:hover {}
section#passatempos .container ul.voteList li.item .voteInfo.voto a.button:active {}

section#passatempos .container ul.voteList li.item .voteInfo.voto span.count {
    float: right;
    margin: 0 0 0 1px;
    padding: 3px 10px 4px 10px;
    width: auto;
    height: 18px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #8d8d8d;
    border-bottom: 3px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* SHARE IT */
section#passatempos .container ul.voteList li.item .photo .shareIt {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    padding: 20px;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,0.85);
    cursor: pointer;
    opacity: 1;
    z-index: 5;
    cursor: default;
}
section#passatempos .container ul.voteList li.item .photo .shareIt .label {
    float: left;
    width: 180px;
    height: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    color: #000;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: uppercase;
}
section#passatempos .container ul.voteList li.item .photo .shareIt .txt {
    float: left;
    margin: 3px 0 30px 0;
    width: 180px;
    height: auto;
}
section#passatempos .container ul.voteList li.item .photo .shareIt .txt textarea {
    float: left;
    padding: 5px;
    width: 168px;
    height: 31px;
    font-size: 11px;
    color: #000;
    line-height: 1.3em;
    background: #F7F7F7;
    border: 1px solid #999;
}
section#passatempos .container ul.voteList li.item .photo .shareIt .txt .icon {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}
section#passatempos .container ul.voteList li.item .photo .shareIt .txt .icon.facebook {
    background-position: 0 -140px;
}
section#passatempos .container ul.voteList li.item .photo .shareIt .txt .icon.twitter {
    background-position: -32px -140px;
}




/* VOTE ZOOM */
section#passatempos #voteZoom {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(79, 177, 158, 0.9);
    display: none;
    z-index: 99;
}
section#passatempos #voteZoom .photo {
    position: absolute;
    top: 10%; left: 5%;
    width: 60%;
    height: 80%;
    overflow: hidden;
}
section#passatempos #voteZoom .photo img {
    position: absolute;
    left: 50%;
    top: 50%;
}
section#passatempos #voteZoom .right {
    position: absolute;
    top: 50%; left: 67%;
    margin-top: -140px;
    width: 25%;
    height: 280px;
}
section#passatempos #voteZoom .right .title {
    float: left;
    margin: 0;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
section#passatempos #voteZoom .right .txt {
    float: left;
    margin: 5px 0 0 0;
    width: 100%;
    height: 50px;
    font-size: 12px;
    color: #fff;
    line-height: 1.5em;
}
section#passatempos #voteZoom .right .vote {
    float: left;
    width: 100%;
    height: 60px;
}
section#passatempos #voteZoom .right .vote a.button {
    float: left;
    margin: 5px 0 0 0;
    padding: 4px 20px;
    width: auto;
    height: 18px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #d9c53e;
    border-bottom: 3px solid #baa82b;
    border-right: 1px solid #baa82b;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}
section#passatempos #voteZoom .right .vote a.button:hover {
    text-decoration: none;
    background: #8d8d8d;
    border-bottom: 3px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
}
section#passatempos #voteZoom .right .vote a.button:active {
    text-decoration: none;
    margin: 7px 0 0 0;
    border-bottom: 1px solid #6a6a6a;
}
section#passatempos #voteZoom .right .vote span.count {
    float: left;
    margin: 5px 0 0 5px;
    padding: 4px 20px;
    width: auto;
    height: 18px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #8d8d8d;
    border-bottom: 3px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



section#passatempos #voteZoom .right a.button.bt3 {
    float: left;
    margin: 20px 0 0 0;
    padding: 4px 20px;
    width: auto;
    height: 18px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #d9c53e;
    border-bottom: 3px solid #baa82b;
    border-right: 1px solid #baa82b;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}
section#passatempos #voteZoom .right a.button.bt3:hover {
    text-decoration: none;
    background: #8d8d8d;
    border-bottom: 3px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
}
section#passatempos #voteZoom .right a.button.bt3:active {
    text-decoration: none;
    margin: 22px 0 0 0;
    border-bottom: 1px solid #6a6a6a;
}

section#passatempos #voteZoom .right .icon {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}
section#passatempos #voteZoom .right .icon.facebook {
    background-position: 0 -140px;
}
section#passatempos #voteZoom .right .icon.twitter {
    background-position: -32px -140px;
}



/* =========================================================================================== PASSATEMPOS == */



/* == FACEBOOK CONTAINER ==================================================================================== */

div#likeContainer {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: rgba(79, 177, 158, 0.7);
}
div#likeContainer .facebook {
    position: absolute;
    top: 50%; left: 50%;
    margin: -205px 0 0 -200px;
    width: 400px;
    height: 410px;
}
div#likeContainer .facebook .title {
    float: left;
    margin: 0;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase;
}
div#likeContainer .facebook .txt {
    float: left;
    margin: 10px 0 0 0;
    width: 380px;
    height: 50px;
    font-size: 12px;
    color: #fff;
    line-height: 1.5em;
}
div#likeContainer .facebook .icon {
    position: absolute;
    margin: 40px 0 0 -180px;
    width: 150px;
    height: 219px;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
div#likeContainer .facebook .icon.pt {background-image:url(../img/fb-container_likes-pt.png);}
div#likeContainer .facebook .icon.en {background-image:url(../img/fb-container_likes-en.png);}
div#likeContainer .facebook .icon.es {background-image:url(../img/fb-container_likes-es.png);}

div#likeContainer .facebook .box {
    float: left;
    width: 395px;
    height: 270px;
    background: #fff;
}
div#likeContainer .facebook .hasButton {float:left;margin:10px 0 0 0;width:395px;height:40px;}
div#likeContainer .facebook .hasButton a {width:353px;}

/* ==================================================================================== FACEBOOK CONTAINER == */



/* == FOOTER ================================================================================================ */

/* FOOTER SOCIAL */
footer#social {
    height: 70px;
    background: #fff;
    border-top: 5px solid #d9c53e;
}
footer#social .container {}
footer#social .container .row {}
footer#social .container .row {}
footer#social .container .row nav.socialicons {
    float: left;
}
footer#social .container .row nav.socialicons ul.links.icons {
    margin-top: 17px;
}
footer#social .container .row nav.socialicons ul.links.icons li.item {
    float: left;
    margin: 0 10px 0 0;
    width: 32px;
    height: 32px;
}
footer#social nav.socialicons ul.links.icons li.item a.link {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}


footer#social .container .row nav.socialicons ul.links.icons li.item a.link:hover {}

footer#social .container .row form.newsletter {
    position: relative;
    float: right;
    margin-top: 15px;
}
footer#social .container .row form.newsletter label {
    float: right;
    margin: 9px 0 0 0;
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #d9c53e;
    text-align: right;
    text-transform: uppercase;
}
footer#social .container .row form.newsletter input.text {
    float: right;
    margin: 0 47px 0 0;
    padding: 8px 10px 10px 10px;
    width: 246px;
    font-size: 14px;
    color: #d9c53e;
    background: #ffffff;
    border: 1px solid #d9c53e;
    border-right: none;
}
footer#social .container .row form.newsletter input.text:-moz-placeholder,textarea:-moz-placeholder{color:#d9c53e;}
footer#social .container .row form.newsletter input.text:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#d9c53e;}
footer#social .container .row form.newsletter input.text::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#d9c53e;}

footer#social .container .row form.newsletter a.button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 7px 0 0;
    padding: 10px;
    font-size: 14px;
    color: #d9c53e;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #d9c53e;
    border-left: none;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
footer#social .container .row form.newsletter .formResponse {
    float: right;
    margin: 9px 0 0 0;
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #090;
    text-align: right;
    text-transform: uppercase;
    display: none;
}






/* FOOTER CONTENT */
footer#content {
    height: 260px;
    background: #d9c53e;
    background: -moz-linear-gradient(left,  #d9c53e 0%, #d9c53e 50%, #f3ebb1 50%, #f3ebb1 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9c53e), color-stop(50%,#d9c53e), color-stop(50%,#f3ebb1), color-stop(100%,#f3ebb1));
    background: -webkit-linear-gradient(left,  #d9c53e 0%,#d9c53e 50%,#f3ebb1 50%,#f3ebb1 100%);
    background: -o-linear-gradient(left,  #d9c53e 0%,#d9c53e 50%,#f3ebb1 50%,#f3ebb1 100%);
    background: -ms-linear-gradient(left,  #d9c53e 0%,#d9c53e 50%,#f3ebb1 50%,#f3ebb1 100%);
    background: linear-gradient(to right,  #d9c53e 0%,#d9c53e 50%,#f3ebb1 50%,#f3ebb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c53e', endColorstr='#f3ebb1',GradientType=1 );
}
footer#content .container {}
footer#content .container .row {}
footer#content .container .row nav.footermenu {
    margin-top: 40px;
}
footer#content .container .row nav.footermenu h6.title {
    margin: 5px 0 20px 0;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
}
footer#content .container .row nav.footermenu ul.links {
    margin: 0 20px 0 0;
}
footer#content .container .row nav.footermenu ul.links li.item {
    margin: 0 0 0 -2px;
}
footer#content .container .row nav.footermenu ul.links li.item a.link {
    display: block;
    padding: 1px 2px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0px;
    text-transform: uppercase;
    cursor: pointer;
}
footer#content .container .video {
    float: left;
    margin: 30px 0 0 30px;
    width: 400px;
    height: 225px;
}


/* FOOTER COPY */
footer#copy {
    position: relative;
    height: 250px;
    background: #4eb09d;
}
footer#copy .container {}
footer#copy .container .row {text-align: center;}
footer#copy .container .row h2.footerTitle {
    margin: 30px 0 0 0;
    font-size: 18px;
    color: #e8f9f6;
    letter-spacing: 3px;
    text-transform: uppercase;
}
footer#copy .container .row ul.footerLinks {}
footer#copy .container .row ul.footerLinks li.sitebullet {
    display: inline-block;
    margin: 0 5px 2px 5px;
}

footer#copy .container .row ul.footerLinks li.item {
    display: inline;
    margin: 0 5px;
    width: auto;
    color: #e8f9f6;
}
footer#copy .container .row ul.footerLinks li.item a.link {
    padding: 0;
    width: auto;
    font-size: 14px;
    color: #e8f9f6;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}
footer#copy .container .row ul.footerLinks li.item div.spacer {
    display: inline;
    padding: 0 0 0 17px;
    width: auto;
    font-size: 14px;
    color: #e8f9f6;
    letter-spacing: 1px;
    text-transform: uppercase;
}
footer#copy .container .row ul.footerLinks li.item a.link:hover {
    color: #fff;
    text-decoration: none;
}
footer#copy .container .row p.text1 {
    margin: 15px auto;
    width: 470px;
    font-size: 11px;
    color: #a9e0d5;
}
footer#copy .container .row p.text1 span {
    font-weight: 700;
    color: #e8f9f6;
}
footer#copy .container .row .footerIcon {
    margin: 10px auto;
    width: 82px;
    height: 82px;
    background: url(../img/footerIcon.png) 0px 0px no-repeat;
    opacity: 0.4;
}
footer#copy .container .row p.text2 {
    margin-top: 40px;
    font-size: 11px;
    color: #fff;
    letter-spacing: 5px;
}
footer#copy h5#inovazi {
    position: absolute;
    bottom: 85px;
    right: 0;
    width: 35px;
    height: 80px;
}
footer#copy h5#inovazi a {
    display: block;
    width: 35px;
    height: 80px;
    background: url(../img/logotipos/logo-inovazi.png) 0px 0px no-repeat;
}

/* ================================================================================================ FOOTER == */


/* == MOBILE ================================================================================================ */

@media screen and (max-width: 1024px){
    #subMenus {
        height: auto;
    }
}

@media screen and (max-width: 860px){
    .hack3.home {
        display: none;
    }

    header#menu {
        width: 100%;
        padding: 0 25px;
        height: auto;
    }

    header#menu nav.categories ul.links li.sitebullet {
        display: none;
    }

    header#menu nav.categories {
        margin: 10px 0;
    }

    .row {
        margin: 0 auto;
        width: 100%;
    }

    .span12 {
        overflow-x: auto;
        width: auto;
        margin: 0 auto;
    }

    body > * {
        overflow: hidden;
    }

    header#information h1.logotipo {
        max-width: 60%;
    }

    header#information nav.userlinks {
        max-width: 40%;
        position: absolute;
        top: 0;
        right: 0;
        background: #e0e0e0;
    }

    header#information nav.userlinks ul.links li.item a#logout + span {
        display: none;
    }

    header#information nav.userlinks ul.links li.item {
        display: flex;
        flex-direction: column;
    }
    header#information nav.userlinks ul.links li.item a.link {
        text-align: right;
    }

    header#information nav.userlinks ul.links li.item a#logout {
        -webkit-order: 2;
        order: 2;
    }

    header#menu .searchSite form.sform a.formbtn {
        right: 15px;
        background-color: transparent;
    }

    .pageContRow .hack1 {
        display: none;
    }

    section#account section.page .formRow {
        width: 95%;
        margin: 5px 2% 15px;
    }

    section#account section.page form label[for="sexo"],
    section#account section.page form label[for="pais"]{
        margin-top: 5px;
        margin-right: 10px;
    }


    body * {
        box-sizing: border-box;
    }

    div#loginWrapper .loginInner {
        position: absolute;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        width: 85vw;
        transform: translate(-50%,-50%);
        height: auto;
        text-align: center;
    }

    div#loginWrapper .loginInner a.fb {
        height: auto;
        width: 100%;
        max-width: 250px;
        margin: 20px auto;
        float: none;
        display: block;
    }

    div#loginWrapper .loginInner .lastRow,
    div#loginWrapper .loginInner a.login {
        height: auto;
        margin: 0 auto;
        width: 85%;
        max-width: 250px;
        float: none;
        display: block;
    }

    div#loginWrapper .loginInner .lastRow a.btn2,
    div#loginWrapper .loginInner .lastRow a.btn1 {
        width: 48%;
        margin-top: 10px;
        height: auto;
    }

    div#loginWrapper .loginInner .lastRow a.btn1 {
        margin-right: 2%;
    }

    div#loginWrapper .loginInner .lastRow a.btn2 {
        margin-left: 2%;
    }

    div#loginWrapper .loginInner input.text {
        height: 35px;
        width: 100%;
        max-width: 250px;
        position: relative;
        float: none;
        display: block;
        margin: 10px auto;
    }

    div#loginWrapper .loginInner .title1.pt,
    div#loginWrapper .loginInner .title2.pt {
        display: none;
    }

    header#information h1.logotipo {
        width: 40%;
    }

    header#information.type2 {
        background: none;
    }

    header#information .useroptions {
        background: #fff;
        width:  30%;
        height: 75px;
        box-sizing: border-box;
        margin: 20px auto 0;
        padding: 0;
        float: left;
    }

    header#information .useroptions .optclm {
        box-sizing: border-box;
        width: 50%;
        padding: 0 1rem;
        float: left;
        margin: 0;
    }
    header#information .useroptions .optclm.facebook {
        display: none;
    }

    header#information nav.userlinks {
        background: none;
        margin-right: 0;
        max-width: 49%;
        padding: 0 0.5rem;
    }

    header#information nav.userlinks ul.links {
        margin: 20px 0 0 0;
    }

    header#information nav.userlinks ul.links li.item {
        margin-top: 0;
        margin-right: 0!important;
    }

    header#information nav.userlinks ul.links li.item:not(:last-child) {
        margin-bottom: 10px;
        align-items: flex-end;
    }
    header#banner .slides {
        height: auto;
    }

    header#banner {
        height: auto;
    }

    header#banner .slides img {
        height: 30vh;
        min-height: 200px;
        width: auto;
        display: block;
        margin-left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        max-width: none;
    }

    section#Homepage .hackByJs1 {
        display: block;
    }

    section#Homepage .hackByJs2 {
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw!important;
        left: 0;
        bottom: 0;
        background: transparent;
        z-index:-1;
    }

    section#Homepage .hackByJs2 a.more {
        margin: 0;
        top: 137px;
        left: auto;
        right: 1%;
    }

    section#Homepage .hackByJs2 a.minus {
        margin: 0;
        top: 137px;
        right: auto;
        left: 1%;
    }

    header#banner a.rslides_nav.next:before,
    header#banner a.rslides_nav.prev:before,
    section#Homepage .hackByJs2 a.minus:before ,
    section#Homepage .hackByJs2 a.more:before {
        content: '';
        position: absolute;
        top: -50px;
        bottom: -50px;
        width: 45px;
    }

    header#menu nav.categories ul.links li.item {
        height: 75px;
        margin: 15px;
        width: 60px;
        display: inline-block;
        vertical-align: middle;
        float: none;
        text-align: center;
    }


    header#menu nav.sections ul.links {
        text-align: center;
        width: 100%;
        margin: 5px auto;
    }

    header#menu nav.sections ul.links li.item {
        display: inline-block;
        float: none;
        height: auto;
    }

    header#menu nav.sections ul.links li.item a.link {
        padding: 10px;
    }

    header#menu nav.sections {
        margin: 0;
    }

    footer#copy h5#inovazi a {
        display: none;
    }

    section#catalogo .catFilters {
        margin: 0 auto;
        padding: 10px 5vw;
        height: auto;
        left: 0;
        right: 0;
        margin: 0;
        width: 100vw!important;
        border-bottom: 2px solid #fff;
    }

    section#catalogo .catFilters h3.catTitle span.sitebullet, section#catalogo .catFilters .filters span.sitebullet, section#catalogo .pageOptions .counter span.sitebullet, section#catalogo .pageOptions .listoptions span.sitebullet {
        display: none;
    }

    ul.prodlist.grid4 li.item div.photo {
        float: none;
        margin: 0 auto;
    }

    ul.prodlist.grid4 li.item div.prodInfo {
        width: 210px;
        height: 110px;
        margin: 0 auto;
        float: none;
    }

    section#produto article.prodContainer .prodImages {
        margin-bottom: 80px;
        width: 50%;
    }

    section#produto article.prodContainer .prodImages .mainPhoto {
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }

    section#produto article.prodContainer .prodImages .prodNavigation,
    section#produto article.prodContainer .prodImages .prodNavigation ul.otherImages {
        width: 100%;
    }

    section#produto article.prodContainer .prodImages li.zoomBig {
        height: 75px;
    }

    section#produto article.prodContainer .prodInfo {
        box-sizing: border-box;
        width: 45%;
        background-color: #fff;
        float: left;
        margin: 0;
    }

    section#produto article.prodContainer .prodInfo h2.prodTitle,
    section#produto article.prodContainer .prodInfo .prodDescription,
    section#produto article.prodContainer .prodInfo .prodPrice,
    section#produto article.prodContainer .prodOptions,
    section#produto article.prodContainer .prodSocial,
    section#produto article.prodContainer .prodOptions .options .optrow,
    section#produto article.prodContainer .prodInfo .prodRef {
        width: 100%;
    }

    section#produto article.prodContainer .prodOptions .options {
        width: 75%;
    }

    section#produto article.prodContainer .prodOptions .helper {
        width: 23%;
    }

    section#produto article.prodContainer .prodOptions .helper > * {
        max-width: 100%;
    }

    section#produto article.prodContainer .prodSocial .title {
        margin: 26px 10px 0 20px;
    }

    section#produto article.prodContainer .prodSocial .bullet {
        display: none;
    }

    section#produto article.prodContainer .prodImages .mainPhoto img {
        margin: 0 auto;
    }

    section#catalogo .pageOptions .listoptions {
        width: 100%;
        margin: 0;
    }

    section#produto .prodTitles h3.prodTitle, section#produto .prodTitles h2.prodTitle, section#produto .prodTitles h5.prodRef {
        font-size: 15px;
    }

    section#produto .prodExtraBar,
    section#produto .prodTitles {
        padding: 0 10px;
        height: auto;
    }

    .pageContRow .mod .modTitle {
        padding: 20px 5px;
        line-height: 1;
        display: block;
        width: 100%;
        box-sizing: border-box;
        height: auto;
    }

    .pageContRow a.button {
        margin-left: 10px;
    }

    a.button {
        height: auto;
    }

    .pageContRow .mod {
        width: 100%;
    }

    .pageContRow .mod .modMenu ul.submenu li.item a.link,
    section#cliente .pageContRow .txt ul.listboxes li.itembox span.column2,
    section#cliente .pageContRow .txt ul.listboxes li.itembox,
    section#cliente .pageContRow .txt ul.listboxes {
        width: 100%;
        height: auto;
    }

    section#cliente .pageContRow .txt ul.listboxes li.itembox a.button {
        width: auto;
        margin: 15px 0;
    }

    section#Homepage ul.prodlist {
        width: 720px;
        margin: 1em auto;
    }

    footer#social {
        height: auto;
        padding-bottom: 10px;
    }

    footer#social .container .row {
        width: 100%;
        margin: 0;
    }
    footer#social .container .row nav.socialicons {
        width: 50%;
    }

    footer#social .container .row form.newsletter {
        position: relative;
        float: right;
        margin-top: 15px;
        width: calc(100% - 420px);
        margin-left: 0;
    }

    section#produto article.prodContainer .bghack1,
    section#produto article.prodContainer .spacer {
        display: none;
    }

    section#produto article.prodContainer .prodImages .prodNavigation {
        max-width: 300px;
        margin: 0 auto;
        display: block;
        float: none;
    }

    ul.otherImages {
        width: auto;
        white-space: nowrap;
    }

    .prodImages ul.otherImages > .prodImages li.type, .prodImages ul.otherImages > .prodImages li.zoomBig, .prodImages ul.otherImages > li.photo {
        display: inline-block;
        float: none!important;
        margin-left: -5px;
    }

    section#produto article.prodContainer .prodImages .prodNavigation ul.otherImages {
        width: auto;
        white-space: nowrap;
        overflow-x: scroll;
        margin-top: 5px;
    }

    section#produto article.prodContainer .prodImages li.zoomBig,
    section#produto article.prodContainer .prodImages li.type {
        margin-right: 2px;
    }

    section#cart section.cartOptions .span6 {
        width: 90%;
        margin-bottom: 5px;
    }

    section#cart section.cartOptions input.text {
        width: calc(100% - 80px);
        height: 38px;
    }

    section#cart section.cartOptions a.button {
        float: none;
        margin-left: -2px;
        display: inline-block;
    }

    section#cart section.cartOptions select.paises {
        width: 100%;
        border-radius: 0;
    }

    footer#social .container .row form.newsletter input.text {
        height: 41px;
    }

    section#cart section.table table#cartTable {
        width: 100%;
    }

    section#cart section.table table#cartTable tbody tr td input.text {
        height: 25px;
    }

    section#cart section.table .row {
        margin-left: 0;
    }

    section#cart section.cartLinks .span12 {
        padding: 0 5%;
    }

    section#cart section.cartLinks a.button {
        width: 48%;
    }

    section.contentempty .title, section.contentempty .txt, section.contentempty a.button {
        width: 90%;
    }
}

@media screen and (max-width: 640px){
    header#information .useroptions {
        width: 100%;
        margin: 0 auto;
    }

    header#information nav.userlinks ul.links {
        margin-top: 25px;
    }


    header#menu .searchSite.home {
        top: 0;
        width: 100%;
        right: 0;
    }

    header#menu .searchSite form.sform {
        width: calc(100% - 35px);
    }

    header#menu .searchSite form.sform a.formbtn {
        width: 19%;
        height: 98%;
        padding: 0;
        line-height: 14px;
        font-weight: 600;
        padding: 10px 0;
        background-color: #f4f4f4;
    }

    section#Homepage .hackByJs1 {
        display: none!important;
    }

    footer#social {
        margin-bottom: 10px;
        height: auto;
    }

    footer#content {
        background: none;
        height: auto;
        background-color: #d9c53e;
    }

    footer#social .container form > .row {
        width: 85%;
        margin: 0 auto;
    }

    footer#content .container .row nav.footermenu ul.links {
        margin: 0 auto;
    }

    footer#content .container .row nav.footermenu h6.title,
    footer#content .container .row nav.footermenu ul.links {
        text-align: center;
    }

    footer#social .container .row form.newsletter a.button {
        height: 30px;
        line-height: 8px;
        border-left: 1px solid;
        color: #fff;
        background-color: #d9c53e;
    }

    footer#content .row > div {
        width: 100%;
    }

    footer#content .container .video {
        background-color: #f3ebb1;
        margin: 0;
        height: auto;
        padding: 2rem 5%;
        max-width: 100%;
    }

    footer#content .container .video iframe {
        width: 100%;
        height: auto;
    }

    footer#social .container .row form.newsletter input.text {
        float: none;
        margin: 0 auto 0 25px;
    }

    footer#social .container .row form.newsletter label {
        float: right;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }

    footer#social .container .row form.newsletter a.button {
        right: calc(50% - 140px);
        border-left: 0;
    }

    footer#social .container .row nav.socialicons ul.links.icons {
        text-align: center;
    }

    footer#social .container .row nav.socialicons ul.links.icons li.item {
        float: none;
        display: inline-block;
    }

    footer#social .container .row nav.socialicons ul.links.icons li.item:last-child {
        margin-right: 0;
    }

    footer#content .container .row nav.footermenu {
        margin-top: 0;
        padding: 2rem 5%;
    }

    footer#content .container .row nav.footermenu:first-child {
        padding-bottom: 0;
    }

    footer#copy {
        height: auto;
    }

    footer#copy .container {
        padding: 1.5rem;
    }

    footer#copy .container .row ul.footerLinks li.sitebullet:last-child {
        display: none;
    }

    footer#copy .container .row p.text1 {
        width: auto;
        max-width: 90%;
        margin: 20px auto;
    }

    ul.prodlist.grid4 li.item {
        padding-left: 10vw;
        width: 100%;
        margin: 10px auto;
    }

    section#Homepage ul.prodlist li.item {
        text-align: center;
        padding-left: 0;
    }

    section#Homepage .hackByJs2 a.more {
        right: 1%;
    }

    section#Homepage .hackByJs2 a.minus {
        left: 1%;
    }


    section#catalogo .catFilters h3.catTitle {
        width: 100%;
        display: block;
    }

    section#catalogo .catFilters .filters {
        height: auto;
    }

    section#catalogo .catFilters .filters select.filter {
        width: 37%;
        margin: 10px!important;
    }

    section#catalogo .catFilters .filters a.link.remove {
        width: 25px;
        height: 70px;
        position: absolute;
        right: 0;
        border-radius: 5px;
        bottom: 14%;
        line-height: 70px;
        padding-top: 0;
    }

    section#catalogo .pageOptions .nav {
        left: auto;
        right: 10px;
    }

    section#catalogo .pageOptions .nav ul.navarrows li.text {
        height: 25px;
    }
    section#catalogo .pageOptions {
        margin: 0;
    }

    section#catalogo .catFilters.fixed h3.catTitle {
        display: none;
    }


    header#menu nav.categories {
        padding-top: 40px;
        width: 100%;
        overflow-x: auto;
    }

    header#menu {
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    header#menu .hack3.home,
    header#menu .sep.color3 {
        display: none;
    }

    header#menu nav.categories ul.links {
        background-color: #fff;
        padding-left: 15px;
    }

    header#menu nav.categories a.link {
        margin: 0 auto;
        float: none;
        text-align: center;
        white-space: normal;
    }

    header#menu nav.categories ul.links li.sitebullet {
        display: none;
    }

    header#menu .searchSite form.sform input {
        width: 80%;
    }

    header#menu nav.categories ul.links  {
        width: auto;
        height: 120px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    header#menu nav.sections {
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 auto;
    }

    header#menu nav.sections ul.links {
        margin: 20px auto;
    }


    section#produto .prodTitles .prodRefDiv .sitebullet {
        display: none;
    }

    section#produto .prodTitles .prodRefDiv {
        padding-top: 5px;
        padding-right: 10px;
    }

    section#produto .prodTitles .prodRefDiv h5 {
        color: #333;
    }


    section#produto article.prodContainer .prodOptions {
        margin-top: 0;
        background-color: #fff;
    }

    section#produto .prodBuy .buyIt a.button {
        width: calc(100% - 200px);
        height: 47px;
        padding: 10px 5%;
        font-size: 12px;
        margin-left: 10px;
        line-height: 1;
    }

    section#produto .payment-methods .col-6 {
        width: 100%;
        text-align: center;
    }

    section#produto article.prodContainer .prodInfo {
        padding: 5%;
        width: 100%;
    }

    section#produto article.prodContainer .prodOptions .helper {
        padding-top: 25px;
    }

    footer#social .container .row nav.socialicons,
    footer#social .container .row form.newsletter,
    section#produto article.prodContainer .prodImages {
        width: 100%;
    }

    section#Homepage ul.prodlist {
        width: auto;
    }

    section#cart section.table table#cartTable thead {
        display: none;
    }

    section#cart section.table table#cartTable tbody {
        display: inline-block;
    }

    section#cart section.table table#cartTable tbody tr {
        min-height: 65px;
        width: 100%;
        display: inline-block;
    }

    section#cart section.table table#cartTable tbody tr td {
        display: inline-block;
        vertical-align: top;
    }

    section#cart section.table table#cartTable tbody tr td.td1 {
    }

    section#cart section.table table#cartTable tbody tr td.td2 {
        width: calc(100% - 75px);
    }

    section#cart section.table table#cartTable tbody tr td {
        padding: 10px!important;
        width: 25%;
        float: left;
    }


    section#cart section.table table#cartTable tbody tr td:not(.td3) {
        padding: 21px 10px!important;
    }

    section#cart section.table table#cartTable tbody tr td.td4 {
        width: 35%;
        padding-left: 7%!important;
    }

    section#cart section.table table#cartTable tbody tr td.td6 {
        width: 15%;
    }

    section#cart section.table table#cartTable tbody tr td.td6 a.button {
        margin: 0 auto;
        float: none;
        display: block;
    }

    section#cart section.table table#cartTable tbody tr td input.text {
        height: 21px;
    }

    section#encomenda section.process ul.steps li.step {
        width: 100%;
        display: block;
    }

    section#encomenda section.process ul.steps {
        width: 100%;
        height: auto;
    }

    section#encomenda section.process ul.steps li.step:first-child::before {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 10px solid #fff;
    }

    section#encomenda section.process ul.steps li.step:first-child {
        margin: 0;
    }

    section#encomenda section.process {
        height: auto;
        background: #f2f2f2;
    }

    section#encomenda section.process ul.steps li.step a.link {
        width: 100%;
        display: block;
    }

    section#encomenda section.panels .hack9 {
        display: none;
    }

    section#encomenda section.panels div.sidebar {
        display: none;
    }

    section#encomenda section.panels .panel .formRow {
        width: 100%;
    }

    section#encomenda section.panels .panel .formRow.radios,
    section#encomenda section.panels .panel .formRow select.select1 {
        width: 100%;
    }

    section#encomenda section.panels .panel {
        padding: 0 5%;
    }

    section#encomenda section.panels .panel .formRow.radios .txt {
        width: auto;
        margin-left: 15px;
    }

    section#encomenda section.panels .panel .formRow.values {
        width: 100%;
        height: auto;
    }

    section#encomenda section.panels .panel .formRow.radios {
        height: auto!important;
        background-color: transparent;
    }

    section#encomenda section.panels .panel .formRow.radios > div,
    section#encomenda section.panels .panel .formRow.radios textarea {
        max-width: calc(100% - 5px);
    }

    section#Homepage .container {
        z-index: 3;
        width: 75%;
    }

    section#produto article.prodContainer #cartResult,
    section#produto article.prodContainer #cartResult .title,
    section#produto article.prodContainer #cartResult .txt,
    section#produto article.prodContainer #cartResult .options,
    section#produto article.prodContainer #prodComment,
    section#produto article.prodContainer #helperTamanhos {
        width: 100%;
        margin: 0 auto;
    }

    section#produto article.prodContainer #helperTamanhos.phax {
        background-size: contain;
    }

    section#produto article.prodContainer #helperTamanhos span.aclose {
        margin: -30px 10px 0 0;
    }

    section#produto article.prodContainer #cartResult .options a.button {
        width: 45%;
        float: left;
        height: 45px;
        display: inline-block;
        margin: 10px 5px!important;
    }
}

/* ================================================================================================ MOBILE == */

/* ================================================================================================ PLUGINS == */
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* == PLUGINS ================================================================================================ */

.mCSB_inside>.mCSB_container {
    margin-top: 2%;
}

/* ====== RESELLERS ***/
body.catalogo #catalogo.reseller .restable{
    margin-top: 2%;
}

body.catalogo #catalogo.reseller .restable ul li{
    height: 47px;
    border: 2px solid #fff;
    margin-bottom: 1px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    overflow: hidden;
}

body.catalogo #catalogo.reseller .restable ul li:nth-child(even){
    background-color: #eeebe6
}

body.catalogo #catalogo.reseller .restable ul li:hover{
    background-color: transparent;
    border-color: #4cb09d
}
body.catalogo #catalogo.reseller .restable ul li > div{
    float: left;
    height: 43px;
    text-align:center;
    color: #004a8f;
    line-height: 43px;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 12px;
    border-right: 2px solid #fff;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

body.catalogo #catalogo.reseller .restable ul li:hover > div{
    color: #4cb09d;
    border-right-color: transparent;
}

body.catalogo #catalogo.reseller .restable ul li > div a { color: inherit }
body.catalogo #catalogo.reseller .restable ul li > div.col1{width:54px;background:#fff;padding:0}
body.catalogo #catalogo.reseller .restable ul li > div.col1 img{display:inline-block;height:43px; }
body.catalogo #catalogo.reseller .restable ul li > div.col2{width:calc(100% - 434px); text-align: left; height: 100%; display: inline-block; vertical-align: middle;}
body.catalogo #catalogo.reseller .restable ul li > div.col2 span{line-height: 12px; line-height: 12px; display: inline-block; vertical-align: middle}
body.catalogo #catalogo.reseller .restable ul li > div.col3{width:80px}
body.catalogo #catalogo.reseller .restable ul li > div.col4{width:80px}

body.catalogo #catalogo.reseller .restable ul li > div.col3{
    width: 200px;
}

body.catalogo #catalogo.reseller .restable ul li.column-labels:hover > div { color: #4cb09d }

body.catalogo #catalogo.reseller .restable ul li.column-labels > div,
body.catalogo #catalogo.reseller .restable ul li.column-labels,
body.catalogo #catalogo.reseller .restable ul li.column-labels:hover {
    border-color: #f9f8f7;
    color: #4cb09d;
    background-color: #f9f8f7;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
}

body.catalogo #catalogo.reseller .restable ul li.column-labels > div.col2{width:calc(100% - 380px);  padding-left: 10px}

body.catalogo #catalogo.reseller .restable ul li.column-labels > div.col2 {
    width: calc(100% - 300px);
}

body.catalogo #catalogo.reseller .restable ul li > div.col2 {
    width: calc(100% - 325px);
}
body.catalogo #catalogo.reseller .restable ul li .addNotaEncomenda {
    display: inline;
    float: right;
    font-size: 10px;
}
body.catalogo #catalogo.reseller .restable ul li .addNotaEncomenda
i.icon {
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
i.icon::before{
    content: url(../img/add-to-cart.png);
}