/* Armarinho São José 2015 */

html{box-sizing: border-box;font-size: 13px;}
*,*:before,*:after{box-sizing: inherit;}
#sbox-window {box-sizing: content-box;}
body {font-family: 'Open Sans', sans-serif; color: #000; scroll-behavior: smooth;}
pre {font-size: inherit; color: #000;}
a,b,strong {font-weight: 600;}
a {color: #369;}
a:hover {color: #036;}
.a, .calendarDateInput {background: #fff; border: 1px solid #ccc;}
.f {font-family: "Courier New"; color: #339;}
.n {border-top: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; color: #339; text-align: right;}
.required {background-color: #f0f0f0 !important; border-color: #ccc !important;}
h1, h2, h3, h4, h5 {letter-spacing: 0;}
h2 {margin: 0; padding: 0; font-size: 18px;}
blockquote {margin: 0; padding: 15px;}
input.a, input[type='text'], input[type='textbox'], input[type='email'], input[type='password'], input[type='number'], textarea, select {padding: 7px; border: 1px solid #ccc; line-height: 25px; font-size: 14px !important;}
input.a, input[type='text'], input[type='textbox'], input[type='email'], input[type='password'], input[type='number'], textarea, select {height:40px;}
input[type='text']:focus, input[type='textbox']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus, textarea:focus {box-shadow: 0 0 2px #09c;}
input[type="number"] {-moz-appearance: textfield;}
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.button {width: auto !important; text-align: right;}
.button a, input[type="submit"], input[type="button"] {padding: 10px 20px; background: #b00; border: none; border-right: 5px solid #900; outline: none; transition: all 0.5s ease; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-appearance: none;}
.button a:hover, input[type="submit"]:hover, input[type="button"]:hover {background: #900;}
.error {padding: 20px 0; background: #c00; border: 0; color: #fff;}
#title, #date {display: none;}
.rating svg {display: inline-block; width: 15px;}
.rating svg path {fill: #ffcc00;}

/* -( container )- */
body {position: relative; margin: 0; text-align: center;}
#container, #header-content {position: relative; width: 980px; margin: 0 auto; background: #fff; text-align: left;}
#container_header {height: 180px; background-color: #09c; border-top: 40px solid #069; border-bottom: 60px solid #eee;}
.fullMode #container_header {height: 120px; border-bottom: none;}
#extraDiv8 {position: absolute; top: 0; left: 0; z-index: -100; width: 100%; height: 180px; background-color: #09c; border-top: 40px solid #069; border-bottom: 60px solid #eee;}
#extraDiv0 {position: absolute; top: 0; left: 0; z-index: -100; width: 100%; height: 120px; background-color: #09c; border-top: 40px solid #069;}
#nav-your-account {position: absolute; top: 0; right: 10px; z-index: 400;}
#nav-your-account:before {content: '\f090'; margin-right: 5px; line-height: 40px; font-family: 'FontAwesome'; font-size: 18px; font-weight: 400; color: #ddd; vertical-align: middle;}
#nav-your-account span {line-height: 40px; font-size: 12px; font-weight: 600; color: #ddd; text-transform: uppercase; vertical-align: middle;}
.nav_login a {color: #ddd;}
.nav_login a:hover {text-decoration: underline;}
.nav_logout {margin-left: 11px;}
.nav_logout a {font-size: 11px; color: #ddd;}
.nav_logout a:hover {color: #fc0;}
.nav_logout a:after {content: '\f00d'; margin-left: 5px; font-family: 'FontAwesome'; font-size: 11px; font-weight: 400;}
/* .framedMode #nav-your-account-box {position: absolute; right: 0; z-index: 1000; display: block !important; width: 320px; padding: 15px; background: #ff9;  box-shadow: 0 0 20px rgba(0,0,0,.75); text-align: center;} */
#nav-your-account-box:before {content: ''; position: absolute; top: -7px; right: 20px; border-bottom: 7px solid #ff9; border-right: 7px solid transparent; border-left: 7px solid transparent;}
#nav-your-account-box p {margin-top: 0; line-height: 20px; font-weight: 600;}
#nav-your-account-box p:before {content: url(/octopus/design/images/94/cross-device-icon.png); float: left; margin-right: 10px;}
#nav-your-account-box a {display: inline-block; padding: 0 10px; background: #fc0; line-height: 30px; font-size: .9em; color: #000;}
#nav-your-account-box a:hover {opacity: .8; color: inherit;}

/* -( fixed header )- */
#fixed_header {position: fixed; top: 0; z-index: 400; width: 100%; height: 60px; background-color: #09c; -webkit-transform: translatey(-60px); transform: translatey(-60px); -webkit-transition: transform 0.8s ease; transition: transform 0.8s ease;}
#fixed_header.slideIn {-webkit-transform: translatey(0); transform: translatey(0);}
#fixed_header.slideOut {-webkit-transform: translatey(-120px); transform: translatey(-120px);}
#header-content #logo {top: 5px;}
#header-content #logo img {width: 80%;}
#header-content #quickSearch {top: 10px;}
#header-content #mn0_4 {top: 5px;}
#header-content #mn0_4 a {line-height: 30px;}
#header-content #floating_cart {top: 50px;}
#header-content #floating_cart_body_total_items {top: -65px; height: 60px; line-height: 60px;}
.ban-menu-control {display: none;}
.ban-menu-control,
.ban-menu-toggler {position: absolute; top: 0; left: 140px; display: block; width: 60px; text-align: center; line-height: 60px;}
.ban-menu-control {display: none;}
.ban-menu-toggler:before {content: '\f0c9'; font-family: FontAwesome; font-size: 25px; color: #fff;}
#fixed_menu {position: absolute; top: 60px; z-index: 500; width: 100%; height: 60px; background: #eee; text-align: center; -webkit-transform: translatey(-120px); transform: translatey(-120px); -webkit-transition: transform 0.8s ease; transition: transform 0.8s ease;}
#fixed_menu #banner_1 {position: relative; top: 0; width: 980px; margin: 0 auto;}
#fixed_menu #banner_1:before {content:''; position: absolute; left: -300px; width: 300px; height: 60px; background: #eee;}
#fixed_menu #banner_1:after {content:''; position: absolute; right: -300px; width: 300px; height: 60px; background: #eee;}
.ban-menu-control:checked ~ #fixed_menu {-webkit-transform: translatey(0); transform: translatey(0);}
.ban-menu-control:checked ~ .ban-menu-toggler {background: #eee;}
.ban-menu-control:checked ~ .ban-menu-toggler:before {content: '\f00d'; color: #999;}
#goto_top {position: fixed; bottom: 0; right: 20px; z-index: 500; display: none; width: 60px; height: 60px; padding: 5px; background-color: #fff; box-shadow: 0 0 5px #999; font-size: 10px; font-weight: 600; color: #333; text-transform: uppercase; cursor: pointer;}
#goto_top:hover {background-color: #369; color: #fff;}
#goto_top:before {content: '\f077'; display: block; margin-bottom: 5px; font-family: FontAwesome; font-size: 16px; font-weight: normal;}

/* -( container body )- */
#container_body {width: 100%; overflow: hidden;}
#container_footer {position: relative; width: 100%; background: #eee;}
#extraDiv9, .framedMode #container_footer {height: 650px; padding-top: 325px; border-top: 85px solid #09c;}
#extraDiv1, .fullMode #container_footer {height: 220px; margin-top: 20px;}
#extraDiv1, #extraDiv9 {position: absolute; left: 0; bottom: 0; z-index: -100; width: 100%; background: #eee;}
.framedMode #f-content {border-top: 1px solid #ccc;}
#f-st {height: 125px; padding: 15px 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}
#f-tel {float: left; width: 35%; height: 100%; padding: 5px 10px; border-right: 1px solid #ccc; text-align: center;}
#f-tel p:before {content: ''; display: inline-block; width: 50px; height: 40px; background: url(../images/94/asj_imgs.png) no-repeat 0 -90px; vertical-align: top;}
#f-tel p {display: inline-block; margin: 0; font-size: 21px; font-weight: 600; color: #069;}
#f-tel a {color: #069;}
#f-tel a:hover {text-decoration: underline;}
#f-tel span {display: block; margin-top: 7px;font-size: 13px; font-weight: 400; color: #666;}
#f-sec {float: left; width: 65%; height: 100%; padding: 0; border-left: 1px solid #fff; text-align: center;}
#f-sec ul {margin: 0; padding: 0; list-style-type: none;}
#f-sec li {display: inline-block; margin: 0 1%; vertical-align: middle;}
#seloEbit {height: 95px;}
#f-sec span {display: none;}
#f-sec-link a {font-size: 18px; color: #069;}
#f-sec-link a i {position: relative; top: 10px; margin-right: 5px; font-size: 47px;}
#f-abcomm a {display: inline-block; width: 142px; height: 75px;background: url(../images/94/asj_imgs.png) no-repeat -150px 0;}
#f-lencrypt a {display: inline-block; width: 81px; height: 63px;background: url(../images/94/asj_imgs.png) no-repeat right 0;}
#f-nd {border-top: 1px solid #fff;}
#f-nd p {float: left; width: 80%; padding: 0 10px; text-align: justify; font-size: 12px; color: #666;}
#f-nd a {float: right; display: block; width: 170px; height: 40px; margin: 30px 10px 0 0; background: url(../images/94/asj_imgs.png) no-repeat right -90px;}
#f-nd a span {display: none;}

/* -( logo )- */
#logo {position: absolute; top: 50px; left: 10px;}

/* -( menu0 / menuU )- */
#menu0 {position: absolute; top: 0; left: 10px; z-index: 50; width: 100%;}
#menuU {position: absolute; top: 0; right: 0; width: 100%;}
#menu0 ul, #menuU ul {margin: 0; padding: 0; list-style-type: none;}
#menu0 li, #menuU li {float: left;}
#mnU_0_parent {position: relative; z-index: 100; margin-left: 175px;}
#mnU_1_parent {position: relative; z-index: 100;}
#mn0_0 {display: none;}
#mn0_3 {position: relative; margin-left: 240px;}
.mn0 a, .mnU a {display: inline-block; line-height: 40px; font-size: 12px; color: #ddd; text-transform: uppercase; vertical-align: middle;}
.mn0 a:hover span, .mnU a:hover span {text-decoration: underline;}
.mn0:after, #mnU_0:after, #mnU_1:after {content: '\f111'; padding: 0 10px; font-family: 'FontAwesome'; font-size: 5px; color: #999;}
#mn0_5:after {content: ''; padding: 0;}
/* #mn0_4 {position: absolute; top: 53px; right: 120px; text-align: right;} */
/* #mn0_4:after {content: 'Tel: (43) 3371-6400'; display: block; padding: 0; line-height: 22px; font-family: "Open Sans"; font-size: 14px; color: #fff; white-space: pre;} */
#mn0_4 {position: absolute; top: 41px; right: 120px; text-align: right;}
#mn0_4:after {content: 'Tel: (43) 3371-6400\A Whats: (43) 99918-0043'; display: block; padding: 0; line-height: 22px; font-family: "Open Sans"; font-size: 14px; color: #fff; white-space: pre;}
#mn0_4 a {line-height: 30px; font-size: 15px; color: #fff; text-transform: capitalize;}
#mn0_4 a:before {content: '?'; display: inline-block; width: 21px; margin-right: 10px; border: 2px solid #fff; border-radius: 100%; text-align: center; line-height: 17px; font-size: 12px; font-weight: 700;}
#mnU_2_parent {position: absolute; top: 40px; right: 10px;}
#mnU_2 a {display: block; width: 80px; /*height: 55px;*/ height: 80px; padding: 0; background: #fb0 url(../images/94/asj_imgs.png) no-repeat -40px 0;}
#mnU_2 a:hover {background-color: #0a0; text-decoration: none;}
#mnU_2 a span {display: none;}
.fullMode #menu0 .mn0, .fullMode #menuU {display: none;}
.fullMode #menu0 #mn0_4 {display: block; right: 25px;}

/* -( search )- */
#frmQuickSearch {position: absolute; top: 60px; left: 210px; right: 280px; z-index: 300;}
#frmQuickSearch ul {margin: 0; padding: 0; list-style: none;}
#quickSearch_i0 {display: none;}
#quickSearch_i1 input {width: 100%; height: 40px; padding: 0 20px; line-height: 38px;}
#quickSearch_i2 {position: absolute; top: 5px; right: 6px;}
#quickSearch-submit {display: block; width: auto; height: 30px; border-radius: 15px;}
.autocompleter-choices {z-index: 300 !important;}

/* -( search )- */
#quicksearch-form {position: absolute; top: 60px; left: 210px; right: 290px; z-index: 300;}
#quicksearch-search .twitter-typeahead {display: block !important;}
.typeahead[type='text'], .tt-query[type='text'], .tt-hint[type='text'] {display: block; width: 90%; width: -webkit-calc(100% - 75px); width: calc(100% - 75px); height: 40px; padding: 0 10px; border: none; outline: none; height: 40px; font-size: 14px; font-weight: 600; vertical-align: middle;}
.tt-hint[type='text'] {color: #ccc;}
.tt-dropdown-menu {width: 440px; margin-top: 10px; padding: 10px; background-color: #eee; box-shadow: 0 10px 30px #000;}
.tt-dropdown-menu:before {content: ""; position: absolute; top: -9px; display: block; border-bottom: 9px solid #eee; border-right: 10px solid transparent; border-left: 10px solid transparent;}
.tt-dataset-quicksearch-terms {display: none;}
.tt-suggestion {padding: 10px; border-bottom: 1px solid #ddd;}
.tt-suggestion.tt-cursor {background-color: #ddd !important;}
.tt-suggestion p {clear: both; overflow: hidden; margin: 0;}
.gist {font-size: 14px;}
.tt-suggestion img {float: left; width: 15%; height: 15%; margin-right: 10px; border: 1px solid #ccc; cursor: pointer;}
.quickSearch-product-name {font-size: 13px; color: #333; cursor: pointer;}
.quickSearch-product-name:hover {text-decoration: underline;}
.quickSearch_product_price {display: block; margin-top: 5px; font-size: 14px; font-weight: 600; color: #c33;}
.tt-dataset-quicksearch-suggestions {margin-top: 10px;}
.tt-dataset-quicksearch-suggestions a {color: #333;}
.tt-dataset-quicksearch-suggestions a:hover {text-decoration: underline;}
.tt-dataset-quicksearch-suggestions a,
.tt-dataset-quicksearch-suggestions label {display: block; cursor: pointer;}
#quicksearch-button {position: absolute; top: 0; right: 10px;}
#quicksearch-submit {padding: 0 7px; outline: none; line-height: 40px; font-size: 14px; font-weight: 600; color: #fff; text-transform: capitalize;}

/* -( banners )- */
#banner_1 {position: absolute; top: 120px; left: 0; z-index: 200; width: 100%; background: #eee;}
#banner_1 ul {margin: 0; padding: 0; list-style-type: none;}
.mnh_lvl1 {position: relative; float: left; padding: 10px 5px; border-left: 1px dotted #999; text-align: center; line-height: 20px; font-weight: 600; color: #069; cursor: pointer;}
.mnh_lvl1:hover > a {color: #fff;}
.mn_rw {line-height: 40px;}
#mnh_0 {border-left: none;}
.mnh_lvl1 .box_drpdw {position: absolute; top: 60px; left: 0; display: none; padding: 15px 3px;}
.box_drpdw ul {float: left;}
.box_drpdw li {width: 230px; margin: 0 2px; text-align: left; line-height: 25px;}
.box_drpdw a {display: block; padding: 2px 10px; font-weight: normal; color: #000;}
.box_drpdw a:hover {color: #fff;}
    /*box_drpdw sizes*/
    #mnh_1 .box_drpdw/*armarinhos*/, #mnh_10 .box_drpdw/*patch*/ {width: 960px;}
    #mnh_2 .box_drpdw/*banbantes*/,#mnh_3 .box_drpdw/*bordados*/, #mnh_5 .box_drpdw/*fitas*/, #mnh_6 .box_drpdw/*las*/, #mnh_7 .box_drpdw/*linhas bordar*/, #mnh_9 .box_drpdw /*meia seda*/ {width: 490px;}
    #mnh_4 .box_drpdw/*croche*/, #mnh_12 .box_drpdw/*scrap*/, #mnh_11 .box_drpdw/*papelaria*/ {width: 725px;}
    #mnh_1 .box_drpdw {left: -66px;}
    #mnh_4 .box_drpdw {left: -280px;}
    #mnh_9 .box_drpdw {right: 0; left: auto;}
    #mnh_10 .box_drpdw {right: -192px; left: auto;}
    #mnh_11 .box_drpdw, #mnh_12 .box_drpdw {right: 0; left: auto;}
    /*hover*/
    .mnh_lvl1:hover {color: #fff;}
    .mnh_lvl1:hover .box_drpdw {display: block; background-color: #fff;}
    #mnh_0:hover {background-color: #f80;} #mnh_0:hover .box_drpdw {border: 5px solid #f80;} #mnh_0 .box_drpdw a:hover {background: #f80;}
    #mnh_1:hover {background-color: #c33;} #mnh_1:hover .box_drpdw {border: 5px solid #c33;} #mnh_1 .box_drpdw a:hover {background: #c33;}
    #mnh_2:hover {background-color: #090;} #mnh_2:hover .box_drpdw {border: 5px solid #090;} #mnh_2 .box_drpdw a:hover {background: #090;}
    #mnh_3:hover {background-color: #36c;} #mnh_3:hover .box_drpdw {border: 5px solid #36c;} #mnh_3 .box_drpdw a:hover {background: #36c;}
    #mnh_4:hover {background-color: #fa0;} #mnh_4:hover .box_drpdw {border: 5px solid #fa0;} #mnh_4 .box_drpdw a:hover {background: #fa0;}
    #mnh_5:hover {background-color: #96f;} #mnh_5:hover .box_drpdw {border: 5px solid #96f;} #mnh_5 .box_drpdw a:hover {background: #96f;}
    #mnh_6:hover {background-color: #399;} #mnh_6:hover .box_drpdw {border: 5px solid #399;} #mnh_6 .box_drpdw a:hover {background: #399;}
    #mnh_7:hover {background-color: #c39;} #mnh_7:hover .box_drpdw {border: 5px solid #c39;} #mnh_7 .box_drpdw a:hover {background: #c39;}
    #mnh_8:hover {background-color: #693;} #mnh_8:hover .box_drpdw {border: 5px solid #693;} #mnh_8 .box_drpdw a:hover {background: #693;}
    #mnh_9:hover {background-color: #a4a;} #mnh_9:hover .box_drpdw {border: 5px solid #a4a;} #mnh_9 .box_drpdw a:hover {background: #a4a;}
    #mnh_10:hover {background-color: #3ac;} #mnh_10:hover .box_drpdw {border: 5px solid #3ac;} #mnh_10 .box_drpdw a:hover {background: #3ac;}
    #mnh_11:hover {background-color: #888;} #mnh_11:hover .box_drpdw {border: 5px solid #888;} #mnh_11 .box_drpdw a:hover {background: #888;}
    #mnh_12:hover {background-color: #639;} #mnh_12:hover .box_drpdw {border: 5px solid #639;} #mnh_12 .box_drpdw a:hover {background: #639;}
    #mnh_13:hover {background-color: #359;}

#banner_2 {position: absolute; bottom: 250px; left: 0; z-index: 100;}
.f-div {float: left; height: 205px; padding: 0 13px; border-right: 1px solid #ccc; border-left: 1px solid #fff;}
#f-help, #f-redes, #f-pagamento {width: 33.33%;}
.f-title {font-size: 16px; font-weight: 600; color: #069; text-transform: uppercase;}
#f-instucional {float: none; width: 100%; height: 80px; margin-bottom: 10px; border: none; border-bottom: 1px solid #ccc; text-align: center;}
#f-instucional p {margin: 5px 0;}
#f-instucional br {display: none;}
#f-help {border-left: none;}
#f-help ul, #f-redes ul {margin: 0; padding: 0; list-style-type: none;}
#f-help li {float: left; width: 50%;}
#f-help a {line-height: 24px; font-weight: 400; color: #333;}
#f-help a:hover {text-decoration: underline;}
#f-redes {padding-top: 10px; text-align: center;}
#f-facebook img {display: block; margin: auto;}
#f-media-icons li {display: inline-block; margin: 20px 2px 0;}
#f-media-icons a {display: inline-block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 21px; font-weight: normal; color: #fff; vertical-align: middle;}
#f-media-icons a:hover {opacity: 0.8;}
#f-facebook a {background-color: #405D9B;}
#f-g-plus a {background-color: #F44336;}
#f-pinterest a {background-color: #BD2126;}
#f-instagram a {background-color: #333;}
#f-youtube a {background-color: #f00;}
#f-twitter a {background-color: #1DA1F2;}
#f-blog a {background: #F90 url(../images/94/asj_imgs.png) no-repeat -63px -84px;}
#f-blog span {display: none;}
#f-pagamento {border-right: none;}
#f-cc:after {content: ''; display: block; width: 215px; height: 80px; margin-bottom: 10px; background: url(../images/94/asj_imgs.png) no-repeat -3px -165px;}
#f-vista:after {content: ''; display: block; width: 140px; height: 45px; background: url(../images/94/asj_imgs.png) no-repeat -260px -195px;}
#f-pagamento span {color: #888;}
#myCarousel {position: relative; margin: 25px auto 26px; width: 100%;}
#myCarousel_slides .slide {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;}
#myCarousel_slides .slide:nth-child(1) {position: relative;}
#myCarousel_slides .slide img {display: block; max-width: 100%; height: auto;}
#myCarousel_buttons {position: absolute; bottom: 5px; width: 100%; text-align: center;}
#myCarousel_buttons a {margin: 0 3px; cursor: pointer;}
#myCarousel_buttons a.off {opacity: 0.75;}
#myCarousel_buttons a.off:hover {opacity: 1;}
#banner_5 {margin: 10px 0;}
#banner_5 ul {margin: 0; padding: 0; list-style-type: none; overflow: hidden;}
#banner_5 li {float: left; width: 25%; margin: 10px 0; padding: 0 15px;}
#banner_5 img {display: block; width: 100%; height: auto;}
#banner_5 a {position: relative; display: block; font-size: 15px; font-weight: 700; color: #fff;}
#banner_5 p {position: absolute; bottom: 0; left: 0; right: 0; margin: 0; line-height: 2em; text-align: center; text-transform: uppercase; transition: padding-bottom 0.8s ease;}
#banner_5 a:hover p {padding-bottom: 20px;}
#banner_6 {background: #eee; text-align: center; padding: 10px 0 20px 0;}
#banner_6 p {margin: 0; font-size: 26px; text-transform: uppercase;}
#banner_6 i {padding-right: 20px; font-size: 50px;}
#banner_6 span {font-size: 30px; font-weight: 700; color: #f90;}
#banner_6 .text-rotate {position: relative; top: -10px; display: inline-block; font-size: 16px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
#banner_6 strong {font-size: 48px;}
#banner_6 p.ban_subtitle {font-size: 13px; color: #666;}
#banner_6 p.ban_subtitle img {position: relative; top: 5px; margin-right: 20px;}
.ban_categ a, .ban_categ img {display: block; max-width: 100%; height: auto; margin: 25px auto 26px;}
#banner_8 {position: absolute; top: 200px; right: 30px;}
#banner_8 a {font-size: 16px; color: #000;}
#banner_8 a:hover {text-decoration: underline;}

/* -( newsletter )- */
#newsletter {position: absolute; bottom: 565px; left: 0; z-index: 50; width: 100%; height: 85px; padding: 20px 10px;}
#newsletter span {float: left; display: block; line-height: 22px; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; vertical-align: middle;}
#newsletter h5 {float: left; margin-bottom: 0 !important; margin-right: 10px;}
#newsletter h5 span {line-height: 45px; font-size: 40px; font-weight: normal;}
#newsletter_interactive ul {margin: 0; padding: 0; list-style-type: none;}
#newsletter_interactive li {float: left; position: relative; line-height: 45px; vertical-align: middle;}
#newsletter_interactive label {position: absolute; left: 25px; color: #999; text-transform: uppercase;}
#newsletter_interactive input {width: 300px; margin-left: 20px; padding-left: 50px; border-color: #fff;}
#newsletter_i2 {position: relative; top: 0;}
#newsletter_i2 button {height: 40px; background: #069; border:none; line-height:40px;color: #fff;}
#newsletter_interactive p {float: left; margin: 0; padding-left: 30px; line-height: 45px; font-size: 16px; font-weight: 600; color: #ff0;}

/* -( menuDDM )- */
#menuDD {float: left; width: 210px; margin-top: 10px; margin-bottom: 20px;}
#products-search-body #menuDD, #products-filters ~  #menuDD, .fullMode #menuDD {display: none;}
#menuDD ul {margin: 0; padding: 0; list-style-type: none;}
#ddm:before {content: 'Menu de produtos'; display: block; padding: 10px 0; background-color: #09c; border-top: 5px solid #069; text-align: center; font-size: 16px; font-weight: 600; color: #fff;}
#ddm #ddm_53, #ddm #ddm_189 {display: none;}
#ddm h2, #ddm h3 {margin: 0 !important; font-size: 13px;}
.ddm_lvl0 a {display: block; padding: 5px; border-bottom: 1px dotted #bbb; color: #000;}
.ddm_parent:hover, .ddm_lvl0 a:hover {background: #ddd;}
.ddm_parent {position: relative;}
.ddm_parent ul {position: absolute; top: -1px; left: 210px; z-index: 1000; display: none; background: #ddd;}
#menuDD ul ul {padding: 15px 10px;}
#ddm_32 ul, #ddm_36 ul, #ddm_37 ul, #ddm_38 ul, #ddm_49 ul {bottom: 0; top: auto;}
#ddm_31 ul, #ddm_34 ul, #ddm_35 ul, #ddm_164 ul {top: -150px;}
.ddm_parent:hover ul {display: block;}
#ddm_5 ul, #ddm_25 ul, #ddm_50 ul, #ddm_67 ul, #ddm_99 ul, #ddm_154 ul, #ddm_164 ul, #ddm_178 ul {width: 500px;}
#ddm_5 li, #ddm_25 li, #ddm_50 li, #ddm_67 li, #ddm_99 li, #ddm_154 li, #ddm_164 li, #ddm_178 li {float: left;}
.ddm_lvl1 a {width: 230px; margin: 0 5px; padding: 5px;}
.ddm_lvl1 a:hover {background: #ccc;}
#menuDD ul ul ul {padding: 0; border-bottom: 1px dotted #bbb;}
.ddm_lvl1 ul {position: relative; top: 0; left: 0;}
.ddm_lvl2 a {border-bottom: none; font-weight: 400;}

 /* -( filters )- */
#products-filters {float: left; width: 210px; margin-bottom: 20px;}
label[for="products-filters-mobile-toogle"] {display:none;}
#products-filters ul {margin: 0; padding: 0; list-style-type: none;}
#products-filters-all ul {display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column;}
#brand {order: 500;}
.solr_category ul {max-height: 400px; overflow: auto; overflow-x: hidden;}
.solr_category span {display: block; margin: 15px 0 5px; padding: 0 10px; background-color: #0099CC; line-height: 30px; font-size: 14px; font-weight: 600; color: #fff;}
#status_do_produto {display: none;}
.solr_category li {position: relative; padding: 5px 0 5px 25px; border-bottom: 1px dotted #ccc; cursor: pointer;}
.solr_category li input {position: absolute; left: 0;}
.solr_category label {cursor: pointer;} .solr_category li i {padding-left: 3px; color: #666;}
#products-filters-selected {position: relative; margin-top: 20px; border: 1px solid #ccc;}
.active_filters {display: block; padding-left: 10px; background: #333; line-height: 25px; font-weight: 600; color: #fff;}
#products-filters-selected button {border: none; outline: none; cursor: pointer;}
#clear-filters {position: absolute; top: 0; right: 0; width: 25px; height: 25px; padding: 0; background: none; font-size: 0;}
#clear-filters:before {content: 'x'; display: block; width: 25px; text-align: center; font-size: 14px; font-weight: 600; color: #fff;}
#products-filters-selected ul {margin: 10px;}
#products-filters-selected li {position: relative; padding-left: 25px; line-height: 25px; color: #333;}
.clear_filter {position: absolute; top: 5px; left: 0; width: 20px; line-height: 17px; font-size: 8px; font-weight: bold;}
.clear_filter:hover {background: #c33; color: #fff;}


/* -( class.framed )- */
#extraDivA, #extraDivB, #extraDivC, #extraDivD, #extraDivE, #extraDivF {display:none;}
.framed {position: relative; float: right; width: 760px; width: -webkit-calc(100% - 220px); width: calc(100% - 220px); margin-left: 10px;}
.breadcrumb {display: block !important; margin-top: 15px; text-align: center; font-size: 12px; color: #999; text-transform: uppercase;}
.breadcrumb a {color: #999;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb a span:before {content: '/'; padding: 0 10px; color: #ccc;}
.breadcrumb a:first-child span {display: none;}
.breadcrumb a:first-child {display: inline-block; width: 16px; height: 16px; background: transparent url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjQ1LDdMMTQsNS41NTFWMmMwLTAuNTUtMC40NS0xLTEtMWgtMWMtMC41NSwwLTEsMC40NS0xLDF2MC41NTNMOSwwLjU1NUM4LjcyNywwLjI5Nyw4LjQ3NywwLDgsMFM3LjI3MywwLjI5Nyw3LDAuNTU1ICBMMC41NSw3QzAuMjM4LDcuMzI1LDAsNy41NjIsMCw4YzAsMC41NjMsMC40MzIsMSwxLDFoMXY2YzAsMC41NSwwLjQ1LDEsMSwxaDN2LTVjMC0wLjU1LDAuNDUtMSwxLTFoMmMwLjU1LDAsMSwwLjQ1LDEsMXY1aDMgIGMwLjU1LDAsMS0wLjQ1LDEtMVY5aDFjMC41NjgsMCwxLTAuNDM3LDEtMUMxNiw3LjU2MiwxNS43NjIsNy4zMjUsMTUuNDUsN3oiLz48L3N2Zz4=") repeat scroll 0% 0%;}
.framed h1 {margin: 20px 0; padding: 0; text-align: center; font-size: 24px; font-weight: 600; color: #000; text-transform: capitalize;}
.framed .hr,
.framed hr {display: none;}

/* -( class.full )- */
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv7 {display:none;}
.full {float: left; width: 100%; margin: 10px auto; padding: 0 10px;}
#cart, #signin, #billing, #summary {margin-top: 70px;}
.full h1 {margin: 10px 0; padding: 0; text-align: center; font-size: 22px; font-weight: 600; color: #333;}
#cart h1, #signin h1, #billing h1 {display: none;}
.full .hr, .full hr {display: none;}
.full table {width: 100%;}

/* -( alert )- */
#alert dd.sysMsg {font-weight: 700; font-size: 17px; color: #c00;}

/* -( closePointer )- */
#closePointer {position: absolute; top: 150px; width: 100%; padding-bottom: 10px; border-bottom: 1px dotted #999; text-align: center;}
#closePointer table {margin: 0 auto;}
#closePointer td {padding: 0 25px;}

/* -( help )- */
#help_body {margin: 0 20px;}
span.title {display: block; margin: 20px 0 5px; padding: 7px 0; background: #f90; text-align: center; font-size: 16px; font-weight: 600; color: #fff;}
span.subtitle {display: block; margin: 20px 0 5px 0; padding: 5px 0; border-bottom: 1px solid #999; font-size: 15px; font-weight: 600;}
#help_body a {color: #000;}
#help_body a:hover {color: #c00;}

/* -( contact )- */
#contact {padding: 0 20px;}
#contact_body_notes {margin-bottom: 60px; text-align: center; font-size: 16px;}
#contact_body_form {width: 90%; margin: auto; padding: 0 50px 40px; background: #fff; border: 1px dotted #999; box-shadow: 0 0 10px #ccc;}
#contact_body_form:before {content: '\f003'; position: relative; top: -40px; display: block; width: 70px; margin: 0 auto; background: #f90; border: 5px solid #fff; border-radius: 100%; box-shadow: 0 0 5px #999; text-align: center; line-height: 60px; font-family: 'FontAwesome'; font-size: 36px; color: #fff;}
#contact table {width: 100%;}
#contact th {width: 20%; padding-right: 10px; text-align: right; font-weight: 400;}
#contact td {width:	80%; padding: 2px 0;}
#contact td input,
#contact textarea {width: 100%;}
#contact textarea {height: 300px;}
#contact #cntRecaptcha{display:inline-block; margin-right: 40px; vertical-align: middle;}
#contact button {padding: 15px 30px; background: #09c; border: none; border-right: 5px solid #069; outline: none; transition: all 0.5s ease; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-appearance: none;}
#contact button:hover{background:#069;}

/* -( products )- */
#creative {padding: 10px 0;}
#creative small {display: block; text-align: center; color: #999;}
#creative img {display: block; margin: auto; max-width: 100%; height: auto;}
#main_footer p[itemprop="about"] {margin-bottom: 30px; padding-top: 10px; border-top: 1px solid #ddd; line-height: 20px; font-size: 12px; color: #666;}
#main_footer p[itemprop="about"] .about-title {display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600;}
#main_footer p[itemprop="about"] a {color: #0099CC; text-decoration: underline;}
#products h1, #products h1 a {margin: 5px 0 10px; font-size: 20px; color: #000;}
#products h1 a, #products h1 font {margin-right: 15px;}
#products_header_dok {display: none; margin-top: 20px; text-align: right;}
#products_header_dok ul:before {content: 'ORDENAR POR:'; font-size: 11px; color: #999;}
#products_header_dok ul {margin: 0; padding: 0; list-style-type: none;}
#products_header_dok li {display: inline-block; *display: inline; margin-left: 7px;}
#products_header_dok a {font-size: 11px; font-weight: 400; color: #333; text-transform: uppercase;}
#products_header_dok a:hover {text-decoration: underline;}
#products_header_index {position: absolute; margin-top: -20px;}
#products_footer_dok {display: none;}
#products_footer_index {clear: both; position: relative; padding: 30px 0; width: 100%; text-align: center;}
.paginator {margin: 0; padding: 0; list-style-type: none;}
.paginator li {display: inline-block; margin-right: 3px; padding: 3px 8px; border-radius: 100%;}
.paginator .paginator-previous, .paginator .paginator-next {border-radius: 3px;}
.paginator li:hover {background: #e0e0e0;}
.paginator li.selected {background: #c33; font-weight: 600; color: #fff;}
.paginator li.paginator-view-all {display: none;}
.paginator a {display: inline-block; font-weight: 400; color: #333;}
.paginator-previous a, .paginator-next a {font-size: 11px; text-transform: uppercase;}
#products_img {margin-top: 20px;}
#products_img ul, #crossSelling ul {margin: 0; padding: 0; list-style-type: none;}
#products_img li, #crossSelling li {position: relative; float: left; z-index: 10; width: 190px; height: 410px; margin: 10px 0 70px; padding-top: 10px; background: #fff; border: 1px solid #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
#products_img li:hover, #crossSelling li:hover {z-index: 100; width: 230px; padding: 0 20px; margin: 10px -20px 70px; box-shadow: 0 0 10px #999;}
.item_box {position: relative;}
.item_box .item_img {margin: 10px;}
.item_box .item_txt {height: 215px; margin: 5px 10px;}
.item_box .item_ref,
.item_box .item_status,
.item_box .item_description,
.item_box .item_availability,
.item_box .free_shipping_restricted,
.item_box .item_free_shipping_restricted {display:none;}
.item_box .item_status_2 {position: absolute; top: 0; left: 0; display: block; padding: 0 7px; background: rgba(255,0,0,0.75); line-height: 20px; font-size: 10px; color: #fff; text-transform: uppercase;}
.item_box .item_name {display: block; height: 60px; margin-bottom: 40px; overflow: hidden; line-height: 20px; font-size: 12px; color: #333; text-transform: uppercase;}
.item_box .item_name:hover {color: #000; text-decoration: underline;}
.item_box .item_listPrice {display: block; font-size: 12px; color: #888;}
.item_box .item_ourPrice {display: block; font-size: 22px; font-weight: 700; color: #d00;}
.item_box .item_ourPrice label {font-size: 11px; font-weight: 600; text-transform: uppercase;}
.item_box .item_or {display: block; margin-top: 5px; font-weight: 600; color: #c00;}
.item_box .item_or:before {content:'em até '; font-size: 10px; text-transform: uppercase;}
.item_box .item_or label {display: none;}
.item_box .item_save {position: absolute; top: 240px; left: 40px; display: none; padding: 0 10px; background: #e5e5e5; line-height: 16px; font-size: 11px; color: #666; text-transform: capitalize;}
.item_box .item_discount {position: absolute; top: 0; right: 0; width: 35px; background: #c00; text-align: center; line-height: 20px; font-size: 11px; font-weight: 600; color: #fff;}
.item_discount_percentage:before {content: '-';}
.item_discount_label {display: none;}
.item_box .product_quickview,
.item_box .item_buttons,
.item_box .item_inStockNotification a {display: none;}
li:hover .item_box .product_quickview,
li:hover .item_box .item_buttons,
li:hover .item_box .item_inStockNotification a {display: block;}
.item_box .item_availability_2 {position: absolute; top: 280px; left: 0; width: 190px; display: block; font-size: 15px; font-weight: 600; color: #999;}
.item_box .item_availability_2:before {content: ':( Produto ';}
.item_box .item_availability_2 label {display: none;}
.item_box .item_inStockNotification a {position: absolute; top: 80px; left: -10px; z-index: 20; width: 210px; padding: 5px 10px; background: #c33; text-align: center; font-size: 14px; color: #fff;}
.item_box .item_inStockNotification a:hover {background: #b00;}
.item_box .item_buttons {position: absolute; top: 360px; left: -10px; z-index: 10;}
.item_box .item_btn_info a {display: block; width: 210px; padding: 5px 10px; background: #09c; text-align: right; color: #fff;}
.item_box .item_btn_info a:hover {background: #069;}
.item_box .item_btn_info a:before {content: 'mais detalhes';}
.item_box .item_btn_info img {display: none;}
.item_box .item_aggregateRating {position: absolute; top: 255px; margin-left: 10px; left: 0; right: 0;}
.item_box .item_similars {text-align: center;}
.item_box .item_brand {margin-top: 3px; text-align: center;}
.item_box .item_similars p,
.item_box .item_brand p {margin: 0;}
.item_box .item_similars a,
.item_box .item_brand a {display: block; font-size: 11px; color: #333; text-transform: uppercase;}
.item_box .item_brand a:before {content: '+ '}
.item_box .item_similars a:hover,
.item_box .item_brand a:hover {text-decoration: underline;}
#products_txt {display: none;}
#products-search-didyoumean {margin: 15px 0; font-size: 18px;}
#products-search-didyoumean a {color: #c00;}
#products-search-didyoumean a:hover {text-decoration: underline;}
#products-list-eof {margin: 50px 0; text-align: center; font-size: 22px; color: #666;}
#products-search-didyoumean:after,
#products-list-eof-didyoumean:after {content: ' ?'}
#products-list-eof-didyoumean a {font-size: 30px; color: #0a0; text-decoration: underline;}
#products-list-eof-didyoumean a:hover {color: #090;}

/* -(crossSelling)- */
#crossSelling {padding-top: 30px;}
#crossSelling h2 {position: relative; display: block; padding: 10px; background: #090; font-size: 16px; text-transform: uppercase;}
#crossSelling .subtitle a {color: #fff;}
#crossSelling .subtitle:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; border-right: 21px solid #fff; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}

/* -( details )- */
#details h1,
#extra-details h1 {margin: 5px 0 10px; font-size: 24px;}
#details_path_ref {display: none;}
#st_container {position: absolute; right: 10px; z-index: 100;}
#st_container a {display: inline-block; width: 30px; height: 30px; margin: 0 3px; text-align: center; line-height: 30px; font-size: 1.2em; color: #fff; vertical-align: middle;}
#st_email {background: #ccc;}
#st_facebook {background: #3B5998;}
#st_pinterest {background: #CE1E27;}
#st_google {background: #D13F2D;}
#details_images {position: relative; float: left; width: 470px;}
#details_images_big img {display: block; width: 450px; height: auto;}
#details_texts {position: relative; float: right; width: 500px; -webkit-width: calc(100% - 470px); width: calc(100% - 470px); margin-top: 40px; padding: 10px; border-top: 1px solid #ccc;}
.MagicZoomHint {display: none !important;}
.MagicZoomBigImageCont {border: none !important; box-shadow: none !important;}
#details_images_zoom {margin: 10px 0;}
#details_images_zoom a {color: #999;}
#details_images_zoom img {display: none;}
#details_images_zoom a:before {content: '\f00e'; margin-right: 5px; font-family: 'FontAwesome'; font-size: 14px; font-weight: normal;}
#details_images_zoom a:after {content: 'ampliar foto';}
#details_images_thumbs ul {margin: 0; padding: 0; list-style-type: none;}
#details_images_thumbs li {float: left;}
#details_images_thumbs a {display: block; margin: 0 5px 5px 0; padding: 5px; border: 1px solid #ccc;}
#details_images_thumbs img {display: block;}
#details_texts_status,
#details_texts_additional,
#details-text-price-exception,
#details-text-parcels {display: none;}
#details_texts_description {padding-bottom: 10px; line-height: 20px;}
#details_texts_description br {display: block; margin-bottom: 2px;}
#details_texts_description a[href="#details_fixed"] {font-weight: 400; color: #666; text-decoration: underline;}
#details_texts_description a[href="#details_fixed"]:hover {color: #0099CC;}
#details-text-price {position: relative; padding: 15px; background: #eee; border: 1px solid #ccc;}
#details-text-price-list acronym,
#details-text-price-or .label {display: none;}
#details-text-price acronym {border-bottom: none;}
#details-text-price-list {display: block; margin: 30px 0 0 0; color: #888;}
#details-text-price-list .price {margin-left: 5px;}
#details-text-price-our {display: block; font-size: 14px; font-weight: 600; color: #090;}
#details-text-price-our .price {margin-left: 5px; font-size: 30px;}
#details-text-price-or {position: relative; display: block; padding-left: 40px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc;}
#details-text-price-or:before {content: '\f09d'; position: absolute; left: 0; font-family: 'FontAwesome'; font-size: 28px; font-weight: normal; color: #888;}
#details-text-price-or .price {font-size: 18px; font-weight: 600; color: #666;}
#details-text-price-or .tax {display: block; font-size: 13px;}
#details-text-price-save {position: absolute; top: 0; left: 0; width: 100%; padding-left: 70px; background-color: #ddd; line-height: 30px; color: #666; text-transform: capitalize;}
#details-text-price-discount {position: absolute; top: 0; left: 0; width: 60px; line-height: 30px; background-color: #c33; text-align: center;}
.discount_label {display: none;}
.discount_percentage {font-weight: 600; color: #fff;}
.discount_percentage:before {content: '-';}
#details_texts_selects {position: relative; margin: -1px -10px 0; padding: 15px; background: #d5d5d5; border-radius: 3px 0 3px 3px;}
#details_texts_selects:after {content: ''; position: absolute; top: -10px; right: 0; width: 1px; height: 1px; background: none; border-bottom: 10px solid #999; border-right: 10px solid transparent;}
#details_texts_selects h2 {display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600; text-transform: uppercase;}
#details_texts_selects select {width: 100%;}
#details_texts_availability_label {display: none;}
#details_texts_availability .item_qt_buy {position: relative; top: -1px; display: block; padding: 15px; text-align: center; background: #fff; border: 1px solid #ccc; border-bottom: none;}
#details_texts_availability .item_btn_buy:after {content: url(/octopus/design/images/94/cart_buy_ebit-prata.png); display: block; height: 32px; margin-top: 10px; text-align: right;}
#details_texts_availability .item_qt_buy select {margin-left: 5px;}
#details_texts_availability .item_btn_buy a {position: relative; display: block; height: 65px; background: #090;}
#details_texts_availability .item_btn_buy a:after {content: url(../images/94/cart_buy_sec.gif); position: absolute; right: 0;}
#inStockNotification {margin-right: 20px;}
#details_texts_availability  #inStockNotification {position: relative; top: -1px; margin: 0; padding: 15px; background: #eee; border: 1px solid #ccc;}
#inStockNotification th {background: #c33; text-align: center; line-height: 30px; color: #fff;}
#inStockNotification th a {display: block; padding: 5px 0; font-size: 14px; color: #fff;}
#inStockNotification td {padding: 2px; text-align: right; font-weight: 400;}
#inStockNotification input {width: 100%;}
#fixed-details-text {position: fixed; top: 15%; right: 0; z-index: 500;}
.fixed-details-control {display: none;}
#fixed-details-text.slideIn .fixed-details-toggler {position: absolute; top: 0; right: 300px; display: block; width: 30px; height:30px; background: #09c; text-align: center; line-height: 30px; color: #fff;-webkit-transition: right 0.5s ease; transition: right 0.5s ease;}
#fixed-details-text.slideIn .fixed-details-toggler:before {content: '\f054'; font-family: FontAwesome;}
#fixed-details-content {position: absolute; right: -300px; width: 300px;-webkit-transition: right 0.5s ease; transition: right 0.5s ease;}
#fixed-details-text.slideIn .fixed-details-control:checked ~ .fixed-details-toggler {right:0;}
#fixed-details-text.slideIn .fixed-details-control:checked ~ .fixed-details-toggler:before {content: '\f053';}
#fixed-details-text.slideOut .fixed-details-toggler,
#fixed-details-text.slideIn #fixed-details-content {right:0;}
#fixed-details-text.slideOut #fixed-details-content,
#fixed-details-text.slideIn .fixed-details-control:checked ~ #fixed-details-content {right:-300px;}
#fixed-details-text #details_texts_availability .item_btn_buy a {margin-top: -1px; text-align: left;}
#fixed-details-text #details_texts_availability .item_btn_buy:after,
#fixed-details-text #details_texts_availability .item_btn_buy a:after {content: '';}
#TF_lnkDTL {position: absolute; top: -40px; right: 137px; display: block;}
#TF_lnkDTL:hover {opacity: 0.8;}
#GR_lnkDTL {position: absolute; top: -31px; left: 0; z-index: 20; width: 270px;}
#GR_lnkDTL:before {content: 'Avalie o produto:'; float: left; line-height: 30px; padding-right: 5px;}
#ASQ_lnkDTL, #FC_lnkDTL {display: inline-block; margin: 10px 30px 0 0;}
#ASQ_lnkDTL a, #FC_lnkDTL a {font-size: 12px; color: #666; text-transform: uppercase;}
#ASQ_lnkDTL a:hover, #FC_lnkDTL a:hover {color: #069;}
#ASQ_lnkDTL a:before {content: '\f059'; margin-right: 5px; font-family: FontAwesome; font-size: 19px; font-weight: normal;}
#ASQ_lnkDTL a:after {content: 'Deixar uma pergunta ao lojista';}
#FC_lnkDTL a:before {content: '\f0d6'; margin-right: 7px; font-family: FontAwesome; font-size: 19px; font-weight: normal;}
#FC_lnkDTL a:after {content: 'Achou mais barato ?';}
#ASQ_lnkDTL img, #FC_lnkDTLL img {display: none;}
#details_texts_aggregateRating {position: absolute; top: -41px; left: -10px; z-index: 70; width: 265px; padding: 10px; text-align: center;}
#details_texts_aggregateRating:before {content: 'Avaliação média:'; float: left; line-height: 30px; padding-right: 5px; background: #fff;}
#details_texts_aggregateRating:hover {background: #fff; border: 1px solid #ccc;}
#details_texts_aggregateRating a, #details_texts_aggregateRating span {display: none;}
#details_texts_aggregateRating:hover a, #details_texts_aggregateRating:hover a span,
#details_texts_aggregateRating:hover #details-aggregate-rating {display: inline;}
#details-aggregate-rating span {display: inline; font-size: 14px; font-weight: bold; color: #000;}
#details-aggregate-rating:after {content: ' de';}
#details_texts_aggregateRating a {font-weight: normal; color: #666;}
#details_texts_aggregateRating a:hover {text-decoration: underline;}
#details_texts_aggregateRating .rating {background: #fff;}
#details_texts_aggregateRating .rating svg {width: 25px;}
#details_texts_aggregateRating img {margin-bottom: 25px;}
#details_texts_aggregateRating:hover #details-gr-link {display: block; margin: 5px 0;}
.product_brand {margin-top: 20px;}
.product_brand:before {content: 'Confira mais produtos: '; display: inline-block; color: #666;}
.product_brand h2 {display: inline-block; font-size: 13px;}
.product_brand h2 a {color: #000;}

/*extra grid*/
#extra-details-grid {width: 100%; margin-top: 15px; background: #eee; overflow: hidden;}
#extra-details-grid:before {content:'Selecione as quantidades desejadas de cada item e clique em comprar'; display: block; padding: 10px 0; background: #ddd; text-align: center; font-size: 14px; font-weight: 600; color: #666; text-transform: uppercase;}
#extra-details-grid ul {margin: 0 0 0 10px; padding: 0; list-style-type: none;}
#extra-details-grid li {position: relative; float: left; width: 177px; height: 255px; padding: 10px 0; margin: 5px 10px 5px 0; background: #fff; border: 1px solid #ddd; text-align: center}
#extra-details-grid li.selected {border-color: #33AACC;}
#extra-details-grid li.selected:before {content: '\f058'; position: absolute; top: -5px; right: -5px; z-index: 10; font-family: Fontawesome; font-size: 2em; color: #33AACC;}
#extra-details-grid li.selected:after {content: 'item selecionado'; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: #33AACC; line-height: 40px; font-size: 0.9em; font-weight: 600; color: #fff; text-transform: uppercase;}
div.extra_details_item_image {position: relative;}
div.extra_details_item_image #extra_details_t_image {display: block; width: 100px; height: 100px; margin: 0 auto 10px;}
#extra-details-images-zoom {display: none;}
div.extra_details_text_availability {background: #e5e5e5; overflow: hidden;}
div.extra_details_text_availability select {width: 30%; margin: 10px auto; padding: 3px;}
div.extra_details_text_availability font {font-size: 11px; color: #666;}
div.extra_details_text_availability_label {display: none;}
div.extra_details_text_product {padding: 5px 0;}
div.extra_details_text_product h3 {display: block; margin: 0 5px; word-wrap: break-word; font-size: 13px; font-weight: 600;}
div.extra_details_text_price {padding: 0 5px;}
div.extra_details_text_price span.label {display: none;}
div.extra_details_text_price span.price {font-weight: bold; color: #090;}
div.extra_details_text_price acronym {font-size: 10px; font-weight: 600;}
div.extra_details_in_stock_notification {margin: 5px 0; text-align: center;}
div.extra_details_in_stock_notification:before {content: ':( Produto esgotado'; display: block; margin-bottom: 10px; font-weight: 600; color: #888;}
div.extra_details_in_stock_notification a {color: #d33;}
div.extra_details_in_stock_notification a:hover {text-decoration: underline;}
#extra-details-buy-top,
#extra-details-buy-bottom {position: relative; clear: both; margin: 0 auto; padding: 10px 0; text-align: center;}
#extra-details-buy-top:after,
#extra-details-buy-bottom:after {content: url(/octopus/design/images/94/cart_buy_ebit-prata.png); position: relative; top: -16px; margin-left: 10px;}
#extra-details-buy-top a:after,
#extra-details-buy-bottom a:after {content: url(../images/94/cart_buy_sec.gif); position: relative; top: 0; display: inline-block; height: 59px; overflow: hidden;}

/* -( fixed )- */
#details_fixed {position: relative; margin-top: 50px;}
#details_fixed:before {content: 'Detalhes do produto'; display: block; padding: 10px; background: #09c; font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase;}
#details_fixed:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; border-right: 21px solid #fff; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}
#details_fixed h2 {display: block; margin-top: 20px; padding: 10px; border-left: 5px solid #09c; font-size: 16px; font-weight: 600; color: #09c; text-transform: capitalize;}
.subtitle-content {padding: 0 15px;}
.subtitle-content img {max-width: 95%;}

/* -(buy together)- */
#buy-together {position: relative; clear: both; top: 30px;}
#buy-together a .subtitle {position: relative; display: block; padding: 10px; background: #069; font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase;}
#buy-together a .subtitle:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; border-right: 21px solid #fff; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}
#combo_imgs {width: 460px; width: -webkit-calc(100% - 300px); width: calc(100% - 300px);}
#buy-together ul {margin: 0; padding: 0; list-style-type: none;}
#combo_imgs li {float:  left; height: 100px; margin: 30px 5px; line-height: 100px; vertical-align: middle;}
#combo_txts {clear: both;}
#combo_txts li {margin: 10px 0;}
#combo_txts input {position: relative; float: left; display: block; margin: 3px 5px 0 0;}
#combo_txts a {float: left; display: block; font-size: 15px; color: #000;}
#combo_txts a:hover {text-decoration: underline;}
#combo_txts li.item_off a {color: #999;}
#combo_txts div.item_prices {display: inline; margin-left: 10px; line-height: 20px;}
#combo_txts div.item_prices {font-size: 15px; font-weight: 600;}
#combo_txts .item_on .item_listPrice {margin-right: 5px; color: #888; text-decoration: line-through;}
#combo_txts .item_on .item_ourPrice {color: #390;}
#combo_txts .item_save {display: none;}
#combo_txts .item_on label {font-weight: normal;}
#combo_txts .item_off {color: #999;}
#combo_txts .item_off .item_ourPrice {display: none;}
div.combo_total,
#details-buy-together-buy {position: absolute; top: 55px; right: 10px; width: 260px; text-align: right;}
#details-buy-together-buy {top: 135px;}
.combo_ourPrice {font-size: 24px; font-weight: 600; color: #390; text-transform: capitalize;}
.combo_ourPrice label {font-size: 16px; font-weight: 400; color: #333;}
.combo_ourPrice label#bt-our-price {font-size: 24px; font-weight: 600; color: #390;}
.combo_save {display: block; margin-top: 5px; font-size:  14px; font-weight: bold; color: #000; text-transform: capitalize;}
.combo_save label {color: #630;}
.combo_save #bt-save-price {color: #000;}

/* -( guest review )- */
#GR {clear: both; width: 100%; padding-top: 50px;}
#GR h2 {position: relative; display: block; margin: 0 !important; padding: 10px; background: #f90; font-size: 16px; font-weight: 600; text-transform: uppercase;}
#GR h2:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; border-right: 21px solid #fff; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}
#GR h2 a {color: #fff;}
#GR_invitation {margin: 0; padding: 15px; background: #eee; font-size: 14px;}
#GR_invitation:before {content: '\f086'; margin-right: 10px; font-family: FontAwesome; font-size: 25px; color: #333;}
#GR_invitation a {color: #000; text-decoration: underline;}
#GR_invitation a:hover {color: #f90;}
#GR_dynamic {position: relative;}
#GR_dynamic_index_top {position: absolute; right: 10px; margin-top: -60px; text-align: right;}
#GR_dynamic_index_bottom {display: none;}
.GR_dynamic_node {position: relative; overflow: hidden; margin: 20px 0; padding: 0 10px; border-left: 5px solid #f90;}
.GR_dynamic_node_header_title {margin: 0; color: #888;}
.GR_dynamic_node_header_title img {height: 20px; margin: 0 10px;}
.GR_dynamic_node_header_title b {padding-left: 10px; font-size: 15px; color: #000;}
.GR_dynamic_node_header_author {float: left; width: 130px; margin-right: 10px; padding: 0 5px; text-align: center; font-size: 11px; color: #666;}
.GR_dynamic_node_header_author:before {content: '\f007'; display: block; width: 35px; margin: 0 auto 5px; background: #ddd; border: 1px solid #999; border-radius: 50%; line-height: 33px; font-family: FontAwesome; font-size: 18px; color: #999;}
.GR_dynamic_node_header_author b {display: block; font-size: 14px; color: #000; text-transform: capitalize;}
.GR_dynamic_node_body {float: left; width: 80%; width: -webkit-calc(100% - 140px); width: calc(100% - 140px); margin: 10px 0 55px; padding: 15px; background: #eee; line-height: 22px; font-size: 14px;}
.GR_dynamic_node_header_status {position: absolute; bottom: 28px; right: 200px; margin: 0; color: #888;}
.GR_dynamic_node_footer {position: absolute; bottom: 0; right: 10px; text-align: right; color: #888;}
.GR_dynamic_node_footer_vote {display: block; margin-top: 5px;}
.GR_dynamic_node_footer a {margin: 0 5px;}
#GR_frmReview {overflow: hidden;}
#GR_frmReview_product div {float: left;}
#GR_frmReview_product_img {width: 470px; padding-right: 20px;}
#GR_frmReview_product_img img {display: block; width: 450px;}
#GR_frmReview_product_txt {width: 490px;}
#GR_frmReview_product_txt p {margin: 10px 0 0 0;}
#GR_frmReview_product_txt a {color: #000; text-decoration: underline;}
#GR_frmReview_product_txt a:hover {color: #c00;}
#GR_frmReview_product_txt_name {font-size: 16px; font-weight: 600; color: #333;}
#GR_frmReview_form {float: left; width: 490px; margin: 10px 0; padding: 20px; border: 1px solid #ccc; border-radius: 10px;}
#GR_frmReview_form h2 {display: block; font-size: 14px; color: #000;}
#GR_frmReview_form label {font-weight: 600; text-align: left;}
#GR_frmReview_form input {width: 70%;}
#GR_frmReview_form textarea {width: 99%; height: 160px;}
#GR_frmReview_submit {text-align: right;}

/* -( ask seller a question )- */
#ASQ {clear: both; width: 100%; padding: 50px 0;}
#ASQ h2 {position: relative; display: block; margin: 0 !important; padding: 10px; background: #f60; font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase;}
#ASQ h2:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; border-right: 21px solid #fff; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}
#ASQ h2 a {color: #fff;}
#ASQ_invitation {margin: 0; padding: 15px; background: #eee; font-size: 14px;}
#ASQ_invitation:before {content: '\f059'; margin-right: 10px; font-family: FontAwesome; font-size: 25px; color: #333;}
#ASQ_invitation a {color: #000; text-decoration: underline;}
#ASQ_invitation a:hover {color: #f60;}
#ASQ_dynamic_index_top {position: absolute; right: 10px; margin-top: -60px; text-align: right;}
#ASQ_dynamic_index_bottom {display: none;}
.ASQ_dynamic_node {position: relative; overflow: hidden; margin: 20px 0; padding: 0 10px; border-left: 5px solid #f60;}
.ASQ_dynamic_node div {padding: 10px;}
.ASQ_dynamic_node_answer {margin:  10px 0 0 30px; background-color: #eee; border-left: 5px solid #ccc;}
.ASQ_dynamic_node_question_content,
.ASQ_dynamic_node_answer_content {margin: 0; line-height: 22px; font-size: 14px;}
.ASQ_dynamic_node_question_signature,
.ASQ_dynamic_node_answer_signature {margin: 10px 0 0; color: #888;}
#ASQ_frmQuestion_product div {float: left;}
#ASQ_frmQuestion_product_img {width: 470px; padding-right: 20px;}
#ASQ_frmQuestion_product_img img {display: block; width: 450px;}
#ASQ_frmQuestion_product_txt {width: 490px;}
#ASQ_frmQuestion_product_txt p {margin: 10px 0 0 0; padding: 0;}
#ASQ_frmQuestion_product_txt a {color: #000; text-decoration: underline;}
#ASQ_frmQuestion_product_txt a:hover {color: #c00;}
#ASQ_frmQuestion_product_txt_name {font-size: 16px; font-weight: 600; color: #333;}
#ASQ_frmQuestion_form {float: left; width: 490px; margin: 10px 0; padding: 20px; border: 1px solid #ccc; border-radius: 10px;}
#ASQ_frmQuestion_form label {display: block; font-size: 14px; color: #000;}
#ASQ_frmQuestion_form th {font-weight: 600; text-align: left;}
#ASQ_frmQuestion_form textarea {width: 98%; height: 160px;}
#ASQ_frmQuestion_submit {text-align: right;}

/* extras */
#extra_1 {padding: 0 15px; font-size: 15px;}
#extra_1 ul {margin: 0; padding: 0; list-style-type: none;}
#xtr_sobre:after {content: ''; clear: both; display: table;}
#xtr_sobre li {float: left; width: 25%; padding: 10px;}
#xtr_sobre li a {display: block; padding: 5px; background: #fff; box-shadow: 0 5px 10px #ccc;}
#xtr_sobre li img {display: block; width: 100%; height: auto;}
#xtr_topicos {margin: 40px 0; padding: 20px 0; border-top: 1px dotted #999; border-bottom: 1px dotted #999;}
#xtr_topicos li {margin: 15px 0;}
#xtr_topicos strong {display: block;}
#xtr_end {padding: 20px; background: #eee; text-align: center;}
#xtr_end div {float: left; width: 50%; padding-left: 30px; text-align: left;}
#xtr_end iframe {width: 100%; border-radius: 20px;}
#extra_3{width: 100%;}
#xtr_regras_atacado {margin: 0 20px 50px; padding: 20px 40px; background: #ffc; font-size: 15px;}
#xtr_regras_atacado ol {padding-left: 15px;}
#xtr_regras_atacado ol li {margin: 10px 0;}
#xtr_regras_atacado b {color: #b00;}
#form_pj_login, #form_pj_register {float: left; width: 46%; margin: 0 2% 30px; padding: 20px 10px; background: #eee; border: 1px solid #ccc;text-align: center;}
#extra_3 #extra_body a.button {display: block; width: 200px !important;; margin: 10px auto; padding: 10px 0; background: #09c; border-right: 5px solid #069; font-size: 14px; color: #fff; text-transform: uppercase; transition: 0.5s background;text-align: center;}
#extra_3 #extra_body a.button:hover {background: #069;}
#extra_4 h1 {color: #090;}
#extra_4 h1:before {content: '\f023'; display: inline-block; width: 40px; margin-right: 10px; border: 2px solid #090; border-radius: 100%; line-height: 36px; font-family: FontAwesome;}

/* -(extras categorias)- */
.extra #creative {text-align: right;}
.extra #creative h1, .extra #creative img {display: inline-block; vertical-align: bottom; text-transform: none;}
.extra #creative h1 {font-size: 34px;}
.extra #creative img {display: inline-block; margin-left: 30px;}
.land_menu {border: 2px solid #fff;}
.land_menu h2 {margin: 0 !important; padding: 10px; color: #fff;}
.land_menu .mn_categ {display: inline-block; width: 33%; margin-right: -4px; padding: 20px; vertical-align: top; text-align: left;}
.land_menu label {display: block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #fff; font-size: 17px; font-weight: 600;}
.land_menu div img {display: inline-block; max-width: 34%; height: auto; border-radius: 10px; vertical-align: top;}
.land_menu ul {display: inline-block; max-width: 65%; margin: 0; padding: 0 0 0 20px; list-style: none;}
.land_menu li {line-height: 28px;}
.land_menu a {font-size: 14px; color: #333;}
.land_menu a:hover {text-decoration: underline;}
.land-video-carrossel .slick-slide {opacity: 0.15; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.land-video-carrossel .slick-active {opacity: 1;}
.land-video-carrossel .slick-slide p {color: #fff;}
.land-video-carrossel .slick-active p {color: #000;}
.land-news, .land-dicas, .land-receita, .land-marcas {margin-top: 40px; text-align: center;}
.land-news h2 span, .land-dicas h2 span, .land-receita h2 span, .land-marcas h2 span {padding: 0 30px; background: #fff; color: #000; text-transform: uppercase;}
.land-news h2:after, .land-dicas h2:after, .land-receita h2:after, .land-marcas h2:after {content: ''; display: block; width: 80%; height: 1px; background: #ccc; margin: -10px auto 0;}
.land-subtitle {margin: 30px 0; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.land-subtitle span {display: block; margin-top: 5px; opacity: 0.4; font-size: 90%; text-transform: none;}
.link_yt, .receita-img-link .link_pdf {position: relative; z-index: 60; display: inline-block; margin: 30px auto 10px; padding: 10px 30px; background: #0099CC; border-color: #0099CC; color: #fff; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.link_yt:hover, .receita-img-link .link_pdf:hover {opacity: 0.8; color: #fff;}
.slick-slider {position: relative; display: block; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; text-align: center; overflow: hidden;}
.slick-track:before,
.slick-track:after {display: table;  content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left;  height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev, .slick-next {padding: 0 20px; background: none; border: none; font-size: 0; cursor: pointer;}
.slick-prev:hover, .slick-next:hover {color: #333;}
.slick-prev:before, .slick-next:after {display: inline-block; font-family: FontAwesome; font-size: 20px; vertical-align: middle;}
.slick-prev:before {content: '\f177'; margin-right: 10px;}
.slick-next:after {content: '\f178'; margin-left: 10px;}
.slick-prev:after, .slick-next:before {display: inline-block; font-size: 13px; vertical-align: middle;}
.slick-prev:after {content: 'ANTERIOR';}
.slick-next:before {content: 'PRÓXIMO';}
.youtube-container {display: block; margin: 20px auto; width: 100%; max-width: 800px; padding: 0 5%;}
.youtube-player {display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; background: #000; z-index: 100;}
img.youtube-thumb {bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto;}
div.play-button {height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute;  z-index: 150; background: url(../images/94/youtube_play.png) no-repeat;}
#youtube-iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.receita-img-link, .receita-img {position: relative; width: 94%; margin: 0 3%; z-index: 100;}
.receita-img table {width: 100%;}
.receita-img td {background: #ddd; text-align: left;}
.receita-img-horizontal td {padding: 10px 3%;}
.receita-img-horizontal tr:first-of-type td {text-align: center;}
.receita-img-link img {display: block; max-width: 800px; height: auto; margin: auto;}
.receita-img img {max-width: 400px; height: auto; margin: 20px;}
.receita-img-horizontal img {max-width: 100%; height: auto;}
.receita-img p {margin-right: 20px; line-height: 26px; font-size: 15px;}
.receita-img a {padding: 10px 20px; background: #f5f5f5; border-radius: 30px; color: #000;}
.land-marcas ul {margin: 0; padding: 0; list-style: none;}
.land-marcas li {display: inline-block; margin: 10px;}
.land-marcas img {display: block; padding: 10px; border: 1px solid #eee;}
.land-about {margin: 40px 0; color: #999; text-align: center;}

/* -( custom list )- */
.land_custom_list {position: relative; z-index: 50; margin-top: -100px; padding: 100px 0 20px; background: #eee; border: 2px dotted #ccc;}
#land_custom_list_news, #land_custom_list_plus, #land_custom_list_plus2 {margin-top: 0; padding: 0; background: none; border: none;}
.land_custom_list .breadcrumb {margin-bottom: 20px; font-size: 16px;}
#custom_CST_products_header_dok, #custom_CST_products_footer_dok,
#custom_CST_products_header_index, #custom_CST_products_footer_index{display: none;}
#custom-CST-content {margin: 0; padding: 0; list-style: none;}
#custom-CST-content li {position: relative; display: inline-block; width: 17%; min-width: 200px; height: 360px; margin: 1%; background-color: #fff; vertical-align:top; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
#custom-CST-content li:hover {box-shadow: 0 0 10px #999;}
#custom-CST-content .item_box .item_text {text-align: left;}
#custom-CST-content .item_box .item_inStockNotification,
#custom-CST-content li:hover .item_buttons,
#custom-CST-content .item_box .item_brand {display: none;}

/* homepage */
#home-categs {text-align: center; overflow: hidden;}
#home-categs h1 {margin: 30px 0; font-size: 2.5em; text-transform: none;}
#home-categs h1 i {color: #c00;}
.h-categ {float: left; display: inline-block; width: 20%; /*margin-right: -4px;*/ padding: 0.5%;}
.h-categ:nth-of-type(1) {width: 40%; padding: 1.75% 0.5% 0;}
.h-categ:nth-of-type(10) {float: right; width: 40%; padding: 1.75% 0.5% 0;}
.h-categ a, .h-categ img {display: block; width: 100%; height: auto; transition: all 0.5s ease; overflow: hidden;}
.h-categ a:hover img {transform: scale(1.1);}
.h-categ h2 {position: relative; z-index: 100; display: block; margin: 0 !important; padding: 5px 0; font-size: 1.2em; font-weight: 600; color: #fff;}
#h-agulhas h2 {background-color: #f80;}
#h-armarinhos h2 {background-color: #c33;}
#h-barbantes h2 {background-color: #090;}
#h-bordados h2 {background-color: #36c;}
#h-croche h2 {background-color: #fa0;}
#h-fitas h2 {background-color: #96f;}
#h-las h2 {background-color: #399;}
#h-bordar h2 {background-color: #c39;}
#h-costura h2 {background-color: #693;}
#h-meia h2 {background-color: #a4a;}
#h-patchwork h2 {background-color: #3ac;}
#h-papelaria h2 {background-color: #888;}
#h-scrapbook h2 {background-color: #639;}
#h-marcas h2 {background-color: #359;}
.home_custom_list {height: 420px; margin: 30px 0; text-align: center; overflow: hidden;}
.home_custom_list .breadcrumb,
.home_videos h2 {position: relative; margin: 0; padding: 10px; font-size: 16px; font-weight: 600; color: #fff;}
.home_custom_list .breadcrumb:after,
.home_videos h2:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1px; border-right: 21px solid #fff; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}
#home_custom_list_natal .breadcrumb {background: #c00;}
#home_custom_list_novidades .breadcrumb {background: #393;}
#home_custom_list_buscados .breadcrumb {background: #09c;}
.home_videos h2 {background: #fa0;}
.home_videos {margin: 30px 0; text-align: center;}

/* -( cursos )- */
#extra_18 {padding-bottom: 30px;}
#cursos_desc {margin: 40px 0; text-align: center; font-size: 1.2em;}
#cursos_desc ~ h2 {margin-bottom: 0 !important; padding: 10px; background: #ddd; text-align: center;}
#extra_18 table {width: 100%;}
#extra_18 table th {padding: 10px; background: #f0f0f0;}
#extra_18 table td {padding: 10px; border-bottom: 1px solid #ccc;}

/* -( marcas )- */
#container_brands h1 {text-align: center;}
#container_brands ul {margin: 0; padding: 0; list-style-type: none;}
#brands-nav {padding: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}
.nav-letters-item {display: inline-block; margin-left: -4px;}
.nav-letters-item a {display: inline-block; line-height: 24px; font-size: 18px; color: #333; vertical-align: middle;}
#brands-nav ul:after,
.nav-letters-item:before {content: '\f111'; margin: 0 10px; font-family: FontAwesome; font-size: 2px; color: #000;}
.nav-letters-item a:hover {color: #b00;}
.brands-list {position: relative; min-height: 100px; padding: 20px 20px 20px 100px; border-bottom: 1px dotted #bbb; overflow: hidden;}
.brands-list-title {position: absolute; top: 20px; left: 20px; width: 50px; text-align: center; background: #09c; line-height: 50px; color: #fff;}
.brands-list li {float: left; width: 33.33%;}
.brands-list a {display: block; line-height: 25px; font-size: 15px; font-weight: normal; color: #000;}
.brands-list a:hover {text-decoration: underline;}

/* -( found-cheap )- */
#found-cheap {height: 100%; padding: 15px 0;background: #eee;}
#found-cheap h1 {margin-top: 0; color: #0099CC;}
#found-cheap hr {display: none;}
#found-cheap form {width: 96%; margin: 0 auto; padding: 15px; background: #fff; border: 1px solid #ddd; text-align: left;}
#found-cheap form table {width: 100%;}
#found-cheap form input {width: 100%;}
#found-cheap i {display: block; text-align: right; font-size: 10px; color: #666;}
#found-cheap-submit {margin-top: 10px;}

/* cart */
#cart {position: relative;}
#cart th,
#cart td {padding: 5px;}
#cart_body.cart_empty {padding: 30px 10px; text-align: center;}
.cart_empty h2 {font-family: inherit;}
.cart_empty a {display: inline-block; padding: 0 20px; background: #f90; border-left: 5px solid #f70; line-height: 45px; font-size: 14px; color: #fff; text-transform: uppercase;}
.cart_empty ~ div {display: none;}
#cart_body .tbl_row_0 td,
#cart_body .tbl_row_1 td {border-top: 1px solid #ddd;}
#cart_body th {padding: 10px 5px; background: #ddd;}
.cart_body_col_ref {width: 10%; text-align: left;}
.cart_body_col_desc {width: 40%; text-align: left;}
.cart_body_col_qty {width: 10%; text-align: center;}
.cart_body_col_remove {width: 12%; text-align: left;}
.cart_body_col_unitPrc {width: 15%; text-align: center;}
.cart_body_col_rowTot {width: 13%; text-align: center;}
.cart_body_col_remove a {display: block;}
.cart_body_col_remove a font {margin-left: 5px; font-size: 11px; font-weight: normal; color: #333;}
#cart_body td a {font-weight: 400; color: #333;}
#cart_body td a:hover {text-decoration: underline;}
td.lft_half, td.rgt_half {padding: 5px;}
td.rgt_half table th {width: 75%; font-weight: 400; text-align: right;}
td.rgt_half table td {width: 25%; font-weight: 600; text-align: right;}
#cart_charge_n_total {float: left; box-sizing: border-box; width: 50%; height: 150px; padding: 20px; background: #ddd;}
#cart_charge_n_total .lft_half {width: 60%; padding-bottom: 18px; border-right: 1px solid #999;}
#cart_charge ul {margin: 0; padding: 0; list-style-type: none;}
#cart_charge li {float: left; line-height: 30px; margin-top: 10px;}
#cart_charge input {width: 70px; height: 30px; line-height: 28px; margin-left: 5px; padding: 0 5px;}
#cart_dc .submit button,
#cart_charge .submit button {width: 35px; height: 30px; background: #666; border: none; line-height: 30px; color: #fff; text-transform: uppercase; cursor: pointer;}
#cart_charge_n_total li.country {display: none;}
#cart_charge_caption {position: relative; padding-right: 20px;}
#cart_charge_caption_correio {position: absolute; left: 30px; margin-top: 65px; font-size: 11px; font-weight: 400; color: #888;}
#cart_charge_caption_correio:hover {color: #333;}
#cart #cart_upd {display: none;}
#cart #cart_del {position: absolute; top: 110px; right: 190px;}
#cart #cart_del a {color: #999;}
#cart #cart_del a:hover {text-decoration: underline;}
#cart #cart_del a:before {content: 'Limpar carrinho'}
#cart #cart_del a span {display: none;}
#cart #cart_kpb {position: absolute; margin-top: -50px;}
#cart_kpb_cloned {display: block; margin: 0 0 20px 5px;}
#link_cep {position: absolute; right: 5px; margin-top: -59px;}
#cart_kpb_cloned a, #link_cep a, #cart #cart_kpb a, #cart #cart_prc a {display: block; margin: 0; padding: 10px 15px; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; transition: 0.5s background;}
#cart_kpb_cloned a {width: 215px;}
#cart #cart_kpb a, #cart_kpb_cloned a {background: #09c; border-left: 5px solid #069;}
#cart #cart_prc a {background: #090; border-right: 5px solid #060;}
#link_cep a {background: #f90; border-right: 5px solid #f70;}
#cart #cart_kpb a:hover, #cart_kpb_cloned a:hover {background: #069;}
#cart #cart_prc a:hover {background: #060;}
#link_cep a:hover {background: #f70;}
#cart #cart_prc a:before {content: 'FINALIZAR PEDIDO E ';}

/* discount coupon & gift card */
#cart_dc_n_gc {float: left; width: 50%; height: 150px; padding: 0 20px; background: #eee;}
#cart_dc {position: relative; padding: 20px 0;}
#cart_dc .lft_half {width: 100%;}
#cart_dc ul {margin: 0; padding: 0; list-style-type: none;}
#cart_dc li {float: left;}
#cart_dc li.label {float: none; display: block; margin-bottom: 10px;}
#cart_dc li.field span {font-weight: 600; color: #090;}
#cart_dc input {width: 320px; height: 30px; line-height: 28px; padding: 0 5px;}
#cart_dc .rgt_half {position: absolute; top: 100px; left: 0; width: 100%;}
#cart_dc .rgt_half td {color: #090;}
#cart_dc .rgt_half table th {width: 35%; padding: 0; text-align: left; font-size: 0;}
#cart_dc .rgt_half table th:before {content: 'Valor do desconto:'; font-weight: 600; font-size: 14px;}
td.rgt_half table td {width: 65%; padding: 0; text-align: left;}

/* transporters */
#transporters {clear: both; background: #ddd; text-align: center;}
#user-credit {float: left; position: relative; top: 20px; width: 36%; margin: 0px 2% 40px; padding: 20px; background-color: rgba(255,255,255,0.5); border: 1px dashed #09C; text-align: center;}
#user-credit-value {display: inline-block; font-weight: 600; color: #393; text-transform: uppercase;}
#user-credit-value:before {content: "Programa fidelidade: "; color: #333;}
#user-credit button {display: block; margin: 20px auto 0; padding: 10px 20px; background-color: #09C; border: none; outline: none; border-radius: 5px; transition: all 0.5s ease 0s; font-size: 14px; color: #FFF; text-transform: uppercase; cursor: pointer;}
#user-credit button:hover {background-color: #069;}
#transporters h1 {display: block; padding: 15px 0;}
#transporters ul {margin: 0; padding: 0; list-style-type: none; overflow: hidden;}
#transporters li {position: relative; display: inline-block; width: 150px; margin: 30px 15px 20px 0; padding: 5px 5px 15px 5px; background: #fff; border: 1px solid #ccc; text-align: center; vertical-align: top;}
#transporters li:hover {background: #f8f8f8;}
#transporters .best-eta:after {content: 'Melhor prazo'; position: absolute; top: -25px; left: 0; display: block; width: 100%; background-color: #f90; line-height: 25px; font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase;}
#transporters .best-price:after {content: 'Melhor preço';  position: absolute; top: -25px; left: 0; display: block; width: 100%;  background-color: #090; line-height: 25px; font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase;}
#transporters li span {display: block;}
#transporters .transp_name {margin-bottom: 5px; padding: 5px 0; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 600;}
#transporters .transp_cost {font-size: 14px; font-weight: 700; color: #090;}

/*ssl*/
.ssl #container_header,
.ssl #extraDiv0 {height: 80px; background-color: #09c; border-top: none;}
.ssl #logo {top: 10px; z-index: 50;}
.ssl #nav-your-account {top: 21px; left: 520px; right: auto;}
.ssl #nav-your-account span,
.ssl #nav-your-account a,
.ssl #nav-your-account:before {color: #fff;}
.ssl .mn0 {display: none;}
.ssl #mn0_4 {display: block; top: 5px; right: 10px;}
.ssl #menuU {top: 20px;}
.ssl .mnU a {color: #fff;}
.ssl #mnU_0:after, .ssl #mnU_1:after {padding: 0 30px; color: #fff;}
.ssl #mnU_2_parent {display: none;}
.ssl #closePointer {top: 110px;}

/* signin */
.signin {zoom: 1;}

#signin-body {
    width: 980px;
    margin: 0 auto;
}

.signin h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

#signin-help h2 {display: none;}

.signin a,
.signin a font {
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

#signin a:hover,
#signin a:hover font,
#signin-forgot-body a:hover {text-decoration: underline;}

.signin input[type="text"],
.signin input[type="password"] {background: #fff !important;}

.signin .submit {
    margin-top: 15px;
    padding: 10px;
    background: #09c;
    border-right: 5px solid #069;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
    .signin .submit:hover {background: #069;}

#signin-body {position: relative;}

#signin-identification-already-user,
#signin-identification-new-user {
    float: left;
    width: 48%;
    margin: 20px 1%;
    padding: 20px 30px;
    background: #eee;
    border: 1px solid #ddd;
}

#signin-forgot-body {
    width: 600px;
    margin: 20px auto;
    padding: 20px 30px;
    background: #eee;
    border: 1px solid #ddd;
}

#signin-identification-already-user label,
#signin-identification-new-user label {
    display: block;
    margin: 10px 0 5px;
    font-size: 14px;
}

#already-user-id-label,
#new-user-id-label {margin-top: 20px;}

#already-user-email,
#already-user-pwd {width: 230px;}

#signin-help {
    position: absolute;
    top: 113px;
    left: 275px;
    border: 0;
    padding: 0;
}

#signin-help ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* register */
.full th {font-weight: 400;}
.full th.label_full {width:	15%;}
.full td.fiedl_full {width: 85%;}
.full th.label_half {width:	15%;}
.full td.fiedl_half {width: 35%;}
#register.full {margin-top: 20px;}

#register_utp_form {
    margin-top: 40px;
    padding: 30px 50px;
    border: 1px solid #ccc;
}

#register_utp_form label {font-size: 14px !important;}

#register div.hr {display: none;}

#register_utp_f, #register_utp_j {
    position: absolute;
    width: 970px;
    margin: -80px 0 0 -51px;
}

.utp_tabs {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.utp_tab {
    float: left;
    width: 50%;
    background: #eee;
    text-align: center;
}

.utp_tabs a {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    color: #999;
}

.utp_tabs a:hover {color: #000;}

.utp_tab_activated,
.utp_tab_activated:hover {background: #fff;}

.utp_tab_activated a {
    border: 1px solid #ccc;
    border-bottom: none;
    color: #000;
}

#register_utp_form h2 {
    margin: 10px -10px;
    padding: 10px;
    background: #eee;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

#register_utp_form td {padding: 2px 0;}

#customer-salesman, #customer-salesman td,
#customer-transp, #customer-transp td {display: none;}

#register_prc {margin-top: 20px;}

#transp_register {
    background: #d4d0c8;
    border-top: 1px solid #fff;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #fff;
    width: 200px;
}

#transp_register table {
    border-collapse: separate;
    border-spacing: 3px;
}

#transp_register table thead th {
    padding: 5px;
    background: #0a246a;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#transp_register table tfoot td {text-align: right;}

/* billing */
#billing h2 {
    margin: 20px 0 5px 0;
    font-size: 16px;
    color: #666;
}

#billing-body,
#payment-body {padding: 10px;}

#billing th,
#billing td {padding: 5px;}

#billing-address-message {
    font-size: 14px;
    font-weight: 700;
}

#billing-address-message a {
    color: #c00;
    text-decoration: underline;
}

#billing-address-message a:hover {color: #b00;}

#customer_transp_register {display: none;}

#billing-resume {overflow: hidden;}

#billing-resume th,
#billing-resume td {padding: 10px;}

#cart_body th {background: #eee;}

#billing-resume #cart_dc_n_gc {width: 100%;}

#billing-resume #cart_charge_n_total {
    width: 100%;
    background: #eee;
}

#billing-resume #cart_charge_n_total .lft_half {border-right: none;}

ul#billing_payments_options_shortcuts,
ul#payments_options_shortcuts {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

ul#billing_payments_options_shortcuts li,
ul#payments_options_shortcuts li {
    display: inline-block;
    margin: 10px 5px 0 0;
    border: 1px solid #ddd;
}

ul#billing_payments_options_shortcuts li:hover,
ul#payments_options_shortcuts li:hover {background: #f5f5f5}

ul#billing_payments_options_shortcuts a,
ul#payments_options_shortcuts a {
    display: block;
    height: 90px;
    color: #000;
}

ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_cc,
ul#payments_options_shortcuts a#payment_option_shortcut_cc {background: url(../images/94/billing_cc_new.png) no-repeat bottom center;}
ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_et,
ul#payments_options_shortcuts a#payment_option_shortcut_et {background: url(../images/94/billing_et.png) no-repeat bottom center;}
ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_bb,
ul#payments_options_shortcuts a#payment_option_shortcut_bb {background: url(../images/94/billing_bb_new.png) no-repeat bottom center;}
ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_bd,
ul#payments_options_shortcuts a#payment_option_shortcut_bd {background: url(../images/94/billing_bd.png) no-repeat bottom center;}

ul#billing_payments_options_shortcuts span,
ul#payments_options_shortcuts span {
    display: block;
    padding: 5px 10px;
    background: #eee;
}

ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_cc span,
ul#payments_options_shortcuts a#payment_option_shortcut_cc span {padding: 5px 100px;}

#billing_payments_options,
#payments_options {margin-top: 700px;}

#billing_payments_options div,
#payments_options div {
    position: relative;
    padding: 0 15px 40px;
    margin-bottom: 700px;
    background: #eee;
}

#billing_payments_options div.hr,
#payments_options div.hr {
    margin: 50px 0 10px;
    background: #fff;
    border-top: 1px dotted #000;
    border-radius: 0;
}

#billing_payments_options ul,
#payments_options ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#billing_payments_options li,
#payments_options li {
    float: left;
    height: 160px;
    margin: 5px 10px 5px 0;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
}

#billing_payments_options div div,
#payments_options div div {
    margin: 10px 0;
    padding: 0;
}

#billing_payments_options a,
#payments_options a {
    float: left;
    padding: 30px 20px 0 0;
    font-size: 20px;
    font-weight: normal;
    color: #666;
}

#billing_payments_options .paymentPrice,
#payments_options .paymentPrice {
    display: block;
    padding-top: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #090;
}

.credit_card_flag {
    display: block;
    font-size: 13px;
    font-weight: bold;
}

#credit-card-options input[type='radio'] {
    display: block;
    margin: 8px 0;
}

#credit-card-options select {
    display: block;
    width: 175px;
    padding: 3px;
    border: 1px solid #ccc;
}

#billing_payments_options .payment_options_top,
#payments_options .payment_options_top {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
}

#billing_payments_options .payment_options_top:hover,
#payments_options .payment_options_top a {color: #b00;}

.payment_options_top:before {
    content: '';
    display: block;
    width: 1px;
    margin: 0 auto 10px;
    border-bottom: 20px solid #ddd;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}

#billing_payments_options .title,
#payments_options .title {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    color: #333;
}

#credit-card-table-1 {
    position: relative;
    width: 80%;
    margin-bottom: 60px;
    background: #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
}

#credit-card-table-1 th {
    text-align: right;
    font-weight: bold;
}

#billing #credit-card-table-1 td {padding: 3px;}

#credit-card-table-1 input,
#credit-card-table-1 select {padding: 5px;}

#credit-card-table-1 tbody {position: relative;}

#credit-card-table-1 tbody:after {
    content: url(../images/94/sec_code_cc.gif);
    position: absolute;
    display: block;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    text-align: center;
}

#billing-form-bb, #payment #container_bb {padding-bottom: 350px; background: #eee url(../images/94/billing_boleto.gif) no-repeat bottom center;}
#billing-form-bb:after,#payment #container_bb:after {position: absolute; display: block; margin-top: 20px; padding: 0 90px 0 80px; text-align: justify; content: 'AVISO  IMPORTANTE: Por favor, antes de efetuar o pagamento, verifique se a sequência numérica do boleto impresso inicia-se por 237 (BANCO BRADESCO) e se apresenta os algarismos referentes à nossa agência e conta. Em caso de dúvidas, entre em contato pelo telefone (43) 3371-6400. Agradecemos a compreensão.';}

/* summary */
#summary {
    position: relative;
    margin-top: 70px;
}

#summary h1 {
    padding: 15px 0;
    text-align: center;
    color: #000;
}

#summary #eBit {margin: 10px auto; text-align: center;}

#order_id {
    position: absolute;
    width: 200px;
    height: 140px;
    padding: 10px;
    background: #069;
    text-align: center;
}

#order_id h3 {
    font-weight: 600;
    color: #fff;
}

#order_id span {
    display: block;
    font-size: 26px;
    font-weight: 600;
    color: #ff0;
}

#order_id_note p {
    margin: 5px 0;
    font-size: 11px;
    color: #fff;
}

#order_id_note a {color: #fff;}
#order_id_note a:hover {text-decoration: underline;}

#order_inf {
    height: 140px;
    margin-left: 210px;
    padding: 10px;
    background: #f0f0f0;
}

#order_inf h3 {
    margin: 0 !important;
    padding: 0;
    font-size: 13px;
}

#order_pop {
    clear: both;
    position: relative;
    top: 10px;
    padding: 20px 0;
    text-align: center;
}

#summary_header table {
    clear: both;
    position: relative;
    top: 20px;
    text-align: center;
}

#summary_header td {
    background: #ddd;
    font-size: 18px;
}

#summary_body {
    clear: both;
    padding-top: 20px;
}

#summary-body-payment-status {position: relative; margin: 20px 0 30px; padding: 30px 10px; background: #c33; font-size: 20px; color: #fff;}
#summary-body-payment-status:before {content: ''; position: absolute; top: -20px; left: 50%; width: 1px; margin-left: -30px; border-bottom: 20px solid #c33; border-right: 30px solid transparent; border-left: 30px solid transparent;}
#summary-body-payment-status > span:before {content: '\f071'; margin-right: 10px; font-family: FontAwesome; font-weight: 400;}
#summary-body-payment-status strong {font-weight: 400;}
#summary-body-payment-status br {display: none;}
#summary-body-payment-status a {display: inline-block; margin-left: 20px; font-weight: 400; color: #fff; text-decoration: underline;}
#summary-body-payment-status ~ #eBit,
#summary-body-payment-status ~ #summary_header{display: none;}

#summary h2 {
    display: block;
    margin: 20px 0 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

#summary th, #summary td {padding: 5px;}

#summary_body_products {
    margin-top: 10px;
    border: 1px solid #ddd;
}

#summary_body_products th {
    padding: 10px 5px;
    background: #f5f5f5;
    color: #666;
}

#summary .tbl_row_0 td,
#summary .tbl_row_1 td {border-top: 1px solid #ddd;}

#summary_dc_n_gc {
    padding: 0 20px;
    background: #f0f0f0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#summary_dc_n_gc ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#summary_dc_n_gc li {display: inline-block;}

#summary_dc_n_gc li.field {font-weight: 600;}

#summary_total {
    padding: 20px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-top: none;
}

#summary_footer {margin-top: 20px;}

#summary_footer th {
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

/* orders */
#orders {
    position: relative;
    margin-top: 30px;
}

#orders .hr {display: none;}

#orders-body {margin: 20px 0;}

#orders-body th,
#orders-body td {padding: 5px;}

#orders-body th {
    padding: 10px 5px;
    background: #eee;
    font-weight: 600;
}

#orders-body .tbl_row_0 td,
#orders-body .tbl_row_1 td {border-top: 1px solid #ddd;}

#orders-body td a {
    font-size: 16px;
    color: #c00;
}

#orders-body td a:hover {text-decoration: underline;}

#orders-body td:nth-of-type(2) a:after {
    content: '(visualizar)';
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400;
}

/*#orders th#order-rastreamento,
#orders td.correios_code,*/
#orders th#order-reload,
#orders td.order-reload {display: none;}


@media only screen and (max-width : 1119px) {
    .mnh_lvl1, .mnh_lvl1 a {font-weight: 400;}
    #products_img li, #crossSelling li {width: 184px;}
    #products_img li:hover, #crossSelling li:hover {width: 224px;}
    .item_box .item_btn_info a,
    .product_quickview {width: 202px;}
    #details_images, #details_texts {width: 50%;}
    #details_texts {padding-top: 45px;}
    #details_images_big img, .details_images_big img {width: 360px; height: auto;}
    #details_texts_aggregateRating {top: -1px; left: 0;}
    #GR_lnkDTL {top: 10px; left: 10px;}
    #recently-viewed-frame {top: 115px;}
    #recently-viewed-frame img {width: 30px; height: auto;}
    #extra_3 li {float: left; width: 24%;}
    .land_menu .mn_categ {width: 49.5%;}
    .land_menu div img {max-width: 180px;}
    .h-categ {float: left !important; width: 33.3333% !important; padding: 0.5% !important;}
}

@media only screen and (min-width : 1220px) and (max-width : 1599px) {
    #container, #header-content, #fixed_menu #banner_1 {width: 1200px;}
    #f-sec li {margin: 0 2% 0 3%;}
    #f-modal a {font-size: 21px;}
    .mnh_lvl1 {padding: 10px 10px 10px 9px; font-size: 14px;}
    #newsletter span {line-height: 45px;}
    #newsletter span br {display: none;}
    #newsletter_interactive input {width: 320px;}
    #quickSearch_i1 {width: 95%; width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}
    .framed {width: 970px; width: -webkit-calc(100% - 220px); width: calc(100% - 220px);}
    #extra-details-grid li {width: 182px;}
    #custom_RVP_products_img {width: 875px;}
    #GR_frmReview_product_txt, #GR_frmReview_form {width: 710px;}
    #ASQ_frmQuestion_product_txt, #ASQ_frmQuestion_form {width: 710px;}
}

@media only screen and (min-width : 1600px) {
    #container, #header-content, #fixed_menu #banner_1 {width: 1400px;}
    .f-div {padding: 0 30px;}
    #f-sec li {margin: 0 3%;}
    #f-sec #f-modal {margin: 0 6%;}
    #f-modal a {font-size: 21px;}
    .mnh_lvl1 {padding: 10px 14px; font-size: 15px;}
    #newsletter span {line-height: 45px;}
    #newsletter span br {display: none;}
    #newsletter_interactive input {width: 420px;}
    #quickSearch_i1 {width: 95%; width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}
    .framed {width: 1170px; width: -webkit-calc(100% - 220px); width: calc(100% - 220px);}
    /*#details_texts {width: 700px; -webkit-width: calc(100% - 480px); width: calc(100% - 480px); padding-left: 320px;}
    #details_texts_description {position: absolute; left: 0; width: 280px;}*/
    #details_texts {width: 700px; -webkit-width: calc(100% - 480px); width: calc(100% - 480px);}
    #details_texts_prices,
	#details_texts_selects,
	#details_texts_availability,
	#details_texts_others {margin-left: 300px;}
    #details_texts_description {float: left; width: 280px;}
	#fixed-details-content #details_texts_prices,
	#fixed-details-content #details_texts_availability {margin-left: 0;}
    #details_texts_selects {border-radius: 3px;}
    #details_texts_selects:after {display: none;}
    #extra-details-grid li {width: 183px;}
    #custom_RVP_products_img {width: 1050px;}
    #GR_frmReview_product_txt, #GR_frmReview_form {width: 910px;}
    #ASQ_frmQuestion_product_txt, #ASQ_frmQuestion_form {width: 910px;}
}

/*rodapé*/
@media only screen and (max-width : 1024px) {
    #user-credit {width: 96%;}
}

@media only screen and (min-width : 1400px) {
    .f-div {padding: 0 25px;}
}

@media only screen and (max-device-width: 800px) {
    #container, #header-content {width: 750px;}
    #container_header, #extraDiv8 {height: 120px; border-bottom: none;}
    #extraDiv9, .framedMode #container_footer {height: 750px; padding-top: 325px;}
    #extraDiv1, .fullMode #container_footer {height: 375px;}
    #logo a:before {display: none;}
    #f-st {height: 200px; padding: 0;}
    #f-pagamento span {font-size: 0.9em;}
    #f-tel, #f-sec {float: none; width: 100%; height: 100px; border-left: none; border-right: none;}
    #f-nd p {width: 75%;}
    .ssl #mn0_4 {top: 35px; left: 200px; right: auto;}
    .ssl #mn0_4:after {display: inline-block; margin-left: 10px;}
    .ssl #nav-your-account {top: 6px;}
    .ssl #menuU {top: 5px;}
    .framedMode #logo {top: 55px; left: 60px;}
    .framedMode #logo img {display: block; width: 85%; height: auto;}
    .framedMode #menuDD {position: absolute; float: none; top: 0; left: 0; width: auto; height: 100%; margin: 0;}
    .framedMode #menuDD label.toggle:before {content: '\f0c9'; position: absolute; top: 60px; left: 0; z-index: 1000; width: 40px; text-align: center; line-height: 40px; font-family: FontAwesome; font-size: 24px; color: #fff; cursor: pointer; transition: left 0.5s ease-in-out;}
    .framedMode #menuDD #ddm {position: fixed; left: -50px; z-index: 2000; width: 0; height: 100%; padding-bottom: 30px; background: #eee; overflow-y: auto; transform: translate3d(-100%,0,0); transition: transform 0.5s ease-in-out;}
    .framedMode #menuDD #ddm:before {background: #333; border-top: none;}
    .framedMode #menuDD #menuDD-toggle:checked ~ #ddm {left: 0; transform: translate3d(0,0,0); width: 500px;}
    .framedMode #menuDD #menuDD-toggle:checked ~ label.toggle:before {position: fixed; z-index: 500; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content:'';}
    .framedMode #menuDD #ddm h2 {padding-left: 5px; font-size: 1.1em;}
    .framedMode #menuDD #ddm ul {position: relative; top: 0 !important; left: 0; display: block; width: 500px !important; background: none; overflow: hidden;}
    .framedMode #menuDD #ddm ul li {float: left; width: 50%;}
    .framedMode #menuDD #ddm ul a {padding: 2px 0; border: none; font-weight: 400;}
    .framedMode #menuDD #ddm ul a:before {content: '- '}
    #banner_1, #fixed_menu #banner_1, .ban-menu-toggler {display: none;}
    #banner_2 {bottom: 350px; width: 100%;}
    #banner_5 li {padding: 0 5px;}
    #banner_5 li p {width: -webkit-calc(100% - 10px); width: calc(100% - 10px); margin: 0 5px;}
    #banner_6 p {font-size: 20px;}
    #banner_6 span {font-size: 26px;}
    #f-help {display: none;}
    #f-redes, #f-pagamento {width: 50%;}
    #newsletter {bottom: 665px;}
    #newsletter_interactive input {width: 190px;}
    .framed {width: 100%; margin: 0 0 20px;}
    #products-filters ~ #main_form {float: left; width: calc(100% - 220px); margin-left: 10px;}
    #products-filters ~ #main_form #products_img li, #products-filters ~ #main_form #crossSelling li {width: 32%;}
    #products_img li:hover, #crossSelling li:hover {box-shadow: none; border: 1px solid #ccc;}
    #extra-details-grid li {width: 175px;}
    .land_menu {text-align: center;}
    .land_menu div {min-width: 550px; margin: 0 auto;}
    .land_menu div:last-child {border: none;}
    .land_menu div img {max-width: 200px;}
    #closePointer td {padding: 0 10px;}
    #closePointer td img {display: block; width: 95%; height: auto;}
    #cart_dc input {width: 260px;}
    #signin-body {width: 100%; margin: 0;}
    #signin-identification-already-user,
    #signin-identification-new-user {float: none; width: 100%; margin: 20px 0;}
    #signin-help {top: 93px; left: 265px;}
    #register_utp_f, #register_utp_j {width: 740px;}
    #GR_frmReview_product_img,
    #ASQ_frmQuestion_product_img {width: 100%; padding-right: 0; text-align: center;}
    #GR_frmReview_product_txt, #ASQ_frmQuestion_product_txt,
    #GR_frmReview_form, #ASQ_frmQuestion_form {width: 100%;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #products_img li:hover .product_quickview, #products_img li:hover .item_buttons, #products_img li:hover .item_inStockNotification a,
    #crossSelling li:hover .item_buttons, #crossSelling li:hover .item_inStockNotification a {display: none;}
}