/* Theme Name: Tema Power2fly Theme URI: http://www.docwings.pt/ Author: Docwings Lda. Author URI: http://www.docwings.pt/ Description: Tema personalizado Docwings Lda. Version: 1.0 License: proprietário License URI: Tags: */ /* reset default browser CSS - - - ! ! ! remember to define focus styles ! ! ! ! ! ! tables still need 'cellspacing="0"' in the markup ! ! ! based on the original Twenty Eleven Wordpress theme - - - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: 0; } table { border-collapse: separate; border-spacing: 0; } /* general classes - - - */ .gc-absolute { position: absolute; } .gc-body-center { display: block; margin: 0 auto; width: 1000px; } .gc-clear { clear: both; } .gc-dn { display: none !important; } /* font - - - */ @font-face { font-family: 'Open Sans'; src: url('OpenSans-Regular-webfont.eot'); src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Condensed'; src: url('Roboto-Condensed-webfont.eot'); src: url('Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Condensed-webfont.woff') format('woff'), url('Roboto-Condensed-webfont.ttf') format('truetype'), url('Roboto-Condensed-webfont.svg#robotocondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Bold-webfont.eot'); src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-ExtraBold-webfont.eot'); src: url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-ExtraBold-webfont.woff') format('woff'), url('OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: 800; font-style: normal; } select, input, textarea, button, html { color: #666; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; } a { color: #f92c08; text-decoration: none; transition: color 400ms; } a:hover { color: #F00; } /* background - - - */ html, body { background: #444; display: block; min-height: 100%; width: 100%; overflow: hidden; height: auto; } #body-wrapper { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #252525; overflow: auto; } #dwDB-backgrounds img#dwDB-image-one { z-index: 2; } /* pre-header - - - */ #pre-header { display: block; position: absolute; top: 0; left: 0; right: 0; background: url('img/black-90pc.png'); height: 50px; line-height: 50px; z-index: 99; } #pre-header > .c { display: block; margin: 0 auto; width: 75%; min-width: 1000px; max-width: 1370px; white-space: nowrap; position: relative; } #pre-header .langs { display: inline-block; zoom: 1; *display: block; } #pre-header .langs > a { display: inline-block; zoom: 1; *display: block; height: 50px; vertical-align: top; width: 19px; padding: 0 5px; opacity: 0.7; filter: none; transition: opacity 400ms; background-position: center center; background-repeat: no-repeat; } #pre-header .langs > a:hover { opacity: 1; filter: none; } #pre-header .langs > a:first-child { padding-left: 0; background-position: 0 center; } #pre-header .langs > a.pt { background-image: url('img/pt.png'); } #pre-header .langs > a.en { background-image: url('img/en.png'); } #pre-header .langs > a.es { background-image: url('img/es.png'); display: none !important; } #pre-header .langs > a.fr { background-image: url('img/fr.png'); } #pre-header .login-form { display: inline-block; zoom: 1; *display: block; height: 29px; line-height: 29px; vertical-align: middle; margin-bottom: 2px; margin-left: 15px; } #pre-header .login-form input, #pre-header .floater-right > .search-form input { display: inline-block; zoom: 1; *display: block; padding: 0 10px; height: 29px; vertical-align: top; line-height: 29px; color: #fff; font-size: 13px; background: #282828; transition: background-color 400ms; -webkit-appearance: none; border: 0; margin-right: 10px; width: 120px; } #pre-header .login-form input:hover, #pre-header .login-form input:focus, #pre-header .floater-right > .search-form input:hover, #pre-header .floater-right > .search-form input:focus { background: #444; } #pre-header .login-form input::-webkit-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .login-form input::-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .login-form input:-ms-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .login-form input:-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .login-form input[type="submit"], #pre-header .floater-right > .search-form input[type="submit"] { width: 29px; padding: 0; background: url('img/rarr3.png') center center no-repeat #444; transition: background-color 400ms; cursor: pointer; } #pre-header .login-form input[type="submit"]:hover, #pre-header .floater-right > .search-form input[type="submit"]:hover { background-color: #f92c08; } #pre-header .login-form span { display: inline-block; zoom: 1; *display: block; font-size: 11px; vertical-align: top; margin-top: -6px; } #pre-header .login-form span a { display: block; height: 20px; line-height: 20px; color: #666; text-align: left; text-transform: uppercase; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; } #pre-header .login-form span a:hover { color: #f92c08; } #pre-header .floater-right { display: block; position: absolute; right: 0; top: 0; text-align: right; white-space: nowrap; } #pre-header .floater-right > a { display: inline-block; zoom: 1; *display: block; width: 26px; height: 26px; margin: 0 0 2px; vertical-align: middle; background-position: center center; background-repeat: no-repeat; margin-right: 10px; } #pre-header .floater-right > a.cart { background-image: url('img/carta.png'); } #pre-header .floater-right > a.facebook { background-image: url('img/facebook.png'); } #pre-header .floater-right > a > span { display: block; height: 26px; width: 26px; opacity: 0; filter: alpha(opacity=0); transition: opacity 400ms; background-position: center center; background-repeat: no-repeat; } #pre-header .floater-right > a:hover > span { opacity: 1; filter: none; } #pre-header .floater-right > a.cart > span { background-image: url('img/carta2.png'); } #pre-header .floater-right > a.facebook > span { background-image: url('img/facebook2.png'); } #pre-header .floater-right > .search-form { display: inline-block; zoom: 1; *display: block; height: 29px; margin-bottom: 2px; padding-left: 10px; line-height: 29px; } #pre-header .floater-right > .search-form input::-webkit-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .floater-right > .search-form input::-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .floater-right > .search-form input:-ms-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .floater-right > .search-form input:-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #pre-header .floater-right > .search-form input[type="submit"] { background-image: url('img/lens.png'); } /* header - - - */ #header { display: block; position: absolute; top: 50px; left: 0; right: 0; background: url('img/black-90pc.png'); height: 94px; line-height: 94px; z-index: 100; } #header .logo { display: block; height: 159px; left: 50%; margin-left: -87px; margin-top: -41px; position: absolute; width: 174px; z-index: 10; } #header .logo img { display: block; height: 159px; width: 174px; } /* main menu - - - */ #fake-menu { display: none !important; } #main-menu { display: block; margin: 0 auto; width: 75%; min-width: 1000px; max-width: 1370px; white-space: nowrap; position: relative; } #main-menu > span { display: block; position: absolute; top: 0; white-space: nowrap; border-top: 1px solid #444; } #main-menu > span.left { left: 0; } #main-menu > span.righ { right: 0; } #main-menu > span > a { display: block; font-weight: 700; font-size: 16px; white-space: nowrap; display: inline-block; zoom: 1; *display: block; height: 94px; line-height: 94px; text-transform: uppercase; color: #fff; } #main-menu > span > a:hover, #main-menu > span > a.current { color: #f92c08; } #main-menu > span > a.current:hover { color: #F00; } #main-menu > span > a.notcurrent { color: #fff; } #main-menu > span > a.notcurrent:hover { color: #f92c08; } #main-menu.small > span > a { font-size: 14px; } /* index - - - */ #index-feature { display: block; position: relative; overflow: hidden; width: 100%; height: auto; min-height: 400px; background: #fff; } #index-feature .holder { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } #index-feature .holder img { display: block; position: absolute; top: 0; left: 0; } #index-feature .holder .slogan { right: 50%; position: absolute; bottom: 10%; display: block; z-index: 2; color: #FFFFFF; font-size: 68px; line-height: 70px; font-weight: bold; max-width: 50%; text-align: center; white-space: normal; } #index-feature .holder .slogan strong { font-weight: 800; display: block; font-size: 98px; line-height: 114px; text-transform: uppercase; } #index-feature .holder .slogan a { display: block; margin: 30px auto 0; font-weight: 800; text-transform: uppercase; text-align: center; width: 235px; height: 60px; line-height: 60px; border: 3px solid #fff; color: #fff; font-size: 22px; transition: border-color 400ms, color 400ms, background-color 400ms; background-color: transparent; } #index-feature .holder .slogan a:hover { background-color: #f92c08; border-color: #fff; color: #fff; } #index-feature .arrow { background-color: transparent; background-position: center center; background-repeat: no-repeat; border: 1px solid #FFFFFF; display: block; height: 64px; margin-top: 40px; position: absolute; top: 50%; width: 64px; z-index: 10; transition: border-color 400ms, color 400ms, background-color 400ms; } #index-feature .arrow:hover { background-color: #f92c08; } #index-feature .arrow.left { left: 5%; background-image: url('img/larr4.png'); } #index-feature .arrow.righ { right: 5%; background-image: url('img/rarr4.png'); } #index-white { background: #F2F2F2; display: block; } h2.index-title { color: #000000; display: block; font-size: 42px; font-weight: 800; line-height: 45px; padding: 70px 0 35px; text-align: center; text-transform: uppercase; } h2.index-title > span { display: inline-block; zoom: 1; *display: block; vertical-align: top; margin: 2px 10px 0 0; font-size: 22px; color: #f92c08; border-bottom: 5px solid #f92c08; font-weight: 700; line-height: 28px; } .home .selector { display: block; height: 30px; margin: -20px auto 20px; overflow: hidden; position: relative; width: 70px; } .home .selector > a { display: block; position: absolute; background: #d7d7d7; height: 30px; width: 30px; top: 0; right: 0; transition: color 400ms, background-color 400ms; line-height: 30px; text-align: center; color: #000; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; } .home .selector > a:first-child { left: 0; } .home .selector > a:hover { color: #fff; background-color: #f92c08; } #index-white .cat-holder { display: block; overflow: hidden; position: relative; text-align: left; white-space: nowrap; background: #000; } #index-white .cat-holder .holder { display: inline-block; zoom: 1; *display: block; height: auto; margin: 0; vertical-align: top; width: 25%; background: #000; position: relative; overflow: hidden; } #index-white .cat-holder .holder img { display: block; position: absolute; top: 0; left: 0; opacity: 0.3; filter: alpha(opacity=30); transition: opacity 400ms; } #index-white .cat-holder .holder:hover img { opacity: 1; filter: none; } #index-white .cat-holder .holder strong { display: block; position: absolute; top: 50%; left: 0; right: 0; margin: -27px auto 0; font-size: 18px; font-weight: 800; color: #fff; text-align: center; width: 177px; height: 52px; line-height: 52px; border: 2px solid #fff; transition: border-color 400ms, color 400ms, background-color 400ms; background-color: transparent; text-transform: uppercase; } #index-white .cat-holder .holder:hover strong { background-color: #f92c08; color: #fff; border-color: #fff; } #index-white .cat-holder .holder > span { display: block; position: absolute; top: 0; bottom: 50%; left: 0; right: 0; text-align: center; line-height: 200px; margin: 0 0 27px; color: #fff; font-size: 24px; } #index-white .cat-holder .holder > span > span { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin-bottom: 2px; max-width: 90%; white-space: normal; } #index-white .shop-holder { display: block; position: relative; text-align: left; white-space: nowrap; overflow: hidden; } #index-white .shop-holder > .c { display: block; margin: 0 auto; max-width: 1370px; min-width: 1000px; position: relative; white-space: nowrap; width: 75%; white-space: normal; padding-bottom: 40px; } #index-white .shop-holder > .c .m { display: block; margin-right: -30px; } #index-white .shop-holder > .c .m.wsnw { white-space: nowrap; } .shop-holder .holder { display: inline-block; zoom: 1; *display: block; overflow: hidden; position: relative; vertical-align: top; width: 25%; } .shop-holder .holder a.img { display: block; margin-right: 30px; } .shop-holder .holder a.img > span { border: 1px solid #AEAEAE; display: block; overflow: hidden; position: relative; transition: border-color 400ms; background: #FFF; } .shop-holder .holder a.img > span > img { display: block; left: 0; position: absolute; top: 0; } .shop-holder .holder a.img > strong { display: block; font-size: 14px; font-weight: 700; line-height: 15px; text-transform: uppercase; transition: color 400ms; color: #000; padding: 14px 0 0; } .shop-holder .holder a.img > strong > span { display: block; float: right; white-space: nowrap; font-size: 24px; color: #fc3008; margin: 0 0 0 20px; } .shop-holder .holder a.img:hover > span { border-color: #fc3008; } .shop-holder .holder a.img:hover > strong { color: #fc3008; } .addtocartform, .shop-holder .holder > form { display: block; padding: 14px 0 0; height: 70px; line-height: 50px; text-align: left; white-space: normal; } .addtocartform a.arrow, .shop-holder .holder > form a.arrow { display: inline-block; zoom: 1; *display: block; vertical-align: top; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; transition: border-color 400ms, color 400ms, background-color 400ms; background-color: transparent; width: 21px; background-repeat: no-repeat; height: 38px; background-position: 5px center; } .addtocartform a.arrow > span, .shop-holder .holder > form a.arrow > span { display: block; height: 38px; width: 21px; opacity: 0; filter: alpha(opacity=0); transition: opacity 400ms; background-repeat: no-repeat; } .addtocartform a.arrow.left, .shop-holder .holder > form a.arrow.left { background-image: url('img/larr5.png'); border-left: 1px solid #c2c2c2; background-position: 9px center; } .addtocartform a.arrow.left > span, .shop-holder .holder > form a.arrow.left > span { background-image: url('img/larr6.png'); background-position: 9px center; } .addtocartform a.arrow.righ, .shop-holder .holder > form a.arrow.righ { background-image: url('img/rarr5.png'); border-right: 1px solid #c2c2c2; background-position: 5px center; } .addtocartform a.arrow.righ > span, .shop-holder .holder > form a.arrow.righ > span { background-image: url('img/rarr6.png'); background-position: 5px center; } .addtocartform a.arrow:hover, .shop-holder .holder > form a.arrow:hover { border-color: #fc3008; background-color: #fc3008; } .addtocartform a.arrow:hover > span, .shop-holder .holder > form a.arrow:hover > span { opacity: 1; filter: none; } .addtocartform span, .shop-holder .holder > form span, .shop-holder .holder > form > .quantity { display: inline-block; zoom: 1; *display: block; height: 40px; vertical-align: top; white-space: nowrap; line-height: 40px; } .addtocartform span.hover > a.arrow, .addtocartform span:hover > a.arrow, .addtocartform span.hover > input[type="text"], .addtocartform span:hover > input[type="text"], .addtocartform span.hover > input[type="password"], .addtocartform span:hover > input[type="password"], .shop-holder .holder > form span.hover > a.arrow, .shop-holder .holder > form span:hover > a.arrow, .shop-holder .holder > form span.hover > input[type="text"], .shop-holder .holder > form span:hover > input[type="text"], .shop-holder .holder > form span.hover > input[type="password"], .shop-holder .holder > form span:hover > input[type="password"] { border-color: #fc3008; } .addtocartform input[type="text"], .shop-holder .holder > form input[type="text"], .addtocartform input[type="password"], .shop-holder .holder > form input[type="password"] { display: inline-block; zoom: 1; *display: block; height: 38px; line-height: 38px; -webkit-appearance: none; padding: 0; margin: 0; border-width: 1px 0; border-style: solid; border-color: #c2c2c2; transition: border-color 400ms, color 400ms; background: transparent; text-align: center; font-size: 18px; color: #9a9a9a; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; vertical-align: top; width: 27px; } .addtocartform input[type="text"]:focus, .addtocartform input[type="text"]:hover, .shop-holder .holder > form input[type="text"]:focus, .shop-holder .holder > form input[type="text"]:hover, .addtocartform input[type="password"]:focus, .addtocartform input[type="password"]:hover, .shop-holder .holder > form input[type="password"]:focus, .shop-holder .holder > form input[type="password"]:hover { color: #000; border-color: #fc3008; } .addtocartform input[type="submit"], #contacts-form-holder input[type="submit"], .shop-holder .holder > form input[type="submit"] { display: inline-block; zoom: 1; *display: block; height: 40px; line-height: 40px; -webkit-appearance: none; padding: 0 12px; border-width: 1px; border-style: solid; border-color: #c2c2c2; transition: border-color 400ms, color 400ms, background-color 400ms; background: transparent; text-align: center; font-size: 14px; color: #9a9a9a; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; vertical-align: top; width: auto; margin: 0 0 0 10px; text-transform: uppercase; cursor: pointer; } .addtocartform input[type="submit"]:hover, #contacts-form-holder input[type="submit"]:hover, .shop-holder .holder > form input[type="submit"]:hover { background-color: #fc3008; color: #FFF; border-color: #fc3008; } #index-white .shop-holder .pre-holder { display: inline-block; zoom: 1; *display: block; white-space: normal; width: 25%; vertical-align: top; } #index-white .shop-holder .pre-holder .holder { width: 100%; } #index-more-white { background: #FFFFFF; position: relative; overflow: hidden; } #index-more-white .brand-holder { display: block; height: 140px; padding-bottom: 50px; line-height: 140px; white-space: nowrap; text-align: center; margin: 0 auto; max-width: 1370px; min-width: 1000px; position: relative; width: 75%; } #index-more-white .brand-holder > .c { display: block; margin-right: -30px; } #index-more-white .brand-holder .holder { display: inline-block; zoom: 1; *display: block; height: 140px; overflow: hidden; position: relative; vertical-align: top; width: 16.6667%; line-height: 140px; text-align: center; } #index-more-white .brand-holder .holder > span { display: block; height: 100%; width: auto; margin-right: 30px; position: relative; overflow: hidden; background: #f2f2f2; } #index-more-white .brand-holder .holder > span img { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin-bottom: 2px; max-width: 90%; max-height: 90%; width: auto; height: auto; } /* footer - - - */ #footer .holder { display: block; margin: 0 auto; max-width: 1370px; min-width: 1000px; position: relative; white-space: nowrap; width: 75%; white-space: normal; padding: 30px 0; color: #fff; font-size: 13px; line-height: 21px; } #footer .holder > span { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 350px; max-width: 25%; text-align: left; } #footer .holder > span > img { float: left; margin-bottom: -2px; margin-left: -35px; margin-top: -2px; } #footer .holder > span.morada, #footer .holder > span.telema { padding-left: 35px; } #footer .holder > a > img { bottom: 30px; position: absolute; right: 0; display: block; } /* general content - - - */ .alignright { float: right; margin: 20px 0 20px 20px; } .alignnone, .alignleft { float: left; margin: 20px 20px 20px 0; } .aligncenter { display: block; margin: 20px auto; } .content strong { font-weight: bolder; } .content em { font-style: italic; } .content p, .content ul, .content ol { /* padding-bottom: 0.7em; */ line-height: 1.5em; text-align: justify; } .content p[align="left"] { text-align: left; } .content p[align="right"] { text-align: right; } .content p[align="center"] { text-align: center; } .content img { max-width: 100%; height: auto; } .content li { list-style: disc inside none; padding-left: 18px; text-indent: -15px; } .content img, .content iframe { max-width: 100%; } /* page - - - */ #page-holder { position: absolute; z-index: 3; top: 110px; bottom: 46px; left: 0; right: 0; margin: 25px 0; } #page-content { position: absolute; width: 800px; padding: 25px; margin: 0 0 0 -426px; border: 1px solid #fff; background: url('img/white-90pc.png'); color: #000; top: 0; left: 50%; } .page-template-default #contacts-text-holder { float: none; width: auto; } .page-template-default #contect-stitle h1 { position: relative; z-index: 2; } .page-template-default #contect-stitle > span { background-color: #252525; bottom: 0; display: block; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; right: 0; top: 0; } #single-page-gal { display: block; float: right; margin: -15px 0 20px 25px; width: 302px; } #single-page-gal > a { display: block; height: 200px; margin: 15px 0 0; overflow: hidden; position: relative; width: 300px; border: 1px solid #AEAEAE; transition: border-color 400ms; } #single-page-gal > a:hover { border-color: #FC3008; } #single-page-gal > a > img { display: block; height: auto; max-width: none; width: auto; } /* scroll - - - */ .scroll-wrapper { max-height: 100%; overflow: hidden !important; padding: 0; position: relative; } .scroll-wrapper > .scroll-content { position: relative; width: auto; border: none; height: auto; left: 0; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; max-height: none !important; max-width: none; overflow: auto; overflow-x: hidden; overflow-y: scroll; padding: 0; top: 0; } .scroll-wrapper > .scroll-content.scroll-scrolly_show { padding-right: 40px; } .scroll-wrapper > .scroll-content.scroll-scrolly_show .resizable { padding-bottom: 17px; } .scroll-wrapper > .scroll-element.scroll-y .scroll-bar div, .scroll-wrapper > .scroll-element.scroll-y .scroll-element_inner-wrapper div .scroll-wrapper > .scroll-element.scroll-x { display: none !important; } .scroll-wrapper > .scroll-element, .scroll-wrapper > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scroll-wrapper > .scroll-element.scroll-y { height: 100% !important; right: 0; top: 0; width: 16px; } .scroll-wrapper > .scroll-element.scroll-y .scroll-arrow { opacity: 0.2; transition: opacity 400ms; cursor: pointer; display: block; z-index: 12; height: 17px; width: 100%; } .scroll-wrapper > .scroll-element.scroll-y .scroll-arrow:hover { opacity: 1; filter: none; } .scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_less { top: 0; } .scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_more { bottom: 0; } .scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-element_outer { top: 14px; background: none; width: 100%; bottom: 14px; height: auto; } .scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-element_size { top: 14px; bottom: 14px; height: auto; width: 100%; } .scroll-wrapper > .scroll-element.scroll-y .scroll-bar { border-radius: 5px; margin-left: 3px; min-height: 16px; opacity: 0.2; filter: alpha(opacity=20); transition: opacity 400ms; width: 11px; cursor: pointer; padding-bottom: 12px; } .scroll-wrapper > .scroll-element.scroll-y .scroll-bar:hover { opacity: 1; filter: none; } .scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_less { background-image: url('img/a.png'); } .scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_more { background-image: url('img/v.png'); } .scroll-wrapper > .scroll-element.scroll-y .scroll-bar { background: #000; } /* single - - - */ #single-gallery-left { display: block; float: left; margin: 0 0 20px; } #single-gallery-left .main { display: block; margin: 0 30px 0 0; } #single-gallery-left .main a { border: 1px solid #AEAEAE; transition: border-color 400ms; position: relative; overflow: hidden; display: block; width: 298px; height: 298px; } #single-gallery-left .main a:hover { border-color: #FC3008; } #single-gallery-left .main a img { display: block; max-width: none; position: absolute; top: 0; left: 0; } /* products - - - */ .page-template-template-products #page-whiter { padding-top: 144px; } .page-template-template-products #page-holding > .sidebar { background: #EBEBEB; float: left; line-height: 20px; text-align: left; width: 270px; } .page-template-template-products #page-holding > .sidebar h2 { cursor: pointer; transition: color 400ms; background: url('img/tl.png') no-repeat 16px 14px #252525; color: #FFFFFF; display: block; font-size: 16px; font-weight: bold; height: 50px; line-height: 50px; margin: 0; padding: 0 0 0 50px; text-transform: uppercase; } .page-template-template-products #page-holding > .sidebar h2:hover { color: #f92c08; } .page-template-template-products #page-holding > .sidebar .holder { display: block; height: 50px; line-height: 50px; overflow: hidden; position: relative; text-align: left; } .page-template-template-products #page-holding > .sidebar .holder > .main { color: #000000; display: block; font-size: 14px; font-weight: normal; height: 49px; line-height: 50px; padding: 0 18px; text-align: left; position: relative; z-index: 1; border-bottom: 1px solid #e1e1e1; } .page-template-template-products #page-holding > .sidebar .holder > span { display: block; position: absolute; right: 18px; top: 25px; margin-top: -5.5px; width: 11px; height: 11px; background: url('img/p.png') center center #959595; transition: background-color 400ms; z-index: 0; } .page-template-template-products #page-holding > .sidebar .holder > span.hover, .page-template-template-products #page-holding > .sidebar .holder > span:hover { background-color: #f92c08; } .page-template-template-products #page-holding > .sidebar .holder > .sub { color: #000000; display: block; font-size: 14px; font-weight: normal; height: 49px; line-height: 50px; padding: 0 18px; text-align: left; position: relative; z-index: 1; border-bottom: 1px solid #e1e1e1; font-size: 12px; opacity: 0.5; filter: alpha(opacity=50); transition: opacity 400ms, color 400ms; } .page-template-template-products #page-holding > .sidebar .holder > a:hover { color: #f92c08; opacity: 1; filter: none; } .page-template-template-products #page-holding > .sidebar .holder > a > span { display: inline-block; zoom: 1; *display: block; vertical-align: middle; line-height: 20px; } .page-template-template-products h1.prodct-title { color: #000000; display: block; font-size: 42px; font-weight: 800; line-height: 45px; padding: 0 0 20px; text-align: center; text-transform: uppercase; } .page-template-template-products h1.prodct-title > span { border-bottom: 5px solid #F92C08; color: #F92C08; display: inline-block; zoom: 1; *display: block; font-size: 22px; font-weight: 700; line-height: 28px; margin: 2px 10px 0 0; vertical-align: top; } .page-template-template-products #page-holding > .product-path { display: block; font-size: 14px; font-weight: 700; height: 20px; line-height: 20px; margin: -51px 0 31px; text-align: left; } .page-template-template-products #page-holding > .product-path a { color: #000; display: inline-block; zoom: 1; *display: block; padding-right: 5px; } .page-template-template-products #page-holding > .product-path a:hover { color: #f92c08; } .page-template-template-products #page-holding > .product-path a span { display: inline-block; zoom: 1; *display: block; vertical-align: middle; padding-left: 3px; } .page-template-template-products #page-holding > .content { display: block; margin-left: 300px; margin-right: -30px; min-height: 100px; text-align: left; } .page-template-template-products #page-holding > .content .holder.cat { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 33.3333%; } .page-template-template-products #page-holding > .content .holder.cat a { background: #FFFFFF; border: 1px solid #D9D9D9; display: block; margin: 0 30px 30px 0; padding: 20px; text-align: center; } .page-template-template-products #page-holding > .content .holder.cat a > strong { display: block; margin: 0; width: 295px; height: 295px; position: relative; overflow: hidden; box-shadow: 0 1px 3px #888; background: #000 } .page-template-template-products #page-holding > .content .holder.cat a > strong > img { display: block; max-width: none; position: absolute; top: 0; left: 0; transition: opacity 400ms; opacity: 1; filter: alpha(opacity=100);; } .page-template-template-products .shop-holder .holder a.img > span > span, .page-template-template-products #page-holding > .content .holder.cat a > strong > span { display: block; position: absolute; z-index: 10; left: 50%; top: 50%; background-color: #F92C08; border: 2px solid #FFF; color: #FFFFFF; font-size: 18px; font-weight: 800; height: 52px; line-height: 52px; margin: -27px 0 0 -50px; text-align: center; text-transform: uppercase; transition: opacity 400ms; opacity: 0; filter: alpha(opacity=0); width: 96px; } .page-template-template-products .shop-holder .holder a.img:hover > span > span, .page-template-template-products #page-holding > .content .holder.cat a:hover > strong > span { opacity: 1; filter: none; } .page-template-template-products #page-holding > .content .holder.cat a:hover > strong > img { opacity: 0.3; filter: alpha(opacity=30); } .page-template-template-products #page-holding > .content .holder.cat a > span { color: #000000; display: block; font-size: 16px; font-weight: 700; padding: 16px 0 0; text-align: center; text-transform: uppercase; white-space: normal; transition: color 400ms; } .page-template-template-products #page-holding > .content .holder.cat a:hover > span { color: #f92c08; } .page-template-template-products #page-holding > .sidebar .holder > .main.current { background-color: rgba(0, 0, 0, 0.05); } .page-template-template-products #page-holding > .sidebar .holder > .sub.current { background: #DFDFDF; filter: none; opacity: 1; } .page-template-template-products #page-holding > .content.shop-holder .holder { width: 33%; } .page-template-template-products .shop-holder .holder a.img > span { transition: background-color 400ms; } .page-template-template-products .shop-holder .holder a.img:hover > span { background-color: #000; } .page-template-template-products .shop-holder .holder a.img > span > img { transition: background-color 400ms; opacity: 1; filter: alpha(opacity=1000); transition: opacity 400ms; } .page-template-template-products .shop-holder .holder a.img:hover > span > img { opacity: 0.3; filter: alpha(opacity=30); } /* contacts - - - */ #contect-stitle { background-position: center center; background-size: cover; color: #FFFFFF; display: block; height: 250px; line-height: 250px; margin-top: 144px; position: relative; text-align: center; } #contect-stitle h1 { display: inline; font-weight: 800; text-shadow: 0 2px 4px #000000; text-transform: uppercase; font-size: 54px; } #page-whiter { display: block; background: #f2f2f2; } #page-holding { display: block; margin: 0 auto; width: 75%; max-width: 1370px; min-width: 1000px; padding: 55px 0; } #contacts-text-holder { display: block; float: right; width: 405px; } #contacts-text-holder h2 { color: #000000; display: block; font-size: 14px; font-weight: normal; line-height: 26px; } #contacts-form-holder { display: block; float: left; } #contacts-form-holder label { color: #000000; display: block; height: 26px; line-height: 26px; } #contacts-form-holder input[type="text"], #contacts-form-holder input[type="password"], #contacts-form-holder textarea, #contacts-form-holder select { background: #DFDFDF; transition: background-color 400ms; color: #000; border: 0; -webkit-appearance: none; display: block; height: 24px; line-height: 34px; margin-bottom: 14px !important; padding: 10px; width: 100%; } #contacts-form-holder textarea { min-height: 168px; } #contacts-form-holder .inputparent { display: block; margin-right: 20px; } #contacts-form-holder input[type="submit"] { display: block; margin-left: auto !important; } #the-map { display: block; float: right; clear: right; width: 405px; height: 337px; background-color: #FFFFFF; margin-top: 33px; } #the-map .gm-style-iw, #the-map .gm-style-iw * { overflow: visible !important; } /* gallery - - - */ .dw-gallery { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; clear: both; position: relative; } .dw-gallery .overflower { width: 100%; position: relative; overflow: hidden; min-height: 200px; } .dw-gallery .overflower > div img { display: block; height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; width: auto; z-index: 1; background: url("img/loading.gif") no-repeat scroll center center #000000; } .dw-gallery .overflower > div img.right { left: 150%; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .dw-gallery .overflower > div img.left { left: -50%; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .dw-gallery .overflower > div { bottom: 0; display: block; left: 75px; position: absolute; right: 75px; top: 0; overflow: hidden; } .dw-gallery .overflower a { display: block; height: 1px; width: 1px; position: absolute; z-index: 0; opacity: 0; filter: alpha ( opacity = 0 ); } .dw-gallery .overflower a.current { height: auto; width: auto; top: 0; right: 75px; bottom: 0; left: 75px; border: 5px solid #FFF; z-index: 3; transition: opacity 400ms; background: url('img/black-50pc.png'); } .dw-gallery .overflower a.current:hover { opacity: 1; filter: alpha ( opacity = 100 ); } .dw-gallery .overflower a.current span { background: url('img/fullscreen.gif') no-repeat center center #000; bottom: 0; display: block; left: 0; opacity: 0.4; filter: alpha ( opacity = 40 ); position: absolute; right: 0; top: 0; } .dw-gallery .overflower > span, .dw-gallery > span, #feature .holder > span { position: absolute; z-index: 4; width: 75px; height: 100%; right: 0; cursor: pointer; min-width: 19px; } .dw-gallery .overflower > span, .dw-gallery > span, #feature .holder > span { background: url('img/spanleft.png') center center repeat-y; } .dw-gallery .overflower > span:first-child, .dw-gallery > span.first-child, #feature .holder > span:first-child { left: 0; } .dw-gallery .overflower > span:first-child, .dw-gallery > span.first-child, #feature .holder > span:first-child { background: url('img/spanright.png') center center repeat-y; } .dw-gallery .overflower > span span, .dw-gallery > span span, #feature .holder > span span { height: 100%; display: block; width: 100%; position: absolute; background: url('img/rarr.png') 0 center no-repeat; right: 0; } .dw-gallery .overflower > span:hover span, .dw-gallery > span:hover span, #feature .holder > span:hover span { background-position: -75px center; } .dw-gallery .overflower > span:first-child span, .dw-gallery > span.first-child span, #feature .holder > span:first-child span { background-image: url('img/larr.png'); } .dw-gallery .floater { height: 100px; margin: 10px 75px; overflow: hidden; padding: 5px; text-align: left; white-space: nowrap; position: relative; overflow: hidden; } .dw-gallery .floater img { box-shadow: 0 2px 5px #000; cursor: pointer; margin: -1px 4px -1px -1px; border: 1px solid #FFF; height: 100px; width: 100px; opacity: 0.5; filter: alpha ( opacity = 50 ); transition: opacity 400ms; } .dw-gallery .floater img:hover, .dw-gallery .floater img.current { opacity: 1; filter: alpha ( opacity = 100 ); } .dw-gallery > span { height: 110px; margin-top: 10px; } .dw-gallery > span span { bottom: 5px; height: auto; top: 5px; background-image: url('img/rarr2.png'); } .dw-gallery > span.first-child span { background-image: url('img/larr2.png'); } .dw-gallery .floater > div { position: absolute; left: 0px; text-indent: 5px; min-width: 100%; overflow: visible !important; } #ie6 .dw-gallery .overflower a.current:hover, #ie7 .dw-gallery .overflower a.current:hover, #ie8 .dw-gallery .overflower a.current:hover { background: none; } /* patch - 15 - 09 - 24 */ #index-feature .holder .slogan strong, #index-feature .holder .slogan span { text-shadow: 0 2px 4px #000; } #index-feature .holder .slogan a, #index-feature .arrow { box-shadow: 0 2px 4px #000; background-color: rgba(0,0,0,0.3); } /* patch - 15 - 10 - 03 */ .page-template-template-products #page-holding > .sidebar h2.second { margin-bottom: -70px; margin-top: 20px; } .page-template-template-products #page-holding > .sidebar { margin-bottom: 70px; } .shop-holder .holder a.img > strong > span > strong { color: #000000; display: inline-block; zoom: 1; *display: block; font-size: 14px; font-weight: normal; margin-bottom: 2px; opacity: 0.5; filter: alpha(opacity=50); padding-right: 5px; text-decoration: line-through; vertical-align: middle; } /* patch - 15 - 10 - 16 */ #single-gallery-left .small { display: block; margin-right: 10px; text-align: left; white-space: normal; width: 319px; } #single-gallery-left .small a { border: 1px solid #AEAEAE; display: inline-block; zoom: 1; *display: block; margin: 10px 10px 0 0; overflow: hidden; position: relative; transition: border-color 400ms; vertical-align: top; width: 91px; } #single-gallery-left .small a:hover { border-color: #FC3008; } #single-gallery-left .small a img { display: block; height: 91px; width: 91px; } h2.product-title { color: #000000; display: block; font-size: 16px; font-weight: 700; line-height: 20px; padding: 0 0 14px; text-transform: uppercase; } #single-gallery-right.active { display: block; float: right; margin-left: -30px; } #single-rpduct-price { color: #FC3008; display: block; font-size: 24px; font-weight: 700; line-height: 15px; text-transform: uppercase; margin-bottom: 20px; line-height: 42px; position: relative; } #single-rpduct-price strong { color: #000000; display: block; font-size: 14px; font-weight: normal; opacity: 0.5; filter: alpha(opacity=50); padding-right: 5px; text-decoration: line-through; vertical-align: middle; line-height: 15px; } #single-product-form { margin-top: -12px; padding: 0; } #single-rpdiuct-share { display: block; text-align: left; line-height: 15px; margin: -20px -10px 20px 0; } #single-rpdiuct-share a { display: inline-block; zoom: 1; *display: block; height: 30px; line-height: 30px; padding: 0 10px; white-space: nowrap; background: #F2F2F2; color: #9A9A9A; border: 1px solid #C2C2C2; transition: border-color 400ms, color 400ms, background-color 400ms; margin: 10px 10px 0 0; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; } #single-rpdiuct-share a.facebook:hover { border-color: #3B5998; background: #3B5998; color: #fff; } #single-rpdiuct-share a.twitter:hover { border-color: #28A9E0; background: #28A9E0; color: #fff; } #single-rpdiuct-share a.googleplus:hover { border-color: #D95032; background: #D95032; color: #fff; } #single-rpdiuct-share a span { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin-top: -4px; height: 16px; width: 16px; margin-right: 6px; background-position: center center; background-repeat: no-repeat; } #single-rpdiuct-share a span img { display: block; height: 16px; width: 16px; opacity: 0; filter: alpha(opacity=0); transition: opacity 400ms; } #single-rpdiuct-share a:hover span img { opacity: 1; filter: none; } /* patch - 15 - 11 - 19 */ #single-rpduct-price strong { display: inline-block; zoom: 1; *display: block; padding-left: 10px; } #single-rpduct-price span { color: #666666; display: inline-block; zoom: 1; *display: block; font-size: 14px; font-weight: normal; padding-left: 5px; text-transform: none; vertical-align: middle; } /* patch - 15 - 11 - 23 */ #related-products > .content.shop-holder { margin-right: -30px; overflow: hidden; white-space: nowrap; } #related-products > .content.shop-holder .holder { white-space: normal; } /* patch - 15 - 11 - 24 */ .page-template-template-outlet #page-holding > .content { margin-left: 0px; } .page-template-template-products.page-template-template-outlet #page-holding > .content.shop-holder .holder { width: 25%; } .page-template-template-register #contect-stitle > h1 { position: relative; z-index: 1; } .page-template-template-register #contect-stitle > span { background-color: #000000; display: block; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; right: 0; top: 0; } .page-template-template-contacts #contacts-text-holder { float: none; width: auto; } .page-template-template-register #contacts-form-holder { float: none; width: auto !important; } /* patch - 15 - 11 - 27 */ .page-template-template-news.page-template-template-products #page-holding > .content { margin-left: 0; } .page-template-template-news.page-template-template-products #page-holding > .content .holder.cat { width: 25%; } #contacts-form-holder input[type="text"].error, #contacts-form-holder input[type="password"].error, #contacts-form-holder textarea.error { box-shadow: 0 0 0 1px #f00 inset; } /* patch - 15 - 12 - 02 */ .referencei { font-size: 90%; margin: 10px 0 -10px; } .single #page-whiter { margin-top: 144px; } /* patch - 15 - 12 - 04 */ #main-login-f { display: block; margin-right: -50px; text-align: left; } #main-login-f > .h { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 50%; } #main-login-f > .h > .m { display: block; margin-right: 50px; } #main-login-f > .h > .m > h1.titlle { color: #000000; display: block; font-size: 23px; font-weight: 800; line-height: 25px; text-align: center; text-transform: uppercase; padding-bottom: 25px; } #main-login-f .login-button { border: 1px solid #C2C2C2; color: #9A9A9A; display: block; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; height: 38px; line-height: 38px; margin: 26px auto 0; max-width: 230px; text-align: center; text-transform: uppercase; transition: border-color 400ms, color 400ms, background-color 400ms; } #main-login-f .login-button:hover { background-color: #FC3008; border-color: #FC3008; color: #FFFFFF; } /* patch - 15 - 12 - 16 */ p.marginbottom15 { margin-bottom: 15px; } #pre-header .login-form span a.as { color: #AAAAAA; font-size: 13px; height: 40px; line-height: 40px; margin-left: 10px; } #pre-header .login-form span a.as:hover { color: #F92C08; } #main-login-f.c { text-align: center; } #main-login-f.c > * { text-align: left; } /* patch - 15 - 12 - 22 */ #contacts-form-holder div.g-recaptcha { display: block; } #contacts-form-holder div.g-recaptcha > .inputparent > div { display: block; margin: 0 -21px 12px auto; } /* patch - 16 - 01 - 11 */ #contacts-form-holder select { height: 44px; line-height: normal !important; } #contacts-form-holder .inputparent.select { margin-right: 0px; } /* patch - 16 - 01 - 12 */ .shop-holder .holder > form { clear: both; } .shop-holder .holder > .preco { color: #FC3008; display: block; font-size: 24px; font-weight: bold; margin-right: 30px; padding: 10px 0 0; text-align: right; } .form-cart-items table.shop_table .product-quantity > .quantity, .content.shop-holder > form.cart > .quantity, #single-gallery-right form.cart > .quantity, .shop-holder .holder > form > .quantity { float: none; margin: 0; border: 1px solid #C2C2C2; height: 38px; line-height: 38px; transition: border-color 400ms; background: url('img/larr5.png') 8px center no-repeat transparent; } .form-cart-items table.shop_table .product-quantity > .quantity:hover, .content.shop-holder > form.cart > .quantity:hover, #single-gallery-right form.cart > .quantity:hover, .shop-holder .holder > form > .quantity:hover { border-color: #FC3008; } .form-cart-items table.shop_table .product-quantity > .quantity > input[type="button"], .content.shop-holder > form.cart > .quantity > input[type="button"], #single-gallery-right form.cart > .quantity > input[type="button"], .shop-holder .holder > form > .quantity > input[type="button"] { background-color: #FC3008; opacity: 0; filter: alpha(opacity=0); text-align: left; overflow: hidden; text-indent: -99px; background-position: 5px center; background-repeat: no-repeat; border-bottom: 1px solid #FC3008; border-top: 1px solid #FC3008; display: inline-block; zoom: 1; *display: block; height: 40px; transition: opacity 400ms; vertical-align: top; width: 21px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; margin: -1px !important; } .form-cart-items table.shop_table .product-quantity > .quantity > input[type="button"].minus, .content.shop-holder > form.cart > .quantity > input[type="button"].minus, #single-gallery-right form.cart > .quantity > input[type="button"].minus, .shop-holder .holder > form > .quantity > input[type="button"].minus { background-image: url("img/larr6.png"); background-position: 9px center; } .form-cart-items table.shop_table .product-quantity > .quantity > input[type="button"].plus, .content.shop-holder > form.cart > .quantity > input[type="button"].plus, #single-gallery-right form.cart > .quantity > input[type="button"].plus, .shop-holder .holder > form > .quantity > input[type="button"].plus { background-image: url("img/rarr6.png"); background-position: 5px center; } .form-cart-items table.shop_table .product-quantity > .quantity > input[type="button"]:hover, .content.shop-holder > form.cart > .quantity > input[type="button"]:hover, #single-gallery-right form.cart > .quantity > input[type="button"]:hover, .shop-holder .holder > form > .quantity > input[type="button"]:hover { opacity: 1; filter: none; } .form-cart-items table.shop_table .product-quantity > .quantity > input.qty, .content.shop-holder > form.cart > .quantity > input.qty, #single-gallery-right form.cart > .quantity > input.qty, .shop-holder .holder > form > .quantity > input.qty { -webkit-appearance: none; appearance: none; -moz-appearance: none; background: url('img/rarr5.png') right center no-repeat; border: 0; color: #9A9A9A; display: inline-block; zoom: 1; *display: block; font-family: 'Roboto Condensed','Open Sans',Arial,Helvetica,sans-serif; font-size: 18px; height: 38px; line-height: 38px; margin: 0 -10px 0 0 !important; padding: 0 10px 0 0; text-align: center; transition: border-color 400ms, color 400ms; vertical-align: top; width: 27px; } .form-cart-items table.shop_table .product-quantity > .quantity > input.qty:focus, .content.shop-holder > form.cart > .quantity > input.qty:focus, #single-gallery-right form.cart > .quantity > input.qty:focus, .shop-holder .holder > form > .quantity > input.qty:focus { color: #FC3008; } .content.shop-holder > form.cart > .button-alt, #single-gallery-right form.cart > .button-alt, .shop-holder .holder > form > .button-alt { background: none; border-color: #C2C2C2; border-style: solid; border-width: 1px; color: #9A9A9A; cursor: pointer; display: inline-block; zoom: 1; *display: block; font-family: 'Roboto Condensed','Open Sans',Arial,Helvetica,sans-serif; font-size: 14px !important; height: 40px; line-height: 40px; margin: 0 0 0 10px; padding: 0 12px; text-align: center; text-transform: uppercase; transition: border-color 400ms, color 400ms, background-color 400ms; vertical-align: top !important; width: auto; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0px; float: none; } .content.shop-holder > form.cart > .button-alt:hover, #single-gallery-right form.cart > .button-alt:hover, .shop-holder .holder > form > .button-alt:hover { background-color: #FC3008; border-color: #FC3008; color: #FFFFFF; } #index-white .shop-holder { padding-top: 15px; } h2.index-title.a { padding-bottom: 20px; } body div.jigoshop_error, body div.jigoshop_message { background-color: #FFFFFF; background-position: 15px center; margin: 10px auto; padding: 15px 10px 15px 42px; width: 75%; min-width: 943px; line-height: 1.5em; } body a.button, body #payment #place_order, body td.actions .button-alt, body div.jigoshop_error a.button, body div.jigoshop_message a.button { border-radius: 0; font-size: 14px !important; font-weight: 700; margin: -3px 0 -10px; padding: 7px 12px; text-transform: uppercase; background: #F92C08; transition: opacity 400ms; opacity: 0.8; filter: alpha(opacity=80); } body a.button:hover, body #payment #place_order:hover, body td.actions .button-alt:hover, body div.jigoshop_error a.button:hover, body div.jigoshop_message a.button:hover { opacity: 1; filter: none; } .shop-holder .holder > .preco em { color: #888888; display: inline-block; zoom: 1; *display: block; font-size: 13px; font-weight: normal; padding-right: 5px; text-transform: lowercase; vertical-align: middle; } .shop-holder .holder > .preco strong { color: #444444; display: inline-block; zoom: 1; *display: block; font-size: 18px; font-weight: normal; margin-top: -4px; padding-left: 10px; text-decoration: line-through; vertical-align: middle; } .shop-holder .holder > .preco > span { color: #888888; font-size: 14px; } /* patch - 16 - 01 - 13 */ .cart-collaterals { display: none; } .content.shop-holder > form.cart, #single-gallery-right form.cart { clear: none; float: none; margin: -12px 0 0; width: auto; height: 70px; line-height: 70px; text-align: left; display: block; } .content.shop-holder > form.cart > .quantity, #single-gallery-right form.cart > .quantity { display: inline-block; zoom: 1; *display: block; vertical-align: top; } #order_review table.shop_table, .form-cart-items table.shop_table { background: #FFFFFF; border-radius: 0; } #order_review table.shop_table th, .form-cart-items table.shop_table th { font-size: 15px; height: 40px; line-height: 40px; text-transform: uppercase; } #order_review table.shop_table .product-remove, .form-cart-items table.shop_table .product-remove { width: 12px; } #order_review table.shop_table .product-thumbnail, .form-cart-items table.shop_table .product-thumbnail { text-align: center; width: 32px; } #order_review table.shop_table .product-price, .form-cart-items table.shop_table .product-price { text-align: right; width: 130px; } #order_review table.shop_table .product-quantity, .form-cart-items table.shop_table .product-quantity { text-align: center; width: 130px; } #order_review table.shop_table .product-quantity > .quantity, .form-cart-items table.shop_table .product-quantity > .quantity { display: inline-block; zoom: 1; *display: block; width: 65px; } #order_review table.shop_table .product-subtotal, .form-cart-items table.shop_table .product-subtotal { padding-right: 20px !important; text-align: right; width: 130px; } #order_review table.shop_table td.product-price, #order_review table.shop_table td.product-subtotal, .form-cart-items table.shop_table td.product-price, .form-cart-items table.shop_table td.product-subtotal { font-size: 16px; } #dw-search-holder { display: block; margin-right: -30px; text-align: left; } #dw-search-holder > .c { display: inline-block; zoom: 1; *display: block; position: relative; vertical-align: top; width: 100%; margin-bottom: 30px; } #dw-search-holder > .c > * { margin-right: 30px; } #dw-search-holder > .c > h2 { font-size: 16px; font-weight: 700; line-height: 21px; padding-bottom: 10px; text-transform: uppercase; } #dw-search-holder > .c > h2 > a { color: #000; } #dw-search-holder > .c > h2 > a:hover { color: #FF0000; } #dw-search-holder > .c > h2 > a > .t { display: block; float: left; height: 150px; margin: 0 20px 10px 0; overflow: hidden; position: relative; width: 250px; border: 1px solid #AEAEAE; transition: border-color 400ms; background: #fff; } #dw-search-holder > .c > h2 > a:hover > .t { border-color: #FF0000; } #dw-search-holder > .c > h2 > a > .t > img { display: block; margin: 0; top: 0; left: 0; max-width: none; position: absolute; } #dw-search-holder > .c > p.more { padding-top: 10px; text-align: right; } #nav-below { clear: both; display: block; height: 30px; line-height: 30px; text-transform: uppercase; } #nav-below .nav-previous { float: right; } body.fr #index-feature .holder .slogan a { width: 400px; } /* patch - 16 - 01 - 15 */ #pre-header .langs:first-child { display: none; } #pre-header .login-form input, #pre-header .floater-right > .search-form input { font-size: 12px; padding: 0 7px; } #pre-header .login-form input[type="text"] { margin-left: -15px; } @media screen and (max-width: 1770px) { #index-feature .holder .slogan { font-size: 40px; line-height: 42px; } #index-feature .holder .slogan strong { font-size: 60px; line-height: 70px; } } @media screen and (max-width: 1420px) { #pre-header .login-form input[type="password"] { border-left: 1px solid #555; border-right: 1px solid #555555; margin-left: -10px; margin-right: 0; } } @media screen and (max-width: 1320px) { #pre-header .login-form input[type="text"], #pre-header .login-form input[type="password"] { width: 110px; } } @media screen and (max-width: 1270px) { #index-feature .holder .slogan { right: 0; left: 0; margin: 0 auto !important; max-width: 70%; } } .langs-dropper { z-index: 100000; background-color: #0C0E0F; background-position: center 0; background-repeat: no-repeat; display: inline-block; zoom: 1; *display: block; height: 0; line-height: 26px; margin: 12px 6px 0 3px; cursor: pointer; overflow: hidden; padding-top: 26px; position: relative; vertical-align: top; width: 38px; transition: height 400ms; } .langs-dropper.open { height: 83px; cursor: default; } .langs-dropper > a { text-transform: uppercase; color: #fff; font-size: 10px; height: 26px; display: block; text-align: right; line-height: 26px; cursor: pointer; position: relative; padding-right: 4px; } .langs-dropper > a:hover { color: #f92c08; } .langs-dropper > a > span { display: block; position: absolute; height: 9px; width: 13px; top: 8px; left: 4px; background-position: center center; background-repeat: no-repeat; } .langs-dropper.pt { background-image: url('img/ptflag.png'); } .langs-dropper > a.pt > span { background-image: url('img/pti.png'); } .langs-dropper.en { background-image: url('img/enflag.png'); } .langs-dropper > a.en > span { background-image: url('img/eni.png'); } .langs-dropper.es { background-image: url('img/esflag.png'); } .langs-dropper > a.es > span { background-image: url('img/esi.png'); } .langs-dropper.fr { background-image: url('img/frflag.png'); } .langs-dropper > a.fr > span { background-image: url('img/fri.png'); } #onetorulethemal { display: block; position: absolute; z-index: 1; left: 0; right: 0; } #pre-header { z-index: auto; } #pre-header .login-form > span:first-child > a.as:first-child { margin-left: -15px; } /* patch - 16 - 01 - 18 */ body td.actions .button-alt { margin-bottom: 3px; margin-top: 3px; color: #fff !important; } #customer_details h3, h3#order_review_heading, h3#payment_methods_heading { display: block; font-size: 24px; font-weight: 700; padding-bottom: 20px; text-transform: uppercase; } #order_review table.shop_table td { line-height: 1.5em; } #order_review table.shop_table td.product-name { width: 60%; } h3#payment_methods_heading, #customer_details h3 { font-size: 20px; } body #payment ul.payment_methods li { list-style: none outside none; padding-left: 0; text-indent: 0; } #customer_details input[type="text"], #customer_details input[type="password"], #customer_details select, #customer_details textarea { background-color: #DFDFDF; border: 1px solid #DFDFDF; color: #000000; display: block; height: 34px; line-height: 20px; margin-bottom: 14px; padding: 7px 10px; transition: background-color 400ms; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-shadow: none !important; } #customer_details textarea { min-height: 120px; resize: vertical; } #customer_details label { color: #000000; display: block; height: 26px; line-height: 26px; cursor: pointer; } div.shipping-address { clear: both; } #customer_details #shiptobilling label { display: inline; } body .checkout .jigoshop-validated input.input-text { background-image: url('img/acceptedyzarc.png') !important; } #payment { line-height: 1.5em; } body #payment div.payment_message { margin-top: 25px; } body #payment ul.payment_methods, body #payment div.form-row { padding: 20px 25px; } ul.order_details li { line-height: 1.5em; list-style: none outside none; padding-top: 15px; } .page-id-53 #contacts-text-holder > p > a.button { margin-top: 20px; transition: opacity 400ms; opacity: 0.8; filter: alpha(opacity=80); background-color: #F92C08 !important; } .page-id-53 #contacts-text-holder > p > a.button:hover { opacity: 1; filter: none; } #single-product-form { margin-left: -10px; margin-top: 3px; } #contacts-form-holder.prod { float: none; margin: -20px 0 20px; overflow: hidden; position: relative; height: 0px; } #single-product-form > input { background-color: #FFF000; border-color: #000000; color: #000000; } #single-product-form > input:hover { background-color: #FC3008; border-color: #FC3008; color: #FFFFFF; } #FSContact4, #FSContact5, #FSContact6 { padding-bottom: 10px; } /* patch - 16 - 01 - 19 */ body div.jigoshop_message { border-color: #F92C08; color: #F92C08; background-image: url('img/success.png'); } #pre-header .floater-right > a.cart { position: relative; } #pre-header .floater-right > a.cart > strong { background: #F92C08; border-radius: 50%; color: #FFFFFF; display: block; font-size: 12px; height: 20px; left: -10px; line-height: 20px; position: absolute; text-align: center; text-indent: 0; top: -6px; width: 20px; } body #payment div.form-row > div, body #payment ul.payment_methods, h3#payment_methods_heading, body .col2-set .col-2 { display: none !important; } body .col2-set .col-1 { width: auto; float: none; display: block; } body .form-row-first, body .form-row-last { width: 49%; } body .checkout .jigoshop-validated select { border-color: #DFDFDF !important; } body .checkout #payment { background: none; padding: 0; border: 0; } body #payment div.form-row { padding: 0; border: 0; } body #payment div.form-row > input[type="submit"] { margin-bottom: 0 !important; margin-top: 0 !important; } /* patch - 16 - 01 - 21 */ #page-holding > h2 { color: #000000; font-size: 20px; font-weight: 700; line-height: 1.5em; text-transform: uppercase; } #page-holding > h2.extratitle { padding-top: 20px; clear: both; } #page-holding > #the-map:first-child { margin-top: 0; } #contacts-form-holder { width: auto !important; float: none; } .page-template-template-contacts #single-page-gal { margin: 0; position: absolute; right: 12.5%; } .page-template-template-contacts #page-holding { max-width: none; min-width: 1px; } .page-template-default.page-template-template-contacts #single-page-gal { margin: -15px 0 20px 25px; position: relative; right: auto; } /* patch - 16 - 01 - 27 */ #index-white .cat-holder .holder > span > span { line-height: 30px; text-shadow: 0 1px 3px #000; } /* patch - 16 - 02 - 02 */ .home .selector.a { margin-top: 0; } /* patch - 16 - 02 - 04 */ .page-template-template-products #page-holding > .product-path { height: auto; width: 370px; } .page-template-template-products #page-holding > .product-path.sp { width: auto; } .page-template-template-products #page-holding > .product-path a { white-space: nowrap; } @media screen and (max-width: 1500px) { .page-template-template-products #page-holding > .product-path { width: 300px; } } .shop-holder .holder > form { float: none; height: auto; margin-right: 30px; width: auto; } .form-cart-items table.shop_table .product-quantity > .quantity, .content.shop-holder > form.cart > .quantity, #single-gallery-right form.cart > .quantity, .shop-holder .holder > form > .quantity { margin-right: 10px; } .content.shop-holder > form.cart > .button-alt, #single-gallery-right form.cart > .button-alt, .shop-holder .holder > form > .button-alt { margin: 0; } /* patch - 16 - 02 - 11 */ .form-cart-items table.shop_table .product-quantity > .quantity { margin-right: 0; } /* patch - 16 - 03 - 03 */ #index-white .cat-holder .holder > span > span { opacity: 1; filter: none; transition: opacity 400ms; } #index-white .cat-holder .holder:hover > span > span { opacity: 0; filter: alpha(opacity=0); } /* mobile - - - */ #footer .holder > a.facebook { display: none !important; } #mobile-online-title, #mobile-menu { display: none; } @media screen and (max-width: 1000px) , screen and (max-height: 500px) { html, body { overflow: auto; } #body-wrapper { position: relative; overflow: hidden; height: auto; width: 100%; } #single-gallery-left .small, .page-template-template-products h2.product-title, .notmobile, #page-holding > .sidebar, #page-holding > .product-path, #main-menu, #pre-header { display: none !important; } #onetorulethemal { position: relative; } #header { height: 100px; position: relative; top: auto; } #header .logo { margin-left: -68.5px; margin-top: -10px; width: 137px; } #header .logo img { height: 125px; margin: 0 auto; width: auto; } #index-feature { min-height: 350px; } #index-feature .arrow { height: 40px; margin-top: -21px; width: 40px; } #index-feature .arrow.left { left: 10px; } #index-feature .arrow.righ { right: 10px; } #index-feature .holder .slogan { font-size: 20px; line-height: 22px; } #index-feature .holder .slogan strong { font-size: 30px; line-height: 36px; } #index-feature .holder .slogan a { border-width: 2px; font-size: 18px; height: 40px; line-height: 40px; width: 162px; } .page-template-template-products h1.prodct-title, h2.index-title { font-size: 28px; line-height: 32px; padding: 25px 0 30px; } .page-template-template-products h1.prodct-title > span, h2.index-title > span { border-bottom-width: 2px; font-size: 14px; line-height: 18px; margin-top: 4px; } #index-white .shop-holder .pre-holder, #index-white .cat-holder .holder { width: 33.3333%; } #index-white .cat-holder .holder > span { font-size: 16px; } #index-white .cat-holder .holder > span > span { line-height: 21px; } #index-white .cat-holder .holder strong { border-width: 1px; font-size: 14px; height: 40px; line-height: 40px; margin-top: -21px; width: 150px; } #index-white .shop-holder > .c { min-width: 0px; width: 90%; padding-bottom: 20px; } .shop-holder .holder { width: 33.3333%; } .shop-holder .holder > .preco { font-size: 18px; text-align: center; } .shop-holder .holder > form { margin-right: 30px; width: auto; float: none; padding-bottom: 20px; } .shop-holder .holder > form > .quantity { display: block; margin: 0 auto; width: 65px; height: 33px; } .shop-holder .holder > form > .quantity > input[type="button"] { height: 35px; } .shop-holder .holder > form > .quantity > input.qty { height: 33px; line-height: 33px; } .shop-holder .holder > form > .button-alt { margin: 5px auto 0; display: block; } #index-white .shop-holder > .c .m.wsnw { overflow: hidden; } .shop-holder .holder a.img > strong { height: 30px; overflow: hidden; } #index-more-white .brand-holder { min-width: 1px; width: 90%; } #index-more-white .brand-holder .holder { width: 20%; } #index-more-white .brand-holder > .c { overflow: hidden; } #footer .holder { min-width: 1px; overflow: hidden; padding: 20px; width: auto; } #footer .holder > a > img { right: 20px; } #mobile-menu { display: block; position: absolute; width: 36px; height: 47px; background: url('img/mobile-menu.png') center center no-repeat; background-size: contain; left: 20px; margin-top: -23.5px; top: 50%; } #the-true-mobile-menu { background: #FFFFFF !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 41px; display: block; height: 6px; left: 0; line-height: 6px; margin: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; padding: 0; position: absolute; text-indent: 99px; top: 0; width: 36px; z-index: 100; } #contect-stitle { height: 150px; line-height: 150px; margin-top: 0; } #contect-stitle h1 { display: inline-block; zoom: 1; *display: block; font-size: 30px; line-height: 32px; vertical-align: middle; white-space: normal; } #page-holding { padding: 25px 20px; width: auto; } .page-template-default.page-template-template-contacts #single-page-gal { float: none; margin: -15px 0 20px; text-align: center; width: auto; } #single-page-gal > a { display: inline-block; zoom: 1; *display: block; height: 100px; margin: 14px 7px 0; vertical-align: top; width: 150px; } .page-template-template-products #page-whiter { padding-top: 0px; } #page-holding { min-width: 0; overflow: hidden; position: relative; } .page-template-template-products #page-holding > .content { margin-left: 0; } body div.jigoshop_error, body div.jigoshop_message { min-width: 1px; width: auto; } #mobile-online-title { border: 0; color: #000000; display: inline; font-size: 18px; margin: 0; text-align: center; white-space: normal; } #single-gallery-left { float: none; margin: 0 auto; max-width: 330px; } #single-gallery-right.active { clear: both; float: none; margin: 0 30px 0 0; padding-top: 30px; width: auto !important; } #single-gallery-left .main a { width: auto; } #single-gallery-left .main { margin-bottom: -15px; margin-top: -15px; } .page-template-template-news.page-template-template-products #page-holding > .content .holder.cat, .page-template-template-products.page-template-template-outlet #page-holding > .content.shop-holder .holder { width: 33.3333%; } .content .alignnone, .content .alignleft, .content .alignright { max-width: 50%; } .single #page-whiter { margin-top: 0; } .page-template-template-contacts #page-holding { margin: 0 !important; width: auto !important; } #the-map { float: none; width: auto; margin-bottom: 20px; } .page-template-template-contacts #single-page-gal { float: none; margin: 0 20px !important; padding-bottom: 25px; position: relative; right: auto !important; width: auto; text-align: center; } body.home div.jigoshop_error, body.home div.jigoshop_message { margin-left: 20px; margin-right: 20px; } div.jigoshop_error a.button, div.jigoshop_message a.button { margin-bottom: 5px !important; margin-left: 10px !important; } .page-template-template-contacts #page-holding { width: auto !important; margin-left: 0px !important; } #the-map { float: none; margin-bottom: 15px; width: auto; height: 250px; } .page-template-template-contacts #single-page-gal { position: relative; float: none; width: auto; text-align: center; right: auto !important; margin: 0 10px !important; padding-bottom: 20px; white-space: normal; } #order_review table.shop_table .product-subtotal, .form-cart-items table.shop_table .product-subtotal { width: 85px; white-space: nowrap; } #order_review table.shop_table, .form-cart-items table.shop_table, #order_review table.shop_table td.product-price, #order_review table.shop_table td.product-subtotal, .form-cart-items table.shop_table td.product-price, .form-cart-items table.shop_table td.product-subtotal { font-size: 12px; } .page-id-51 #order_review table.shop_table td { text-align: center; } .page-id-51 #order_review table.shop_table td:first-child { text-align: left; } .page-id-51 #order_review table.shop_table td:last-child, .page-id-51 #order_review table.shop_table th:last-child { text-align: right; white-space: nowrap; } .page-id-51 #order_review table.shop_table tfoot tr:last-child td:last-child, .page-id-51 #order_review table.shop_table tfoot tr:last-child th:last-child { white-space: normal; min-width: 70px; } #customer_details input[type="text"], #customer_details input[type="password"], #customer_details select, #customer_details textarea { margin-bottom: 0px; } .page-template-template-products #page-holding > .content .holder.cat a > span { font-size: 14px; } #pre-header { display: block !important; height: 0 !important; } #pre-header > .c { min-width: 1px; width: 100%; } #pre-header .login-form { display: none; } .langs-dropper { margin-right: 0; right: 20px; top: 25px; } #pre-header .floater-right > a, #pre-header .floater-right > .search-form { display: none !important; } #footer .holder > a.facebook { border: 5px solid transparent; display: block !important; height: 16px; margin: 3px auto 15px; width: 79px; background-image: url('img/facebook5.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; } } @media screen and (max-width: 940px) { #footer .holder > span { display: block; margin: 0 auto; max-width: 230px; padding-bottom: 10px; text-align: center; width: auto; } #footer .holder > span.morada, #footer .holder > span.telema { padding-right: 35px; } #footer .holder > a > img { bottom: auto; margin: 10px auto 0; position: relative; right: auto; } } @media screen and (max-width: 900px) { #index-more-white .brand-holder .holder { width: 25%; } } @media screen and (max-width: 750px) { #order_review table.shop_table .product-thumbnail, .form-cart-items table.shop_table .product-thumbnail { display: none; } body .form-row-first, body .form-row-last { float: none; width: auto; } body .form-row label.hidden { visibility: visible; } } @media screen and (max-width: 700px) { #index-more-white .brand-holder .holder { width: 33.333%; } .page-template-template-products #page-holding > .content .holder.cat { width: 50%; } #contacts-form-holder > form { padding-bottom: 15px; } } @media screen and (max-width: 660px) { #order_review table.shop_table th, .form-cart-items table.shop_table th { font-size: 12px; } } @media screen and (max-width: 595px) { #order_review table.shop_table .product-price, .form-cart-items table.shop_table .product-price { display: none; } #order_review table.shop_table .product-quantity, .form-cart-items table.shop_table .product-quantity { width: 75px; } #order_review table.shop_table td.product-price, #order_review table.shop_table td.product-subtotal, .form-cart-items table.shop_table td.product-price, .form-cart-items table.shop_table td.product-subtotal { width: 70px; } } @media screen and (max-width: 575px) { .page-template-template-news.page-template-template-products #page-holding > .content .holder.cat, .page-template-template-products.page-template-template-outlet #page-holding > .content.shop-holder .holder, .page-template-template-products #page-holding > .content.shop-holder .holder, #index-white .shop-holder .pre-holder, #index-white .cat-holder .holder, .shop-holder .holder { width: 50%; } #main-login-f > .h { display: block; width: auto; } #main-login-f > .h:first-child { padding-bottom: 30px; } #main-login-f > .h > .m > h1.titlle { padding-bottom: 0px; } #main-login-f > .h:first-child > .m > h1.titlle { padding-bottom: 10px; } } @media screen and (max-width: 500px) { #index-more-white .brand-holder { height: 100px; line-height: 100px; } #index-more-white .brand-holder .holder { height: 100px; line-height: 100px; } .content p, .content ul, .content ol { text-align: left; } } @media screen and (max-width: 450px) { .page-id-45 #order_review table.shop_table th, .page-id-45 .form-cart-items table.shop_table th, body.page-id-45 td.actions .button-alt.checkout-button:first-child { display: none; } } @media screen and (max-width: 425px) { .page-template-template-news.page-template-template-products #page-holding > .content .holder.cat, .page-template-template-products.page-template-template-outlet #page-holding > .content.shop-holder .holder, .page-template-template-products #page-holding > .content.shop-holder .holder, .page-template-template-products #page-holding > .content .holder.cat { width: 100%; } } @media screen and (max-width: 385px) { #index-white .shop-holder .pre-holder, #index-white .cat-holder .holder, .shop-holder .holder { width: 100%; } #index-more-white .brand-holder .holder { width: 50%; } }