/* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .productsHead{display:block; height:auto;} .sliderControls { width: 100%; height: 54px; overflow: hidden; margin-top: -50px; background: #fff; } .productTypeText {margin-top:30px; } .teste{display:none;} #bx-pager-custom{top: -30px;} .bx-controls-direction{display:block;} .templateTitle h3 { font-size:34px;} .bxsliderItem { width: 100%; height: 445px;} .bxSliderInfo { width: 960px;} .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .columnLast { float: left; display: inline; margin-right: 0px; } .container .columnsLast { float: left; display: inline; margin-right: 0px; } .container .column, .container .columns { float: left; display: inline; margin-right: 36px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 213px; margin-right: 36px; min-height: 360px; } .container .four.columnsLast { width: 213px; margin-right: 0px;} .sliderNewsImgStore { height: 213px;} .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px !important; margin-right: 40px; } .container .eight.columnsLast { width: 460px !important; margin-right: 0px;} .sliderNewsImg { height: 320px;} .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third-third.column { width: 213px !important; height: 215px !important; margin: 0;} .container .one-third.column { width: 296px; height: 296px; margin-bottom: 20px; } .container .one-third.columnLast { width: 296px; height: 296px; margin-bottom: 20px; } /* HOME */ .container .one-third-home.column { width: 296px; height: 296px; margin-bottom: 60px; } .container .one-third-home.columnLast { width: 296px; height: 296px; margin-bottom: 60px; } /* STORE */ .container .one-third-home-store.column { width: 460px; height: 460px; margin-bottom: 20px; } .container .one-third-home-store.columnLast { width: 460px; height: 198px; margin-bottom: 63px; } .columnTitle-store {margin-top:424px; width: 420px;} .columnTitle-last-store {margin-top:162px; width: 420px;} .pinkBarStore {margin-top: -90px;} .pinkBarStore h3{color:#FFF; text-align:center; padding-top: 35px; font-size: 30px; font-weight: normal;} .pinkBarStore p{color:#FFF; text-align:center; font-size: 15px;} .pinkBarStore a{text-decoration:none; font-size: 17px; font-weight: bold;} .container .one-third-home-store.column .mask .info { height: 80%; } .container .one-third-home-store.columnLast .mask .info { height: 100%; } .container .one-third-home-store.columnLast .mask p { margin-top: -20px; } .container .one-third-home-store.column .mask:hover p { filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); } .container .one-third-about.column { width: 296px; height: 488px; margin-bottom: 20px; } .container .one-third-about.columnLast { width: 296px; height: 488px; margin-bottom: 20px; } .aboutPhoto { width: 296px; height: 270px;} .container .two-thirds.column { width: 620px; } .columnTitle {margin-top:260px; width: 256px;} .slideProduct{ width: 30%;} #whatText { margin: 0px 70px 0px 70px; padding-top: 50%; line-height:20px; } /* PRODUCTS */ .encomendaBtn{ font-size: 17px; line-height: 50px; width: 240px; height: 50px; margin: 30px auto 30px 0;} .manyMenus{ width: 960px;} .productsHeadMenu { float: none;} .photoSmall{ cursor: pointer; width:83px; height:83px; margin-right: 12px;} #productContentContentsT1{height:300px;} #productContentContentsT2{height:215px;} /* PRODUCTS DETAIL */ .productMiniPics{ width: 462px;} .sliderControlsProdutcsDetail{ width: 462px;} /* MENU */ nav { display: none;} .hideMenusHeader{display: visible;} /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } .footerInt { max-width:1020px; } .footerLineSeparator { height: 0px; width: 0px; margin-bottom: 0px; } /*.headerContent {width:960px;}*/ .newsDetailPhoto{ height: 560px; } .productsHead { width: 100%; height: auto; background: #f3f3f3;} .mask p { margin:0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); width: 100%; color: #fff; text-transform:uppercase; font-size:17px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mask:hover p { filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); } .info{ width:100%; height:70%; margin:0 auto; background:url('../images/mais.png') center no-repeat;} .hoverNewsIcon{margin-left: 30%;} /* STORE */ .storeCatLeft { width: 213px; margin-right: 36px; float: left;} .storeCatRight { width: 711px; float: left; } .storeCatRightTitle { width: 100%; height: 50px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;} .catRight { width: 630px; float: left; margin-right: 30px; } .catRight .inputSend {width: 610px;} .catLeft .inputSend {width: 280px;} .catLeft { width: 300px; float: left; } .catExtraA {width: 465px; float: left; margin-right: 28px;} .catExtraB {width: 465px; float: left;} .catExtraA .inputSend {width: 445px; } .catExtraB .inputSend {width: 445px; } .storeResulItemImg{ width: 213px; height: 213px;} .storeResulItem{ width: 213px; float: left; margin-bottom: 50px; margin-right: 36px;} #storeResulItem3{ margin-right: 0 !important;} #storeResulItem4{ margin-right: 0 !important;} .manyMenusNav{ margin-left: auto;} #productTypeTextStore{ text-align: left; margin-top: 0;} #productTypeTextStore h3 { color: #333; font-size: 38px; line-height: 46px; } #productTypeTextStore .storePrice { font-size: 30px;} #allShareStore {display: block;} #allShareStoreAlternate {display: none; margin-top: 0px !important;} #containerStoreHide { display: block;} .catStoreAll { margin-top: 0px;} .catTermosAll { margin-top: 0px;} .cartHeader{} .cartFinal{} .cartItem {} #_artDiv{width: 130px; margin-right:25px; display: block;} .cartItemImg{width: 130px; margin-right:25px; display: block;} #_descDiv{width: 340px; margin-right:25px;display: block;} .cartItemDesc{width: 340px; margin-right:25px;display: block;} #_quantDiv{width: 130px; margin-right:25px;display: block;} .cartItemQtd{width: 130px; margin-right:25px;display: block;} #_preDiv{width: 130px;margin-right:25px;display: block;} .cartItemPrice{width: 130px; margin-right:25px;display: block;} #_eliDiv{width: 130px;display: block;} .cartItemDel{width: 130px;display: block;} .apoiosInner{ text-align:right; margin-top: 380px; margin-right: 30px; } @media only screen and (min-width: 1500px) and (max-width: 2500px) { .apoiosInner{ text-align:right; margin-top: 380px; margin-right: 30px; } #whatText { font-size: 20px; } } @media only screen and (min-width: 960px) and (max-width: 1024px) { .apoiosInner{ text-align:right; margin-top: 380px; margin-right: 30px; } #whatText { line-height: 17px; font-size: 12px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .apoiosInner{text-align:center; margin-top: 30px;} .cartHeader{} .cartFinal{} .cartItem {} #_artDiv{width: 130px; margin-right:20px;display: block;} .cartItemImg{width: 130px; margin-right:20px;display: block;} #_descDiv{width: 228px; margin-right:20px;display: block;} .cartItemDesc{width: 228px; margin-right:20px;display: block;} #_quantDiv{width: 110px; margin-right:20px;display: block;} .cartItemQtd{width: 110px; margin-right:20px;display: block;} #_preDiv{width: 110px; margin-right:20px;display: block;} .cartItemPrice{width: 110px; margin-right:20px;display: block;} #_eliDiv{width: 110px;display: block;} .cartItemDel{width: 110px;display: block;} .aboutDesc{margin: 26px 20px 0 20px;} .link a{ font-size:12px;} .productsHead{display:block; height:auto;} .sliderControls { width: 100%; height: 54px; overflow: hidden; margin-top: -50px; background: #fff; } .teste{display:none;} #bx-pager-custom{top: -30px;} .bx-controls-direction{display:block;} .templateTitle h3 { font-size:34px;} .mask p { margin:0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); width: 100%; color: #fff; text-transform:uppercase; font-size:17px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mask:hover p { filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .info{ width:100%; height:60%; margin:0 auto; background:url('../images/mais.png') center no-repeat; } .bxsliderItem { width: 100%; height: 445px;} .bxSliderInfo { width: 650px;} .container { width: 768px; } .container .columnLast { margin-right: 0px; } .container .column, .container .columns { margin-left: 0px; margin-right: 30px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 232px !important; margin-right: 36px; min-height: 360px; } .container .four.columnsLast { width: 232px !important; margin-right: 0px;} .sliderNewsImgStore { height: 232px;} .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px !important; margin-right: 30px; } .container .eight.columnsLast { width: 364px !important; margin-right: 0px;} .sliderNewsImg { height: 270px; } /* WHAT WE DO */ /* WHAT WE DO */ .whatWeDo { width: 768px; margin: 0 auto;} .whatWeDoL { width: 768px; float: left; padding-top: 100%; } .whatWeDoR { width: 768px; float: left; } #whatText { margin: 16px 60px 20px 60px; padding-top: 14%; font-size:12px; line-height:17px; } .whatWeDoR {overflow: hidden; height: 570px;} .extraPad{ padding: 0;} /* MENU */ nav { display: block;} .hideMenusHeader{display: none;} /* PRODUCTS */ .hoverPhoto { width: 366px; height: 366px;} .productTypePhoto { width: 366px; height: 366px;} .productTypeText {width: 366px; height: 366px; margin-top:30px; } .photoSmall{ width: 83px; height: 83px; margin-right: 12px;} /* PRODUCTS DETAIL */ .productMiniPics{ width: 366px;} .sliderControlsProdutcsDetail{ width: 366px; top: -42px;} .encomendaBtn{ font-size: 17px; line-height: 50px; width: 240px; height: 50px; margin: 30px auto 30px 0;} .manyMenus{ width: 768px;} .productsHeadMenu { float: none;} .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third-third.column { width: 165px !important; height: 165px !important; margin: 0;} /* HOME */ .container .one-third-home.column { width: 236px; height: 236px; margin-bottom: 60px; } .container .one-third-home.columnLast { width: 236px; height: 236px; margin-bottom: 60px; } /* STORE */ .container .one-third-home-store.column { width: 368px; height: 368px; margin-bottom: 20px; } .container .one-third-home-store.columnLast { width: 368px; height: 158px; margin-bottom: 50px; } .columnTitle-store {margin-top:330px; width: 336px;} .columnTitle-last-store {margin-top:120px; width: 336px;} .pinkBarStore {margin-top: -80px;} .pinkBarStore h3{color:#FFF; text-align:center; padding-top: 35px; font-size: 30px; font-weight: normal;} .pinkBarStore p{color:#FFF; text-align:center; font-size: 15px;} .pinkBarStore a{text-decoration:none; font-size: 17px; font-weight: bold;} .container .one-third-home-store.column .mask:hover p { filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(120px); -moz-transform: translateY(120px); -o-transform: translateY(120px); -ms-transform: translateY(120px); transform: translateY(120px); } .container .one-third.column { width: 236px; height: 236px; margin-bottom: 20px;} .container .one-third.columnLast { width: 236px; height: 236px; margin-bottom: 20px;} .container .one-third-about.column { width: 236px; height: 488px; margin-bottom: 20px; } .container .one-third-about.columnLast { width: 236px; height: 488px; margin-bottom: 20px; } .aboutPhoto { width: 236px; height: 215px;} .container .two-thirds.column { width: 492px; } .columnTitle {margin-top:200px; width: 196px;} .productContent{ height: 400px; width: 750px; } .productContentContents { width: 497px;} #productContentContentsT1{height:235px;} #productContentContentsT2{height:165px;} .productContentVerticalImg{ height: 400px; width: 253px;} .productDescription {margin: 17% 40px auto 40px;} .productContentSimple{height: 400px; width: 496px;} .sliderControlsProdutcs { width: 497px; margin-right: 18px; margin-top:auto;} .productDescriptionMini { margin: 3% 20px 10px 20px;} .productDescriptionMini p { font-size: 15px; margin-bottom: 18px;} .bx-wrapper .bx-pager { padding-top: 0px !important; top: 186px !important; } .slideProduct{ width: 30%;} /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } .footerInt { max-width:768px; } .footerLineSeparator { height: 0px; width: 0px; margin-bottom: 0px; } /*.headerContent {width:900px;}*/ .searchBarInside{width:900px;} .searchBarInside input { width: 748px; } .newsDetailPhoto{ height: 448px; } .productsHead { width: 100%; height: auto; background: #f3f3f3;} /* STORE */ .storeCatLeft { width: 228px; margin-right: 24px; float: left;} .storeCatRight { width: 478px; float: left; } .storeCatRightTitle { width: 100%; height: 50px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;} .catRight { width: 100%; float: left; margin-right: 0px; } .catLeft { width: 100%; float: left; } .catRight .inputSend {width: 748px;} .catLeft .inputSend {width: 748px;} .catExtraA {width: 100%; float: left;} .catExtraB {width: 100%; float: left;} .catExtraA .inputSend {width: 748px; } .catExtraB .inputSend {width: 748px; } .storeResulItemImg{ width: 228px; height: 228px;} .storeResulItem{ width: 228px; float: left; margin-bottom: 20px; margin-right: 22px;} #storeResulItem2{ margin-right: 0 !important;} .manyMenusNav{ margin-left: 30px;} #storeResulItem3{ margin-right: 22px !important;} #productTypeTextStore{ text-align: left; margin-top: 0;} #productTypeTextStore h3 { color: #333; font-size: 38px; line-height: 46px;} #productTypeTextStore .storePrice { font-size: 30px;} #allShareStore {display: block;} #allShareStoreAlternate {display: none;} #containerStoreHide { display: block;} .catStoreAll { margin-top: 0px;} .catTermosAll { margin-top: 0px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .apoiosInner{text-align:center; margin-top: 30px;} #_artDiv{width: 130px; margin-right:10px;display: block;} .cartItemImg{width: 130px; margin-right:10px;display: block;} #_descDiv{width: 130px; margin-right:20px; display: none;} .cartItemDesc{width: 130px; margin-right:10px;display: block;} #_quantDiv{width: 110px; display: margin-right:20px; display: none;} .cartItemQtd{width: 0px; display:none; margin-right:20px; display: none;} #_preDiv{width: 110px; margin-right:20px; display: none;} .cartItemPrice{width: 70px; margin-right:20px; display: none !important;} #_eliDiv{width: 110px;display: none;} .cartItemDel{width: 20px;display: block;} .allShare{ border-bottom:none !important;} .productsHead{ display:block; height:1px; padding-top:10px;} .sliderControls { width: 100%; height: auto; bottom: 0; position: absolute; overflow: hidden; margin-top: -50px; z-index: 99999; background: #fff; } #bxsliderItemInfoHome h3 { font-size:34px; margin:0 20px 0 20px;} .homeBoxRes{padding-top:0 !important; margin-top: -27px; padding-bottom: 0px !important; } .termosBoxRes{padding-top:50px !important; margin-top: -27px; padding-bottom: 0px !important; } #bx-pager-custom{top: -80px;} .teste{display:block; width:300px; margin:0 auto; background:#ddd; position:relative; top:-50px; border-bottom:1px solid #e9e9e9;} .bx-controls-direction{display:none;} .templateTitle h3 { font-size:26px;} .mask p { margin:0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); width: 100%; color: #fff; text-transform:uppercase; font-size:17px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mask:hover p { filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); } .info{ width:100%; height:70%; margin:0 auto; background:url('../images/mais.png') center no-repeat; } .bxsliderItem { width: 100%; height: 350px;} .bxSliderInfo { display:none;} .productDescriptionMini { margin: 7% 20px 10px 20px;} .contactExtra{width:300px; height:245px; margin-top:-30px; } .mapaInteriorDataContentsExtra{ padding: 20px;} .mapaInteriorDataContentsExtra h2{ font-size: 30px;} .mapaInterior { display: none;} .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; height: 300px; margin-bottom: 60px; } .container .one-third-third.column { width: 300px !important; height: 300px !important; margin: 0;} .container .one-third-about.column { width: 300px; height: 488px; margin-bottom: 60px; } .container .one-third-about.columnLast { width: 300px; height: 488px; margin-bottom: 60px; } /* HOME */ .container .one-third-home.column { width: 300px; height: 300px; margin-bottom: 60px; } .container .one-third-home.columnLast { width: 300px; height: 300px; margin-bottom: 60px; } /* STORE */ .container .one-third-home-store.column {width: 300px; height: 300px; margin-bottom: 70px;} .container .one-third-home-store.columnLast {width: 300px; height: 300px; margin-bottom: 70px;} .columnTitle-store {margin-top:260px; width: 260px;} .columnTitle-last-store {margin-top:260px; width: 260px;} .container .one-third-home-store.columnLast .mask .info { height: 70%; } .container .one-third-home-store.columnLast .mask p { margin-top: 35px; } .container .four.columns { width: 145px !important; margin-right: 10px !important; min-height: 280px; } .container .four.columnsLast { width: 145px !important; margin-right: 0px;} .sliderNewsImgStore { height: 145px;} .pinkBarStore{margin-bottom: 60px; margin-top: 13px;} .pinkBarStore h3{color:#FFF; text-align:center; padding-top: 23px; margin-bottom: 0; font-size: 22px; font-weight: normal;} .pinkBarStore p{color:#FFF; text-align:center; font-size: 13px; margin-bottom: 18px;} .productDescriptionBtn{text-decoration:none; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px;} .productDescriptionMini h3 {font-size: 34px;} .productDescription h3 {font-size: 34px;} .aboutPhoto { width: 300px; height: 274px;} .container .eight.columns { width: 300px !important; margin-right: 0px;} .container .eight.columnsLast { width: 300px !important; margin-right: 0px;} .sliderNewsImg { height: 176px; } #slider-next {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 28px 0;} #slider-prev {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 0px 0;} #slider-next:hover {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 28px 28px;} #slider-prev:hover {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 0px 28px;} /* WHAT WE DO */ .whatWeDo { width: 300px; margin: 0 auto;} .whatWeDoL { width: 300px; float: left; padding-top: 100%; } .whatWeDoR { width: 300px; float: left; } #whatText { margin: 40px 20px 20px 20px; padding-top: 55%; padding-bottom: 45px; } .extraPad{ padding: 0;} .slideProduct{ width: 100%;} .newsDetailContent { width: 100%;} .social1{ float: left; /*margin-left: 0%;*/} .social2{ float: left; /*margin-left: 10%;*/} .social3{ float: left; /*margin-left: 10%;*/} .social4{ float: left; /*margin-left: 10%;*/} .hoverNewsIcon{margin-left: 5%; float: left;} .newsDetailSocial { width: auto;} .newsDetailContent h2 { margin-top: 0;} .newsDetailArrows { height: 30px;} .newsDetailSocialBottom { display:block;} .newsDetailSocial { display:none;} /* PRODUCTS */ .productContent{ height: 640px; } .productContentContents { width: 300px;} .productContentVerticalImg{ height: 0px; width: 0px;} .productContentSimple{height: 400px; width: 300px;} .sliderControlsProdutcs { width: 300px; margin-top:0px;} .slideProduct{ width: 30%;} .productDescription {margin: 30px 30px auto 30px;} .productDescriptionBtn { width: 170px;} #productContentContentsT1{height:340px;} #productContentContentsT2{height:300px;} #productContentTwo{ height: 400px;} /* PRODUCTS DETAIL */ .productMiniPics{ width: 300px;} .sliderControlsProdutcsDetail{ width: 300px; top: -174px;} .bx-wrapper .bx-pager {padding-top: 0px;top: 320px !important;} /* MENU */ nav { display: block;} .hideMenusHeader{display: none;} /* PRODUCTS */ .hoverPhoto { width: 300px; height: 300px;} .productTypePhoto { width: 300px; height: 300px;} .productTypeText {width: 300px; height: auto; text-align: center; margin-top:0px; } .productTypeExtra{ display: block;} .encomendaBtn{ font-size: 14px; line-height: 40px; width: 180px; height: 40px; margin: 30px auto 30px auto;} .productTypes { display: none;} .manyMenus{ width: 300px; margin-top: 10px; margin-bottom: 10px;} .productsHeadMenu { float: left; padding: 5px 10px 5px 10px !important; margin: 0 5px 10px 5px;} .photoSmall{ width: 83px; height: 83px; margin-left: 8px; margin-right: 8px;} .columnTitle {margin-top:260px; width: 260px;} /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } .footerInt { max-width:350px; } .footerMenuL { margin-left: 0px; float: none; text-align: center;} .footerMenuR { float: none; display: inline-block; vertical-align: middle;} .footerDown { margin-left: 0; text-align: center;} .footerLineSeparator { height: 10px; margin-bottom: 10px; width: 100%; } .newsDetailPhoto{ height: 175px; } .productsHead { width: 100%; height: auto; background: #f3f3f3;} /* STORE */ .storeCatLeft { width: 100%; } .storeCatRight { width: 100%; } .storeCatRightTitle { width: 100%; height: 50px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;} .catRight { width: 100%; float: left; margin-right: 0px;} .catLeft { width: 100%; float: left; } .catRight .inputSend {width: 280px;} .catLeft .inputSend {width: 280px;} .catExtraA {width: 100%; float: left;} .catExtraB {width: 100%; float: left;} .catExtraA .inputSend {width: 280px; } .catExtraB .inputSend {width: 280px; } .storeResulItemImg{ width: 145px; height: 145px;} .storeResulItem{ width: 145px; float: left; margin-bottom: 20px; margin-right: 10px;} #storeResulItem2{ margin-right: 0 !important;} .sliderNewsContentStore h3 {font-size: 14px;} .sliderNewsContentStore h2 {font-size: 11px;} .sliderNewsContentStore p {font-size: 16px;} .manyMenusNav{ margin-left: 30px; margin-top: -2px;} #storeResulItem3{ margin-right: 10px !important;} #productTypeTextStore{ text-align: left; margin-top: 20px;} #productTypeTextStore h3 { color: #333; font-size: 26px; } #productTypeTextStore .storePrice { font-size: 22px;} #allShareStore {display: none;} #allShareStoreAlternate {display: block;} #containerStoreHide { display: none;} .catStoreAll { margin-top: 50px;} .catTermosAll { margin-top: 20px;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .apoiosInner{text-align:center;} #_artDiv{width: 130px; margin-right:20px;display: block;} .cartItemImg{width: 130px; margin-right:20px;display: block;} #_descDiv{width: 228px; margin-right:20px; display: none;} .cartItemDesc{width: 170px; margin-right:20px;display: block;} #_quantDiv{width: 110px; display: margin-right:20px; display: none;} .cartItemQtd{width: 0px; display:none; margin-right:20px; display: none;} #_preDiv{width: 110px; margin-right:20px; display: none;} .cartItemPrice{width: 70px; margin-right:20px;display: block;} #_eliDiv{width: 110px;display: none;} .cartItemDel{width: 30px;display: block;} .productsHead{/*display:none;*/ display:block; height:1px;} #bxsliderItemInfoHome h3 { font-size:34px; margin:0 20px 0 20px;} .homeBoxRes{padding-top:0 !important; padding-bottom: 0px !important;} .termosBoxRes{padding-top:50px !important; padding-bottom: 0px !important;} .sliderControls { width: 100%; height: auto; bottom: 0; position: absolute; overflow: hidden; margin-top: -50px; z-index: 99999; background: #fff; } #bx-pager-custom{top: -80px;} .teste{display:block; width:460px; margin:0 auto; position:relative; top:-50px; background:#ddd; border-bottom:1px solid #e9e9e9;} .bx-controls-direction{display:none;} .templateTitle h3 { font-size:26px;} .mask p { margin:0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); width: 100%; color: #fff; text-transform:uppercase; font-size:17px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mask:hover p { filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(160px); -moz-transform: translateY(160px); -o-transform: translateY(160px); -ms-transform: translateY(160px); transform: translateY(160px); } .info{ width:100%; height:80%; margin:0 auto; background:url('../images/mais.png') center no-repeat; } .bxsliderItem { width: 100%; height: 350px;} .bxSliderInfo { display:none;} .container { width: 460px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, /*.container .one-third.column,*/ .container .two-thirds.column { width: 300px; height: 300px; margin-bottom: 60px; } .container .one-third.column { width: 460px; height: 296px; margin-bottom: 20px; } .container .one-third.columnLast { width: 460px; height: 296px; margin-bottom: 20px; } .container .one-third-third.column { width: 460px !important; height: 460px !important; margin: 0;} .contactExtra{width:460px; height:220px; margin-top:-30px; } .mapaInteriorDataContentsExtra{ padding: 30px 60px 30px 60px; position: absolute;} .mapaInteriorDataContentsExtra h2{ font-size: 35px;} .mapaInterior { display: none;} /* HOME */ .container .one-third-home.column { width: 460px; height: 460px; margin-bottom: 60px; } .container .one-third-home.columnLast { width: 460px; height: 460px; margin-bottom: 60px; } .columnTitle {margin-top:425px; width: 420px;} .container .four.columns { width: 213px !important; margin-right: 36px !important; min-height: 360px; } .container .four.columnsLast { width: 213px !important; margin-right: 0px;} .sliderNewsImgStore { height: 213px;} /* STORE */ .container .one-third-home-store.column {width: 460px; height: 460px; margin-bottom: 70px;} .container .one-third-home-store.columnLast {width: 460px; height: 460px; margin-bottom: 70px;} .columnTitle-store {margin-top:424px; width: 420px;} .columnTitle-last-store {margin-top:424px; width: 420px;} .container .one-third-home-store.columnLast .mask .info { height: 80%; } .container .one-third-home-store.columnLast .mask p { margin-top: 35px; } .container .one-third-about.column { width: 460px; height: 600px; margin-bottom: 60px; } .container .one-third-about.columnLast { width: 460px; height: 600px; margin-bottom: 60px; } .aboutPhoto { width: 460px; height: 420px;} .container .eight.columns { width: 460px !important; margin-right: 0px; } .container .eight.columnsLast { width: 460px !important; margin-right: 0px;} .sliderNewsImg { height: 270px; } .pinkBarStore{margin-bottom: 60px; margin-top: 13px;} #slider-next {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 28px 0;} #slider-prev {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 0px 0;} #slider-next:hover {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 28px 28px;} #slider-prev:hover {width: 28px; height: 28px; background: url(../images/controlsMini.png); background-position: 0px 28px;} /* PRODUCTS */ .productContent{ height: 780px; } .productContentContents { width: 460px;} .productContentVerticalImg{ height: 412px; width: 0px;} .productContentSimple{height: 412px; width: 460px;} .sliderControlsProdutcs { width: 460px; margin-top:10px;} .slideProduct{ width: 30%;} .productDescription {margin: 60px 60px auto 60px;} .bx-wrapper .bx-pager {padding-top: 0px;top: 480px !important;} #productContentContentsT1{height:330px;} #productContentContentsT2{height:460px;} /* PRODUCTS DETAIL */ .productMiniPics{ width: 460px;} .sliderControlsProdutcsDetail{ width: 460px; top: -174px;} #productContentTwo{ height: 412px;} /* WHAT WE DO */ .whatWeDo { width: 460px; margin: 0 auto;} .whatWeDoL { width: 460px; float: left; padding-top: 100%; } .whatWeDoR { width: 460px; float: left; } #whatText {margin: 0px 30px 0px 30px; padding-top: 60%; } .extraPad{ padding: 0;} .slideProduct{ width: 100%;} /* MENU */ nav { display: block;} .hideMenusHeader{display: none;} /* PRODUCTS */ .hoverPhoto { width: 460px; height: 460px;} .productTypePhoto { width: 460px; height: 344px;} .productTypeText {width: 460px; height: auto; text-align: center; margin-top:0px; } .productTypeExtra{ display: block;} .photoSmall { width: 83px; height: 83px; margin-right: 15px; margin-left: 0px;} .encomendaBtn{ font-size: 14px; line-height: 40px; width: 180px; height: 40px; margin: 30px auto 30px auto;} .productTypes { display: none;} .manyMenus{ width: 460px;} .productsHeadMenu { float: left;} .newsDetailContent { width: 100%;} .social1{ float: left; /*margin-left: 0%;*/} .social2{ float: left; /*margin-left: 10%;*/} .social3{ float: left; /*margin-left: 10%;*/} .social4{ float: left; /*margin-left: 10%;*/} .hoverNewsIcon{margin-left: 10%; float: left;} .newsDetailSocial { width: auto;} .newsDetailContent h2 { margin-top: 0;} .newsDetailArrows { height: 30px;} .newsDetailSocialBottom { display:block;} .newsDetailSocial { display:none;} .footerInt { max-width:350px; } .footerMenuL { margin-left: 0px; float: none; text-align: center;} .footerMenuR { float: none; display: inline-block; vertical-align: middle;} .footerDown { margin-left: 0; text-align: center;} .footerLineSeparator { height: 10px; margin-bottom: 10px; width: 100%; } .newsDetailPhoto{ height: 268px; } .productsHead { width: 100%; height: auto; background: #f3f3f3;} /* STORE */ .storeCatLeft { width: 100%; } .storeCatRight { width: 100%; } .storeCatRightTitle { width: 100%; height: 50px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;} .catRight { width: 100%; float: left; margin-right: 0px;} .catLeft { width: 100%; float: left; } .catRight .inputSend {width: 440px;} .catLeft .inputSend {width: 440px;} .catExtraA {width: 100%; float: left;} .catExtraB {width: 100%; float: left;} .catExtraA .inputSend {width: 440px; } .catExtraB .inputSend {width: 440px; } .storeResulItemImg{ width: 220px; height: 220px;} .storeResulItem{ width: 220px; float: left; margin-bottom: 20px; margin-right: 20px;} #storeResulItem2{ margin-right: 0 !important;} .manyMenusNav{ margin-left: 30px; margin-top: -2px;} #storeResulItem3{ margin-right: 20px !important;} #productTypeTextStore{ text-align: left; margin-top: 20px;} #productTypeTextStore h3 { color: #333; font-size: 26px; } #productTypeTextStore .storePrice { font-size: 22px;} #allShareStore {display: none;} #allShareStoreAlternate {display: block;} #containerStoreHide { display: none;} .catStoreAll { margin-top: 50px;} .catTermosAll { margin-top: 20px;} } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }