/* 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; } */ @font-face { font-family: 'Open Sans'; src: url('ubuntu-r-webfont.eot'); src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu-r-webfont.woff2') format('woff2'), url('ubuntu-r-webfont.woff') format('woff'), url('ubuntu-r-webfont.ttf') format('truetype'), url('ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('ubuntu-m-webfont.eot'); src: url('ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu-m-webfont.woff2') format('woff2'), url('ubuntu-m-webfont.woff') format('woff'), url('ubuntu-m-webfont.ttf') format('truetype'), url('ubuntu-m-webfont.svg#ubuntumedium') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('ubuntu-b-webfont.eot'); src: url('ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu-b-webfont.woff2') format('woff2'), url('ubuntu-b-webfont.woff') format('woff'), url('ubuntu-b-webfont.ttf') format('truetype'), url('ubuntu-b-webfont.svg#ubuntubold') format('svg'); font-weight: 800; font-style: normal; } input, textarea, select, html { color: #666; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; } a { color: #df9525; text-decoration: none; transition: color 400ms; } a:hover { color: #f92c08; } /* background - - - */ html, body { background: #505050; display: block; min-height: 100%; width: 100%; overflow: hidden; height: auto; } #body-wrapper { display: block; height: 100%; width: 100%; overflow: auto; position: absolute; } #dwDB-backgrounds { position: fixed; top: 0; bottom: 0; margin: 0; right: 0; left: 0; background: #f1f1f1; overflow: hidden; z-index: 1; } #dwDB-backgrounds img { position: absolute; display: block; z-index: 1; opacity: 0.01; filter: alpha(opacity=1); } #dwDB-backgrounds div { position: absolute; height: 100%; width: 100%; z-index: 3; } #dwDB-backgrounds img#dwDB-image-one { z-index: 2; } /* pre-header - - - */ #header > .w > .pre-header { position: relative; height: 50px; } #header > .w > .pre-header > .cell { display: block; position: absolute; left: 0; right: 0; height: 29px; top: 0; padding: 10px 0; border-bottom: 1px solid #444444; line-height: 30px; } #header > .w > .pre-header > .cell.left { right: 50%; margin-right: 155px; } #header > .w > .pre-header > .cell.left > .link { color: #ccc; text-transform: uppercase; font-size: 11px; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; } #header > .w > .pre-header > .cell.left > .link:hover { color: #df9525; } #header > .w > .pre-header > .cell.left > .form { display: inline-block; vertical-align: top; height: 29px; line-height: 29px; } #header > .w > .pre-header > .cell.left > .form > .field { display: inline-block; padding: 0 7px; height: 29px; vertical-align: top; line-height: 29px; color: #fff; font-size: 12px; background: #282828; transition: background-color 400ms; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; margin-right: 10px; width: 120px; } #header > .w > .pre-header > .cell.left > .form > .field:hover, #header > .w > .pre-header > .cell.left > .form > .field:focus { background-color: #444; } #header > .w > .pre-header > .cell.left > .form > .field:-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.left > .form > .field::-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.left > .form > .field:-ms-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.left > .form > .field::-webkit-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.left > .form > .submit { width: 29px; padding: 0; background: url('img/rarr3.png') 10px center no-repeat #444; transition: background-color 400ms; cursor: pointer; } #header > .w > .pre-header > .cell.left > .form > .submit:hover { background-color: #df9525; } #header > .w > .pre-header > .cell.left > .links { margin-top: -5px; display: inline-block; vertical-align: top; } #header > .w > .pre-header > .cell.left > .links > .link { display: block; color: #ccc; text-align: left; text-transform: uppercase; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; } #header > .w > .pre-header > .cell.left > .links > .link:hover { color: #df9525; } #header > .w > .pre-header > .cell.right { left: 50%; margin-left: 155px; text-align: right; } #header > .w > .pre-header > .cell.right > .langs { cursor: pointer; z-index: 100000; background-color: #0C0E0F; display: inline-block; height: 0; line-height: 26px; margin: 2px 10px 0 0; overflow: hidden; padding-top: 26px; position: relative; vertical-align: top; width: 38px; transition: height 400ms, margin-bottom 400ms; } #header > .w > .pre-header > .cell.right > .langs.hover { height: 78px; margin-bottom: -78px; } #header > .w > .pre-header > .cell.right > .langs > .current { display: block; width: 30px; height: 26px; margin: -26px auto 0; position: relative; overflow: hidden; } #header > .w > .pre-header > .cell.right > .langs > .current > img { display: block; width: 30px; height: 26px; margin-top: -2px; } #header > .w > .pre-header > .cell.right > .langs > .s { display: block; height: 26px; position: relative; overflow: hidden; width: 38px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; } #header > .w > .pre-header > .cell.right > .langs > .s > .f { display: inline-block; vertical-align: top; width: 13px; height: 26px; position: relative; padding-left: 4px; } #header > .w > .pre-header > .cell.right > .langs > .s > .f > img { display: block; position: absolute; top: 50%; left: 50%; width: 13px; height: 9px; margin: -4.5px -6.5px; } #header > .w > .pre-header > .cell.right > .langs > .s > .t { display: inline-block; vertical-align: top; width: 21px; text-align: center; transition: color 400ms; } #header > .w > .pre-header > .cell.right > .langs > .s:hover > .t { color: #df9525; } #header > .w > .pre-header > .cell.right > .social { display: inline-block; vertical-align: top; width: 26px; height: 26px; margin-top: 2px; margin-right: 10px; overflow: hidden; position: relative; } #header > .w > .pre-header > .cell.right > .social > .normal, #header > .w > .pre-header > .cell.right > .social:hover > .hover { display: block; position: absolute; top: 50%; left: 50%; margin: -11px -10px; opacity: 1; filter: none; transition: opacity 400ms; } #header > .w > .pre-header > .cell.right > .social > .hover { z-index: 2; display: block; position: absolute; top: 50%; left: 50%; margin: -11px -10px; opacity: 0; filter: alpha(opacity=0); transition: opacity 400ms; } #header > .w > .pre-header > .cell.right > .search { display: inline-block; vertical-align: top; height: 29px; line-height: 29px; } #header > .w > .pre-header > .cell.right > .search > .field { display: inline-block; padding: 0 7px; height: 29px; vertical-align: top; line-height: 29px; color: #fff; font-size: 12px; background: #282828; transition: background-color 400ms; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; margin-right: 10px; width: 120px; } #header > .w > .pre-header > .cell.right > .search > .field:hover, #header > .w > .pre-header > .cell.right > .search > .field:focus { background-color: #444; } #header > .w > .pre-header > .cell.right > .search > .field:-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.right > .search > .field::-moz-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.right > .search > .field:-ms-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.right > .search > .field::-webkit-input-placeholder { color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #header > .w > .pre-header > .cell.right > .search > .field.submit { width: 29px; padding: 0; background: url('img/lens.png') center center no-repeat #444; transition: background-color 400ms; cursor: pointer; margin-right: 0; } #header > .w > .pre-header > .cell.right > .search > .field.submit:hover { background-color: #df9525; } /* header - - - */ #header { height: 144px; position: absolute; left: 0; right: 0; top: 0; background-color: rgba(80,80,80,0.9); z-index: 10; overflow: hidden; } #header > .w { width: 75%; max-width: 1370px; min-width: 1000px; position: relative; margin: 0 auto; } #header > .w > .logo { display: block; position: absolute; top: 38px; left: 50%; width: 250px; height: 67px; margin-left: -125px; z-index: 10; } #header > .w > .logo > .i { display: block; margin: -33.216666px -125px; width: 250px; position: absolute; top: 50%; left: 50%; } /* main menu - - - */ #header > .w > .main-menu { display: block; height: 94px; position: relative; } #header > .w > .main-menu > .cell { display: block; position: absolute; left: 0; right: 0; height: 94px; bottom: 0; line-height: 94px; white-space: nowrap; } #header > .w > .main-menu > .cell > a { display: inline-block; vertical-align: top; font-size: 16px; line-height: 94px; text-transform: uppercase; color: #fff; padding: 0 30px; font-weight: bold; } #header > .w > .main-menu > .cell > a:hover, #header > .w > .main-menu > .cell > a.current { color: #df9525; } #header > .w > .main-menu > .cell.left { right: 50%; margin-right: 155px; } #header > .w > .main-menu > .cell.right { left: 50%; margin-left: 155px; } #header > .w > .main-menu > .disposable-menu { display: block; position: absolute; top: 0; left: 0; height: 0px; width: 0px; overflow: hidden; } /* index - - - */ #index-features { display: block; position: relative; overflow: hidden; width: 100%; height: auto; min-height: 544px; height: 700px; background: #fff; } #index-features > .c { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } #index-features > .c > .i { display: block; position: absolute; left: 100%; top: 0; height: 100%; width: 100%; overflow: hidden; } #index-features > .c > .i:first-child { left: 0%; } #index-features > .c > .i > .m { display: block; position: absolute; top: 0; left: 0; } #index-features > .c > .i > .w { display: block; margin: 50px auto; max-width: 1370px; width: 75%; min-width: 1000px; position: absolute; top: 144px; left: 0; right: 0; bottom: 0; } #index-features > .c > .i > .w > .l { display: block; position: absolute; bottom: 0; right: 0; left: 30%; text-align: center; } #index-features > .c > .i > .w > .l > p { font-weight: 800; display: block; font-size: 92px; line-height: 100px; text-transform: uppercase; text-align: center; text-shadow: 0 2px 4px #000; color: #fff; } #index-features > .c > .i > .w > .l > .i { display: block; padding-top: 30px; } #index-features > .c > .i > .w > .l > .i > .n { display: inline-block; 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: rgba(0,0,0,0.3); box-shadow: 0 2px 4px #000; } #index-features > .c > .i > .w > .l > .i > .n:hover { background-color: #df9525; border-color: #fff; color: #fff; } #index-features > .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; box-shadow: 0 2px 4px #000; background-color: rgba(0,0,0,0.3); } #index-features > .arrow > span { color: #fff; display: block; position: absolute; top: 50%; height: 20px; text-align: center; line-height: 11px; width: 20px; left: 50%; margin: -10px; font-size: 28px; } #index-features > .arrow.left { left: 5%; } #index-features > .arrow.right { right: 5%; } #index-features > .arrow:hover { background-color: #df9525; } #index-categories { background-color: #F2F2F2; display: block; width: 100%; overflow: hidden; } #index-categories > .w { width: 75%; max-width: 1370px; min-width: 1000px; position: relative; margin: 0 auto; } #index-categories > .w > h2 { color: #000000; display: block; font-size: 42px; font-weight: 800; line-height: 45px; padding: 70px 0 15px; text-align: center; text-transform: uppercase; } #index-categories > .w > h2 > span { display: inline-block; vertical-align: top; margin: 2px 0 0; font-size: 22px; color: #df9525; border-bottom: 5px solid #df9525; font-weight: 700; line-height: 28px; } #index-categories > .w > .arrows { display: block; height: 30px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 70px; } #index-categories > .w > .arrows > .arrow { 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; } #index-categories > .w > .arrows > .arrow > span { display: block; height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; margin: -5px; line-height: 5px; text-align: center; } #index-categories > .w > .arrows > .arrow.left { left: 0; } #index-categories > .w > .arrows > .arrow:hover { color: #fff; background-color: #df9525; } #index-categories > .c { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-align: left; } #index-categories > .c > .e { display: inline-block; vertical-align: top; width: 25%; height: 475.75px; position: relative; overflow: hidden; } #index-categories > .c > .e > .holder { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; } #index-categories > .c > .e > .holder > img { display: block; position: absolute; top: 0; left: 0; opacity: 0.3; filter: alpha(opacity=30); transition: opacity 400ms; } #index-categories > .c > .e > .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-categories > .c > .e > .holder > span > span { line-height: 211px; text-shadow: 0 1px 3px #000; display: inline-block; vertical-align: middle; margin-bottom: 2px; max-width: 90%; white-space: normal; opacity: 1; filter: none; transition: opacity 400ms; } #index-categories > .c > .e > .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-categories > .c > .e > .holder:hover > img { opacity: 1; filter: none; } #index-categories > .c > .e > .holder:hover > span > span { opacity: 0; filter: alpha(opacity=0); } #index-categories > .c > .e > .holder:hover > strong { background-color: #df9525; color: #fff; border-color: #fff; } #index-featured { background-color: #F2F2F2; display: block; width: 100%; overflow: hidden; } #index-featured > .w { width: 75%; max-width: 1370px; min-width: 1000px; position: relative; margin: 0 auto; padding-bottom: 35px; } #index-featured > .w > h2 { color: #000000; display: block; font-size: 42px; font-weight: 800; line-height: 45px; padding: 70px 0 15px; text-align: center; text-transform: uppercase; } #index-featured > .w > h2 > span { display: inline-block; vertical-align: top; margin: 2px 0 0; font-size: 22px; color: #df9525; border-bottom: 5px solid #df9525; font-weight: 700; line-height: 28px; } #index-featured > .w > .h { display: block; margin-right: -30px; } #index-featured > .w > .h > .c { display: inline-block; overflow: hidden; position: relative; vertical-align: top; width: 25%; padding-top: 15px; padding-bottom: 15px; } #index-featured > .w > .h > .c > .link { display: block; margin-right: 30px; } #index-featured > .w > .h > .c > .link > .i { border: 1px solid #AEAEAE; display: block; overflow: hidden; position: relative; transition: border-color 400ms; background: #FFF; height: 318px; } #index-featured > .w > .h > .c > .link > .i > .m { display: block; left: 0; position: absolute; top: 0; } #index-featured > .w > .h > .c > .link > .t { display: block; font-size: 14px; font-weight: 700; line-height: 15px; text-transform: uppercase; transition: color 400ms; color: #000; padding: 14px 0 0; } #index-featured > .w > .h > .c > .link:hover > .i { border-color: #df9525; } #index-featured > .w > .h > .c > .link:hover > .t { color: #df9525; } #index-brands { background-color: #FFFFFF; display: block; width: 100%; overflow: hidden; position: relative; overflow: hidden; } #index-brands > .w { width: 75%; max-width: 1370px; min-width: 1000px; position: relative; margin: 0 auto; padding-bottom: 35px; } #index-brands > .w > h2 { color: #000000; display: block; font-size: 42px; font-weight: 800; line-height: 45px; padding: 70px 0 15px; text-align: center; text-transform: uppercase; } #index-brands > .w > h2 > span { display: inline-block; vertical-align: top; margin: 2px 0 0; font-size: 22px; color: #df9525; border-bottom: 5px solid #df9525; font-weight: 700; line-height: 28px; } #index-brands > .w > .arrows { display: block; height: 30px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 70px; } #index-brands > .w > .arrows > .arrow { 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; } #index-brands > .w > .arrows > .arrow:hover { color: #fff; background-color: #df9525; } #index-brands > .w > .arrows > .arrow.left { left: 0; } #index-brands > .w > .arrows > .arrow > span { display: block; height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; margin: -5px; line-height: 5px; text-align: center; } #index-brands > .w > .h { display: block; margin-right: -30px; white-space: nowrap; } #index-brands > .w > .h > .c { display: inline-block; height: 140px; overflow: hidden; position: relative; vertical-align: top; width: 16.6667%; line-height: 140px; text-align: center; } #index-brands > .w > .h > .c > .i { display: block; height: 100%; width: auto; margin-right: 30px; position: relative; overflow: hidden; background: #f2f2f2; } #index-brands > .w > .h > .c > .i > img { display: inline-block; vertical-align: middle; margin-bottom: 2px; max-width: 90%; max-height: 90%; width: auto; height: auto; } /* footer - - - */ #footer { background-color: #505050; display: block; width: 100%; overflow: hidden; } #footer > .holder { display: block; margin: 0 auto; max-width: 1370px; min-width: 1000px; position: relative; width: 75%; white-space: normal; padding: 30px 0; color: #fff; font-size: 13px; line-height: 21px; } #footer > .holder > span { display: inline-block; vertical-align: top; width: 350px; max-width: 25%; text-align: left; } #footer > .holder > span > a { color: inherit; } #footer > .holder > span > a:hover { color: #df9525; } #footer > .holder > span.morada, #footer > .holder > span.telema { padding-left: 35px; } #footer > .holder > span > img { float: left; margin-bottom: -2px; margin-left: -35px; margin-top: -2px; } #footer > .holder > span > img.mail { margin-top: 0px; margin-bottom: -4px; } #footer > .holder > .dbd { } #footer > .holder > .dbd > 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: outside disc; margin-left: 18px; } .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%; } */ /* scroll - - - */ /* #page-content { padding-bottom: 0; } */ /* #page-content .resizable { padding-bottom: 25px; } */ .ps-container > .ps-scrollbar-y-rail { background-color: transparent !important; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y:hover { background-color: #000000; cursor: pointer; } /* single - - - */ /* category - - - */ /* contacts - - - */ #page-title { color: #FFFFFF; display: block; height: 250px; line-height: 250px; border-top: 144px solid #505050; position: relative; text-align: center; overflow: hidden; } #page-title > img { display: block; position: absolute; top: 0; left: 0; } #page-title > h1 { display: block; margin: 0 auto; max-width: 1370px; min-width: 1000px; position: relative; width: 75%; white-space: normal; } #page-title > h1 > span { display: inline-block; font-weight: 800; text-shadow: 0 2px 4px #000000; text-transform: uppercase; font-size: 54px; line-height: 60px; vertical-align: middle; } #page-holder { display: block; background: #f2f2f2; } #page-holder > .w { width: 75%; max-width: 1370px; min-width: 1000px; position: relative; margin: 0 auto; padding-bottom: 35px; } #page-holder > .w > .holder { margin-right: -25px; } #page-holder > .w > .holder > .real { display: inline-block; vertical-align: top; width: 75%; } #page-holder > .w > .holder > .real > .p { padding-right: 25px; } #page-holder > .w > .holder > .real > .p > .leftcell { display: inline-block; vertical-align: top; width: 60%; } #page-holder > .w > .holder > .real > .p > .leftcell > .a { padding-top: 55px; padding-right: 25px; display: block; } #page-holder > .w > .holder > .real > .p > .leftcell > .a > h2 { color: #000000; display: block; font-size: 14px; font-weight: normal; line-height: 26px; } #page-holder > .w > .holder > .real > .p > .leftcell > .a > p { } #page-holder > .w > .holder > .real > .p > .rightcell { display: inline-block; vertical-align: top; width: 40%; } #page-holder > .w > .holder > .real > .p > .rightcell > .a { padding-top: 55px; display: block; } #page-holder > .w > .holder > .real > .p > .rightcell > .a > #the-map { display: block; position: relative; overflow: hidden; height: 337px; background-color: #FFFFFF; } #page-holder > .w > .holder > .real > .p > .gc-clear { } #page-holder > .w > .holder > .real > .p > h2.subbtitle { color: #000000; font-size: 20px; font-weight: 700; line-height: 1.5em; text-transform: uppercase; padding-top: 20px; clear: both; } #page-holder > .w > .holder > .real > .p > form.fform { display: block; position: relative; } #page-holder > .w > .holder > .real > .p > form.fform > .cell { } #page-holder > .w > .holder > .real > .p > form.fform > .cell > label { cursor: pointer; padding-top: 4px; display: block; } #page-holder > .w > .holder > .real > .p > form.fform > .cell > label > .n { color: #000000; display: block; height: 26px; line-height: 26px; } #page-holder > .w > .holder > .real > .p > form.fform > .cell > label > .i { display: block; margin-right: 20px; } #page-holder > .w > .holder > .real > .p > form.fform > .cell > label > .i > * { background: #DFDFDF; transition: background-color 400ms; color: #000; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; height: 24px; line-height: 34px; margin-bottom: 14px; padding: 10px; width: 100%; cursor: text; } #page-holder > .w > .holder > .real > .p > form.fform > .cell > label > .i > textarea { min-height: 168px; resize: vertical; } #page-holder > .w > .holder > .real > .p > form.fform > .cellsubmit { text-align: right; } #page-holder > .w > .holder > .real > .p > form.fform > .cellsubmit > input { display: inline-block; height: 40px; line-height: 40px; appearance: none; -moz-appearance: none; -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; text-transform: uppercase; cursor: pointer; } #page-holder > .w > .holder > .real > .p > form.fform > .cellsubmit > input:hover { background-color: #df9525; color: #FFF; border-color: #df9525; } #page-holder > .w > .holder > .sidebar { display: inline-block; vertical-align: top; width: 25%; } #page-holder > .w > .holder > .sidebar > .p { padding-right: 25px; padding-top: 40px; } #page-holder > .w > .holder > .sidebar > .p > .c { display: block; margin-top: 15px; position: relative; overflow: hidden; } #page-holder > .w > .holder > .sidebar > .p > .c > a { display: block; height: 200px; overflow: hidden; position: relative; width: auto; border: 1px solid #AEAEAE; transition: border-color 400ms; } #page-holder > .w > .holder > .sidebar > .p > .c > a > img { max-width: none; display: block; position: absolute; top: 0; left: 0; } #page-holder > .w > .holder > .sidebar > .p > .c > a:hover { border-color: #df9525; } #page-holder > .w > .holder > .real > .p > p { display: block; padding-top: 1em; font-size: 14px; line-height: 1.5em; } #page-holder > .w > .holder > .real > .p > form.fform > p { display: block; padding-top: 1em; font-size: 14px; line-height: 1.5em; color: red; } #page-holder > .w > .holder > .real > .p > form.fform > .cell > label > strong { font-weight: normal; font-size: 14px; line-height: 1.5em; color: red; display: block; padding-bottom: 6px; } /* page - - - */ #page-holder > .w > .holder > .real.realer > .p { padding-top: 55px; } #page-holder > .w > .holder > .real.realer > .p > p { padding-top: 0; } #page-title.without-thumbnail { height: auto; line-height: 20px; padding-top: 50px; background: #f2f2f2; } #page-title.without-thumbnail > h1 > span { text-shadow: 0 2px 4px #fff; color: #000; vertical-align: top; font-size: 42px; line-height: 45px; } #page-holder > .w > .holder > .real.without-gallery { width: 100%; } /* media - - - */ #page-holder > .w > .holder > .real > .p > .holder-of-media { display: block; margin: -30px -30px 0 0; text-align: left; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell { display: inline-block; vertical-align: top; width: 25%; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a { background: #FFFFFF; border: 1px solid #D9D9D9; display: block; margin: 30px 30px 0 0; padding: 20px; text-align: center; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a > strong { display: block; margin: 0; width: auto; height: 278px; position: relative; overflow: hidden; box-shadow: 0 1px 3px #888; background: #000; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a > strong > img { display: block; max-width: none; position: absolute; top: 0; left: 0; transition: opacity 400ms; opacity: 1; filter: alpha(opacity=100); } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > 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-holder > .w > .holder > .real > .p > .holder-of-media > .cell > 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-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a:hover > strong > img { opacity: 0.3; filter: alpha(opacity=30); } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a:hover > strong > span { opacity: 1; filter: none; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a:hover > span { color: #f92c08; } /* products - - - */ #page-title > h1 > span > span { border-bottom: 5px solid #df9525; color: #df9525; display: inline-block; font-size: 22px; font-weight: 700; line-height: 28px; margin: 2px 0 0; vertical-align: top; } .page-template-template-products #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell { width: 33.3333%; } /* 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; } /* products - - - */ #page-holder > .w > .holder > .sidebar > .p > .c.products { background-color: #ebebeb; } #page-holder > .w > .holder > .sidebar > .p > .c.products > h2 { background-color: #252525; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 24px; /* padding: 13px 18px; */ } #page-holder > .w > .holder > .sidebar > .p > .c.products > h2 > a { display: block; padding: 13px 20px; color: #fff; } #page-holder > .w > .holder > .sidebar > .p > .c.products > h2 > a:hover { color: #df9525; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder { display: block; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main { color: #000; font-size: 14px; line-height: 21px; position: relative; padding: 14px 40px 14px 20px; display: block; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main:hover { color: #f92c08; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main.current { background-color: #dfdfdf; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main > .t { display: block; text-align: left; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main > .plus { display: block; position: absolute; top: 50%; margin-top: -5px; right: 20px; width: 10px; height: 10px; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main > .plus > .f { background-color: #959595; transition: background-color 400ms; width: 10px; height: 2px; position: absolute; top: 50%; margin-top: -1px; left: 0; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main > .plus > .s { background-color: #959595; display: block; position: absolute; top: 0px; width: 2px; left: 50%; margin-left: -1px; height: 10px; transition: background-color 400ms; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main:hover > .plus > .f { background-color: #f92c08; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .main:hover > .plus > .s { background-color: #f92c08; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .border { background-color: #e1e1e1; display: block; height: 1px; } #page-holder > .w > .holder > .sidebar > .p .sep.products { display: block; height: 5px; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .not.main { color: #888; font-size: 13px; line-height: 19px; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .not.main:hover { color: #f92c08; } #page-holder > .w > .holder > .sidebar > .p > .c.products > .holder > .border.butmore { background-color: #e6e6e6; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c { display: inline-block; vertical-align: top; width: 33.3333%; position: relative; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link { display: block; margin: 30px 30px 0 0; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .i { border: 1px solid #AEAEAE; display: block; overflow: hidden; position: relative; transition: border-color 400ms; background: #FFF; height: 318px; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link:hover > .i { border-color: #df9525; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .i > .m { display: block; left: 0; position: absolute; top: 0; max-width: none; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .t { display: block; font-size: 14px; font-weight: 700; line-height: 15px; text-transform: uppercase; transition: color 400ms; color: #000; padding: 14px 0 0; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link:hover > .t { color: #df9525; } #page-holder > .w > .product-path { display: block; line-height: 1.5em; font-size: 14px; margin: 0 0 -40px; padding-top: 15px; position: relative; z-index: 10; } #page-holder > .w > .product-path > a { color: #000; display: inline-block; vertical-align: top; font-weight: bolder; } #page-holder > .w > .product-path > a:hover { color: #f92c08; } #page-holder > .w > .product-path > a > em { font-style: normal; display: inline-block; vertical-align: top; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-holder > .w > .product-path > a > span { display: inline-block; vertical-align: top; margin-left: 5px; margin-right: 5px; } /* product - - - */ #page-holder.ds_product { padding-top: 154px; } .single-product-holder { display: block; position: relative; overflow: hidden; } .single-product-holder > #single-gallery-left { display: block; float: left; position: relative; overflow: hidden; width: 302px; margin-right: 25px; max-width: 33.3333%; } .single-product-holder > #single-gallery-left > .main { display: block; width: 100%; height: 302px; position: relative; } .single-product-holder > #single-gallery-left > .main > .cboxElement { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; border: 1px solid #AEAEAE; transition: border-color 400ms; } .single-product-holder > #single-gallery-left > .main > .cboxElement > img { max-width: none; display: block; position: absolute; top: 0; left: 0; } .single-product-holder > #single-gallery-left > .main > .cboxElement:hover { border-color: #FC3008; } .single-product-holder > #single-gallery-left > .small { display: block; margin-right: -10px; text-align: left; } .single-product-holder > #single-gallery-left > .small > .cell { display: inline-block; vertical-align: top; width: 33.333%; } .single-product-holder > #single-gallery-left > .small > .cell > .cboxElement { display: block; position: relative; margin: 10px 10px 0 0; border: 1px solid #AEAEAE; transition: border-color 400ms; overflow: hidden; height: 92px; } .single-product-holder > #single-gallery-left > .small > .cell > .cboxElement > img { display: block; position: absolute; top: 0; left: 0; } .single-product-holder > #single-gallery-left > .small > .cell > .cboxElement:hover { border-color: #FC3008; } .single-product-holder > #single-gallery-right { display: block; position: relative; overflow: hidden; } .single-product-holder > #single-gallery-right > h1.product-title { color: #000000; display: block; font-size: 16px; font-weight: 700; line-height: 20px; padding: 0 0 14px; text-transform: uppercase; } #single-rpdiuct-share { display: block; text-align: left; line-height: 15px; margin: -20px -10px 20px 0; } #single-rpdiuct-share > a { display: inline-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 > span { display: inline-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; } #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; } /* outlet - - - */ .page-template-template-outlet #page-holder > .w > .holder > .real { width: 100%; display: block; } .page-template-template-outlet #page-holder > .w > .holder > .real > .p > .holder-of-media > .c { width: 25%; } /* resellers - - - */ #the-map { display: block; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .page-template-template-reseller #page-holding { position: relative; overflow: hidden; } .page-template-template-reseller #page-whiter { padding-top: 144px; } /* search - - - */ body.search-results #page-whiter { display: block; background: #f2f2f2; } body.search-results #page-holding { display: block; margin: 0 auto; width: 75%; max-width: none; min-width: 1px; padding: 55px 0; } body.search-results #contacts-text-holder { display: block; float: none; width: auto; } body.search-results #dw-search-holder { display: block; margin-right: -30px; text-align: left; } body.search-results #dw-search-holder > .c { display: inline-block; position: relative; vertical-align: top; width: 100%; margin-bottom: 30px; } body.search-results #dw-search-holder > .c > * { margin-right: 30px; } body.search-results #dw-search-holder > .c > h2 { font-size: 16px; font-weight: 700; line-height: 21px; padding-bottom: 10px; text-transform: uppercase; color: #000000; display: block; } body.search-results #dw-search-holder > .c > h2 > a { color: #000; } body.search-results #dw-search-holder > .c > h2 > a:hover { color: #FF0000; } body.search-results #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; } body.search-results #dw-search-holder > .c > h2 > a:hover > .t { border-color: #FF0000; } body.search-results #dw-search-holder > .c > h2 > a > .t > img { display: block; margin: 0; top: 0; left: 0; max-width: none; position: absolute; } body.search-results #dw-search-holder > .c > p.more { padding-top: 10px; text-align: right; } body.search-results #nav-below { clear: both; display: block; height: 30px; line-height: 30px; text-transform: uppercase; } body.search-results #nav-below .nav-previous { float: right; } /* patch - 19 - 01 - 17 */ #header > .w > .pre-header > .cell.right > .langs { background-color: rgba(68,68,68,0.5); } .page-template-template-contacts #page-holder > .w > .holder > .real > .p > .rightcell > .a { padding-top: 0; margin-top: 55px; position: relative; } .page-template-template-products.promotions #page-holder > .w > .product-path { display: none; } .page-template-template-products.promotions #page-holder > .w > .holder > .sidebar { display: none; } .page-template-template-products.promotions #page-holder > .w > .holder > .real { width: 100%; display: block; } .page-template-template-products.promotions #page-holder > .w > .holder > .real > .p > .holder-of-media > .c { width: 25%; } .content p.bpafcaiwtatdp { text-align: left; position: relative; } .content p.bpafcaiwtatdp > a { display: inline-block; vertical-align: top; max-width: 100%; position: relative; padding-bottom: 16px; font-weight: bolder; } .content p.bpafcaiwtatdp > a > img { display: inline-block; vertical-align: baseline; width: 40px; margin: 0 10px -16px 0; } /* patch - 19 - 01 - 18 */ #main-login-f { display: block; margin-right: -50px; text-align: left; padding-top: 50px; padding-bottom: 15px; } #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; 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; } #main-login-f label { color: #000000; display: block; height: 26px; line-height: 26px; } #main-login-f .inputparent { display: block; margin-right: 20px; } #main-login-f input[type="text"], #main-login-f input[type="password"] { background: #DFDFDF; transition: background-color 400ms; color: #000; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; height: 24px; line-height: 34px; margin-bottom: 14px !important; padding: 10px; width: 100%; } #main-login-f input[type="submit"] { display: block; height: 40px; line-height: 40px; appearance: none; -moz-appearance: none; -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; vertical-align: top; width: auto; margin: 0 0 0 auto; text-transform: uppercase; cursor: pointer; } #main-login-f input[type="submit"]:hover { background-color: #fc3008; color: #FFF; border-color: #fc3008; } #page-holder > .w > .holder.butforlogin { padding: 50px 0 15px; } #page-holder > .w > .holder.butforlogin #contacts-text-holder { display: block; } #page-holder > .w > .holder.butforlogin #contacts-form-holder { display: block; } #page-holder > .w > .holder.butforlogin #contacts-form-holder label { color: #000000; display: block; height: 26px; line-height: 26px; } #page-holder > .w > .holder.butforlogin #contacts-form-holder .inputparent { display: block; margin-right: 20px; } #page-holder > .w > .holder.butforlogin #contacts-form-holder input[type="text"], #page-holder > .w > .holder.butforlogin #contacts-form-holder input[type="password"], #page-holder > .w > .holder.butforlogin #contacts-form-holder textarea, #page-holder > .w > .holder.butforlogin #contacts-form-holder select { background: #DFDFDF; transition: background-color 400ms; color: #000; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; height: 24px; line-height: 34px; margin-bottom: 14px !important; padding: 10px; width: 100%; } #page-holder > .w > .holder.butforlogin #contacts-form-holder .inputparent.select { margin-right: 0px; } #page-holder > .w > .holder.butforlogin #contacts-form-holder select { height: 44px; line-height: normal !important; } #page-holder > .w > .holder.butforlogin #contacts-form-holder input[type="submit"] { display: block; height: 40px; line-height: 40px; appearance: none; -moz-appearance: none;-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 auto; text-transform: uppercase; cursor: pointer; } #page-holder > .w > .holder.butforlogin #contacts-form-holder input[type="submit"]:hover { background-color: #fc3008; color: #FFF; border-color: #fc3008; } #page-holder > .w > .holder.butforlogin #contacts-form-holder input[type="text"].error, #page-holder > .w > .holder.butforlogin #contacts-form-holder input[type="password"].error, #page-holder > .w > .holder.butforlogin #contacts-form-holder textarea.error { box-shadow: 0 0 0 1px #f00 inset; } /* patch - 19 - 01 - 21 */ #main-login-f > .h.centerform { display: block; width: auto; margin-right: 50px; } #main-login-f > .h.centerform > .m { display: block; vertical-align: top; margin: 0 auto; width: 50%; } /* patch - 19 - 01 - 23 */ #index-featured > .w > .h > .c > .link > .t, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .t { overflow: hidden; position: relative; } #index-featured > .w > .h > .c > .link > .t > .price, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .t > .price { display: block; float: right; max-width: 50%; text-align: right; font-size: 20px; letter-spacing: -1px; color: #df9525; font-weight: normal; line-height: 17px; } #index-featured > .w > .h > .c > .link > .t > .price > span[style="text-decoration: line-through;"], #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .t > .price > span[style="text-decoration: line-through;"] { font-size: 14px; line-height: 17px; display: inline-block; vertical-align: top; color: #999; margin-right: 1px; } #index-featured > .w > .h > .c > .link > .t > .price > em, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .link > .t > .price > em { font-style: normal; display: block; text-transform: none; font-size: 12px; line-height: 14px; padding-top: 4px; color: #666; } #index-featured > .w > .h > .c > .adder, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder { display: block; margin-right: 30px; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder { display: block; margin-right: -10px; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity { display: inline-block; vertical-align: top; margin: 10px 10px 0 0; white-space: nowrap; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .arrow, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .arrow { display: inline-block; vertical-align: top; width: 16px; height: 38px; border: 1px solid #c2c2c2; transition: border-color 400ms, color 400ms; color: #c2c2c2; background-color: transparent; cursor: pointer; font-size: 30px; line-height: 32px; margin: 0; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .arrow:hover, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .arrow:hover { border-color: #df9525; color: #df9525; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .arrow.left, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .arrow.left { border-right: 0; text-align: right; margin-left: 0 } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .arrow.right, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .arrow.right { border-left: 0; text-align: left; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .value, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .value { padding: 0; border-style: solid; border-width: 1px 0; background: none; box-shadow: none; border-radius: 0px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-color: #c2c2c2; height: 38px; line-height: 28px; text-align: center; display: inline-block; vertical-align: top; margin: 0; color: #aaa; transition: color 400ms; width: 30px; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .value:hover, #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .quantity > .value:focus, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .value:hover, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .quantity > .value:focus { color: #df9525; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .adder, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .adder { display: inline-block; vertical-align: top; margin: 10px 10px 0 0; white-space: nowrap; height: 38px; line-height: 38px; text-transform: uppercase; color: #aaa; border: 1px solid #c2c2c2; transition: border-color 400ms, color 400ms, background-color 400ms; background-color: transparent; padding: 0 14px; } #index-featured > .w > .h > .c > .adder > .ds-addtocart-holder > .adder:hover, #page-holder > .w > .holder > .real > .p > .holder-of-media > .c > .adder > .ds-addtocart-holder > .adder:hover { color: #df9525; border-color: #df9525; } /* patch - 19 - 01 - 24 */ #index-featured > .w .dsmessage { display: block; background-color: #fff; padding: 15px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-align: center; color: #000; font-size: 16px; margin-bottom: 10px; } #page-holder > .w > .holder > .real > .p h1 { display: block; text-transform: uppercase; font-weight: bold; color: #000; font-size: 30px; line-height: 1.5em; } #page-holder > .w > .holder > .real > .p h2 { display: block; text-transform: uppercase; font-weight: bold; color: #000; font-size: 20px; line-height: 1.5em; } /* cart - - - */ #ds_cart_holder { display: block; position: relative; } #ds_cart_holder > .ds_header { background-color: #ffffff; display: block; font-size: 12px; height: 40px; line-height: 40px; text-transform: uppercase; white-space: nowrap; } #ds_cart_holder > .ds_header > .cell { display: inline-block; vertical-align: top; width: 16.666%; } #ds_cart_holder > .ds_header > .cell.pree { width: 97px; } #ds_cart_holder > .ds_line { background-color: rgba(255,255,255,0.5); display: block; line-height: 20px; margin: 2px 0; padding: 10px 0; white-space: nowrap; } #ds_cart_holder > .ds_line > .cell { display: inline-block; text-align: left; vertical-align: middle; white-space: normal; width: 16.666%; } #ds_cart_holder > .ds_line > .cell.pre1 { text-align: center; width: 47px; } #ds_cart_holder > .ds_line > .cell.pre1 > a { display: block; font-weight: bold; height: 40px; line-height: 40px; margin: -10px 0; padding: 0 20px; text-align: center; width: 7px; } #ds_cart_holder > .ds_line > .cell.pre2 { border: 1px solid #dddddd; height: 28px; margin: -5px 0; overflow: hidden; position: relative; width: 28px; } #ds_cart_holder > .ds_line > .cell.pre2 > a { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; } #ds_cart_holder > .ds_line > .cell.pre2 > a > img { display: block; left: 0; max-width: none; position: absolute; top: 0; } #ds_cart_holder > .ds_line > .cell.name > a { display: inline-block; padding-left: 20px; vertical-align: top; } #ds_cart_holder > .ds_line > .cell.unit, #ds_cart_holder > .ds_line > .cell.pric, #ds_cart_holder > .ds_header > .cell.unit, #ds_cart_holder > .ds_header > .cell.pric { text-align: right; white-space: nowrap; width: 100px; } #ds_cart_holder > .ds_line > .cell.quan, #ds_cart_holder > .ds_header > .cell.quan { text-align: center; white-space: nowrap; width: 125px; } #ds_cart_holder > .ds_line > .cell.refe, #ds_cart_holder > .ds_header > .cell.refe { overflow: hidden; text-align: left; text-indent: 20px; width: 180px; } #ds_cart_holder > .ds_line > .cell.quan.cell .quantity { margin-right: 0; } .ds_cart_total { display: block; font-size: 12px; padding-right: 20px; padding-top: 15px; text-align: right; text-transform: uppercase; white-space: nowrap; } .ds_cart_total > div { display: inline-block; height: 30px; line-height: 30px; vertical-align: top; } .ds_cart_total > div.value { color: #000; font-size: 18px; width: 130px; } .ds_cart_buttons { display: block; padding-top: 15px; text-align: right; } .ds_cart_buttons > .forward { background-color: #df9525; color: rgba(255,255,255,0.7); display: inline-block; font-weight: bold; height: 40px; line-height: 40px; opacity: 0.8; padding: 0 20px; text-transform: uppercase; transition: color 400ms, opacity 400ms, background-color 400ms; vertical-align: top; } .ds_cart_buttons > .forward:hover { color: #fff; opacity: 1; background-color: #f92c08; } .checkout-row.of-titles { background-color: #ffffff; display: block; font-size: 12px; height: 40px; line-height: 40px; margin-top: 10px; text-transform: uppercase; white-space: nowrap; } .checkout-row.of-titles > div { display: inline-block; text-align: right; vertical-align: top; width: 18%; } .checkout-row.of-titles > div:first-child { text-align: left; width: 46%; } .checkout-row.of-titles > div > span { display: block; padding: 0 20px; } .checkout-row.of-product { background-color: rgba(255,255,255,0.5); display: block; line-height: 20px; margin: 2px 0; padding: 10px 0; white-space: nowrap; } .checkout-row.of-product > div { display: inline-block; text-align: right; vertical-align: middle; white-space: normal; width: 18%; } .checkout-row.of-product > div:first-child { width: 46%; text-align: left; } .checkout-row.of-product > div > span { display: block; padding: 0 20px; } .checkout-row.of-totals, .checkout-row.of-shipping, .checkout-row.of-payment, .checkout-row.of-vat, .checkout-row.of-total-totals { background-color: #ffffff; color: #000000; font-size: 12px; height: 40px; line-height: 40px; margin: 2px 0; text-align: right; text-transform: uppercase; white-space: nowrap; } .checkout-row.of-totals > div, .checkout-row.of-shipping > div, .checkout-row.of-payment > div, .checkout-row.of-vat > div, .checkout-row.of-total-totals > div { display: inline-block; vertical-align: top; width: 18%; } .checkout-row.of-totals > div > span, .checkout-row.of-shipping > div > span, .checkout-row.of-payment > div > span, .checkout-row.of-vat > div > span, .checkout-row.of-total-totals > div > span { display: block; padding: 0 20px; } .checkout-row.of-totals > div.value, .checkout-row.of-shipping > div.value, .checkout-row.of-payment > div.value, .checkout-row.of-vat > div.value, .checkout-row.of-total-totals > div.value { font-size: 14px; } .checkout-row.of-vat > div.br { display: block; width: auto; } .checkout-row.of-vat > div.quantity { width: 0; } .checkout-row.of-vat > div.name { padding-right: 20px; } .checkout-row.of-vat > div.quantity > span { padding: 0; } .checkout-row.of-total-totals { border-top: 2px solid #f92c08; font-size: 17px; font-weight: bold; height: 50px; letter-spacing: 1px; line-height: 50px; margin-bottom: 20px; margin-top: -2px; } .checkout-row.of-total-totals > div.value { font-size: inherit; } .checkout-form.billing-address, .checkout-form.message { display: inline-block; position: relative; vertical-align: top; width: 50%; } .checkout-form.billing-address > p { font-size: 12px; line-height: 20px; } .checkout-form.billing-address > p > input { display: inline-block; margin: -2px 6px 0 0; vertical-align: middle; } .checkout-form.billing-address > .h, .checkout-form.message > .h { display: block; padding: 10px 44.5px 0 0; position: relative; } .checkout-form.billing-address > .h > label, .checkout-form.message > .h > label { cursor: pointer; display: inline-block; font-size: 12px; line-height: 1.5em; padding-bottom: 3px; } .checkout-form.billing-address > .h > input, .checkout-form.billing-address > .h > textarea, .checkout-form.billing-address > .h > select, .checkout-form.message > .h > textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #ffffff; border: 1px solid #888888; display: block; font-size: 14px; line-height: 20px; padding: 10px 15px; position: relative; width: 100%; } .checkout-form.billing-address > .h.s { padding-right: 12.5px; } .checkout-form.billing-address > .h > textarea, .checkout-form.message > .h > textarea { height: 40px; resize: vertical; } .checkout-form.billing-address > .h > select { padding: 9px 15px; } .checkout-form.billing-address > .selector-of-shipping { font-size: 16px; line-height: 1.3em; position: absolute; right: 0; top: 0; padding-top: 3px; } .checkout-form.billing-address > .selector-of-shipping > label { cursor: pointer; display: inline-block; font-size: 12px; line-height: 1em; vertical-align: middle; } .checkout-form.billing-address > .selector-of-shipping > input { cursor: pointer; } .checkout-form.billing-address.shipping-address { overflow: hidden; } .checkout-form.billing-address.shipping-address > *, .checkout-form.message > * { padding-left: 12.5px !important; } .checkout-form.billing-address.shipping-address > .h, .checkout-form.message > .h { padding-right: 32px; } .checkout-form.billing-address.shipping-address > .h.s { padding-right: 0; } .checkout-form.billing-address.shipping-address.hidden { height: 21px; } .checkout-form.billing-address.normal { float: left; } .checkout-form.message > .h > textarea { height: 100px; margin-bottom: 0; } /* .checkout-form.message { padding-top: 25px; } */ .checkout-row.of-shipping > div.name, .checkout-row.of-payment > div.name { width: 75%; } .ds-addtocart-holder { display: block; height: auto; overflow: hidden; position: relative; white-space: nowrap; } .ds-addtocart-holder > .quantity { background-color: #ffffff; border: 0; display: inline-block; margin-right: 10px; position: relative; vertical-align: top; } .ds-addtocart-holder > .quantity > .arrow { color: #333; display: inline-block; font-size: 24px; height: 30px; line-height: 26px; margin: -1px; text-align: center; transition: background-color 400ms, color 400ms; vertical-align: top; width: 20px; } .ds-addtocart-holder > .quantity > .arrow:hover { background-color: #df9525; color: #ffffff; } .ds-addtocart-holder > .quantity > .value { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none; border: 0; height: 30px; margin: -1px 1px; padding: 0; text-align: center; width: 25px; } .ds-addtocart-holder > .adder { background-color: #eeeeee; color: #000000; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; text-transform: uppercase; transition: background-color 400ms, color 400ms; vertical-align: top; } .ds-addtocart-holder > .adder:hover { background-color: #df9525; color: #fff; } .ds-addtocart-holder > .adder > span { display: inline-block; height: 14px; margin-left: 10px; margin-top: -2px; position: relative; vertical-align: middle; width: 16px; } .ds-addtocart-holder > .adder > span > img { display: block; filter: none; left: 0; opacity: 1; position: absolute; top: 0; transition: opacity 400ms; } .ds-addtocart-holder > .adder > span > img:first-child, .ds-addtocart-holder > .adder:hover > span > img:last-child { filter: alpha(opacity=0); opacity: 0; } .ds-addtocart-holder > .adder:hover > span > img:first-child { filter: none; opacity: 1; } .holder-of-things { margin: 0.5em 0; position: relative; } .holder-of-things > strong { background-color: rgba(233,233,233,0.8); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 10; } .holder-of-things > strong > span { display: block; font-weight: normal; height: 50px; left: 50%; line-height: 50px; margin: -25px 0 0 -150px; position: absolute; text-align: center; top: 50%; white-space: nowrap; width: 300px; } .holder-of-things > strong > span > span, .holder-of-things > strong > span > strong, .holder-of-things > strong > span > em { background-color: #e1e1e1; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 15px; vertical-align: middle; cursor: pointer; transition: color 400ms, background-color 400ms; } .holder-of-things > strong > span > span:hover { background-color: #e10000; color: #fff; } .holder-of-things > strong > span > span, .holder-of-things > strong > span > strong { display: none; } .holder-of-things > strong > span > em { cursor: default; font-style: normal; } .holder-of-things > strong > span.ready > span, .holder-of-things > strong > span.readying > strong { display: inline-block; } .holder-of-things > strong > span.ready > em, .holder-of-things > strong > span.readying > em { display: none; } .holder-of-things > strong > span > strong { background-color: transparent; cursor: default; font-size: 30px; letter-spacing: 5px; } .holder-of-things > div { display: block; line-height: 1.85em; } .holder-of-things > div > input { display: inline-block; margin: 0 0 -6px; padding: 0; vertical-align: middle; width: 25px; } .holder-of-things > div > label { cursor: pointer; display: block; margin-top: -1.85em; padding-bottom: 5px; padding-left: 30px; padding-top: 5px; position: relative; } .holder-of-things > div > label > .title { color: #000000; display: inline-block; font-size: 16px; vertical-align: top; } .holder-of-things > div > label > .price { display: inline-block; padding-left: 10px; padding-top: 1px; vertical-align: top; white-space: nowrap; } .holder-of-things > div > label > .description { display: block; font-size: 14px; } .holder-of-things > strong > span > strong > span { transition: opacity 300ms; opacity: 0; filter: alpha(opacity=0); } .holder-of-things > strong > span > strong > span[rel="0"].opacity0, .holder-of-things > strong > span > strong > span[rel="0"].opacity1, .holder-of-things > strong > span > strong > span[rel="0"].opacity2, .holder-of-things > strong > span > strong > span[rel="1"].opacity1, .holder-of-things > strong > span > strong > span[rel="1"].opacity2, .holder-of-things > strong > span > strong > span[rel="1"].opacity3, .holder-of-things > strong > span > strong > span[rel="2"].opacity2, .holder-of-things > strong > span > strong > span[rel="2"].opacity3, .holder-of-things > strong > span > strong > span[rel="2"].opacity4 { opacity: 1; filter: none; } /* patch - 19 - 01 - 25 */ #page-holder > .w > .holder > .real > .p h2.title-of-shippings { height: 0px; overflow: hidden; padding: 0; margin-top: -21px; } .holder-of-things.holder-of-shippings { display: none; } #page-holder > .w > .holder > .real > .p h2.title-of-payments { height: 0px; overflow: hidden; padding: 0; margin-top: -21px; } .holder-of-things.holder-of-payments { display: none; } .checkout-form.billing-address > .h.error > input, .checkout-form.billing-address > .h.error > textarea, .checkout-form.billing-address > .h.error > select, .checkout-form.message > .h.error > textarea { border-color: red; } .nagagaag { display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; border-width: 1px; border-style: solid; border-color: #000; transition: border-color 400ms, color 400ms, background-color 400ms; text-align: center; font-size: 14px; color: #000; font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif; vertical-align: top; width: auto; margin: 0 0 10px; text-transform: uppercase; cursor: pointer; background: #FFF000; } .nagagaag:hover { background-color: #FC3008; border-color: #FC3008; color: #FFFFFF; } /* patch - 19 - 01 - 29 */ .cpedirorcamento { display: block; padding-right: 36px; margin-bottom: 25px; position: relative; overflow: hidden; } .cpedirorcamento > .label { text-align: left; padding-top: 5px; } .cpedirorcamento > .label > label { color: #000000; display: block; height: 26px; line-height: 26px; } .cpedirorcamento > .input { text-align: left; position: relative; } .cpedirorcamento > .input.text > input { background: #DFDFDF; transition: background-color 400ms; color: #000; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; height: 24px; line-height: 34px; margin: 0 0 14px; padding: 10px 18px; width: 100%; text-align: left; } .cpedirorcamento > .input.textarea > textarea { background: #DFDFDF; transition: background-color 400ms; color: #000; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; height: 24px; line-height: 34px; margin: 0 0 14px; padding: 10px 18px; width: 100%; text-align: left; min-height: 168px; resize: vertical; } .cpedirorcamento > .submit { text-align: right; margin-right: -36px; } .cpedirorcamento > .submit > input { display: inline-block; vertical-align: top; cursor: pointer; margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; height: 40px; line-height: 40px; 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; text-transform: uppercase; } .cpedirorcamento > .submit > input:hover { background-color: #fc3008; color: #FFF; border-color: #fc3008; } .cpedirorcamento > .input > .coverer { display: block; position: absolute; right: -36px; bottom: 0; left: 0; top: -26px; z-index: 1; } .cpedirorcamento > .input > .error { box-shadow: 0 0 1px 1px red inset; } /* patch - 19 - 01 - 30 */ .single-product-price { display: block; text-align: left; } .single-product-price > .t { display: block; } .single-product-price > .t > .price { display: block; font-size: 20px; letter-spacing: -1px; color: #df9525; font-weight: normal; line-height: 17px; } .single-product-price > .t > .price > span[style="text-decoration: line-through;"] { font-size: 14px; line-height: 17px; display: inline-block; vertical-align: top; color: #999; margin-right: 1px; } .single-product-price > .t > .price > em { font-style: normal; display: block; text-transform: none; font-size: 12px; line-height: 14px; padding-top: 4px; color: #666; } .single-product-adder { display: block; margin-right: 30px; } .single-product-adder > .ds-addtocart-holder { display: block; margin-right: -10px; } .single-product-adder > .ds-addtocart-holder > .quantity { display: inline-block; vertical-align: top; margin: 10px 10px 0 0; white-space: nowrap; } .single-product-adder > .ds-addtocart-holder > .quantity > .arrow { display: inline-block; vertical-align: top; width: 16px; height: 38px; border: 1px solid #c2c2c2; transition: border-color 400ms, color 400ms; color: #c2c2c2; background-color: transparent; cursor: pointer; font-size: 30px; line-height: 32px; margin: 0; } .single-product-adder > .ds-addtocart-holder > .quantity > .arrow:hover { border-color: #df9525; color: #df9525; } .single-product-adder > .ds-addtocart-holder > .quantity > .arrow.left { border-right: 0; text-align: right; margin-left: 0 } .single-product-adder > .ds-addtocart-holder > .quantity > .arrow.right { border-left: 0; text-align: left; } .single-product-adder > .ds-addtocart-holder > .quantity > .value { padding: 0; border-style: solid; border-width: 1px 0; background: none; box-shadow: none; border-radius: 0px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-color: #c2c2c2; height: 38px; line-height: 28px; text-align: center; display: inline-block; vertical-align: top; margin: 0; color: #aaa; transition: color 400ms; width: 30px; } .single-product-adder > .ds-addtocart-holder > .quantity > .value:hover, .single-product-adder > .ds-addtocart-holder > .quantity > .value:focus { color: #df9525; } .single-product-adder > .ds-addtocart-holder > .adder { display: inline-block; vertical-align: top; margin: 10px 10px 0 0; white-space: nowrap; height: 38px; line-height: 38px; text-transform: uppercase; color: #aaa; border: 1px solid #c2c2c2; transition: border-color 400ms, color 400ms, background-color 400ms; background-color: transparent; padding: 0 14px; } .single-product-adder > .ds-addtocart-holder > .adder:hover { color: #df9525; border-color: #df9525; } #page-holder > .w > .dsmessage { display: block; background-color: #fff; padding: 15px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-align: center; color: #000; font-size: 16px; margin-bottom: 10px; } /* patch - 19 - 01 - 31 */ body.promotions #page-title.without-thumbnail, body.page-template-template-outlet #page-title.without-thumbnail { padding-bottom: 25px; } body.promotions #page-holder > .w > .holder, body.page-template-template-outlet #page-holder > .w > .holder { margin-top: -25px; } .checkout-row.of-total-totals > div > span > span { display: inline-block; font-size: 10px; letter-spacing: 0; text-transform: none; font-weight: normal; padding-left: 5px; } #header > .w > .pre-header > .cell.right > .social.carta { overflow: visible; } .numberincart { display: block; background-color: #df9525; color: #fff; position: absolute; top: -6px; left: -6px; width: 20px; height: 20px; line-height: 20px; text-align: center; z-index: 10; font-size: 10px; border-radius: 50%; } /* patch - 19 - 02 - 01 */ .single-product-reference { display: block; float: right; line-height: 21px; font-size: 12px; letter-spacing: 1px; color: #000; } .single-product-reference.butlonely { float: none; text-align: left; padding-bottom: 21px; } /* patch - 19 - 03 - 22 */ .checkout-row.of-shipping { display: none !important; } /* mobile - - - */ #header > .w > .mobile-menu { display: none; } @media screen and (max-width: 1000px) , screen and (max-height: 500px) { html, body { overflow: unset; } #body-wrapper { position: relative; height: auto; overflow: unset; } #header { height: 124px } #header > .w { width: 90%; min-width: 0px; height: 124px; } #header > .w > .pre-header { } #header > .w > .pre-header > .cell.left { display: none; } #header > .w > .pre-header > .cell.right { left: 0; margin: 10px 0 0; border: 0; } #header > .w > .logo { margin-left: 0; left: 0; top: 28px; } #header > .w > .main-menu { display: none; } #header > .w > .mobile-menu { display: block; position: absolute; bottom: 20px; right: 0; } #header > .w > .mobile-menu > .i { display: inline-block; vertical-align: bottom; width: 42px; } #header > .w > .mobile-menu > span { vertical-align: bottom; display: inline-block; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 15px; line-height: 40px; padding-right: 10px; } #header > .w > .mobile-menu > #the-true-mobile-menu { background: #FFFFFF !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 36px; display: block; height: 6px; left: 0; line-height: 6px; margin: 0; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-indent: 99px; top: 0; width: 99.6667px; z-index: 100; cursor: pointer; } #index-features { min-height: 424px; } #index-features > .arrow { height: 44px; width: 44px; top: auto; bottom: 31px; } #index-features > .c > .i > .w { top: 124px; min-width: 0; padding: 0 66px; margin: 0 5%; width: auto; } #index-features > .c > .i > .w > .l { top: auto; vertical-align: middle; left: 0; right: 0; width: auto; margin: 0 66px 30px; height: auto; } #index-features > .c > .i > .w > .l > p { font-size: 32px; line-height: 40px; } #index-features > .c > .i > .w > .l > .i { padding-top: 15px; } #index-features > .c > .i > .w > .l > .i > .n { font-size: 16px; border-width: 2px; height: 46px; line-height: 46px; width: 180px; } #index-categories > .w { width: 90%; min-width: 0px; } #index-categories > .w > h2 { padding: 30px 0 10px; font-size: 32px; line-height: 40px; } #index-categories > .w > h2 > span { border-bottom-width: 3px; font-size: 16px; line-height: 22px; padding-top: 2px; } #index-categories > .c > .e > .holder > strong { display: none; } #index-categories > .c > .e > .holder > span { bottom: 0; margin: 0; } #index-categories > .c > .e > .holder > span > span { display: block; white-space: nowrap; width: 90%; text-align: center; position: absolute; left: 0; right: 0; top: 50%; height: 22px; margin: -11px auto 0; font-size: 14px; white-space: normal; line-height: 22px; } #index-featured > .w { width: 90%; min-width: 0px; padding-bottom: 15px; } #index-featured > .w > h2 { padding: 30px 0 10px; font-size: 32px; line-height: 40px; } #index-featured > .w > h2 > span { border-bottom-width: 3px; font-size: 16px; line-height: 22px; padding-top: 2px; } #index-brands > .w { width: 90%; min-width: 0px; padding-bottom: 15px; } #index-brands > .w > h2 { padding: 30px 0 10px; font-size: 32px; line-height: 40px; } #index-brands > .w > h2 > span { border-bottom-width: 3px; font-size: 16px; line-height: 22px; padding-top: 2px; } #index-brands > .w > .h > .c { width: 25%; } #footer > .holder { min-width: 0px; width: 90%; text-align: center; padding: 12.5px 0 25px; } #footer > .holder > span { width: auto; text-align: center; padding: 12.5px !important; max-width: none; } #footer > .holder > span > img { display: inline-block; vertical-align: top; margin: -2px 3px -2px; float: none; } #footer > .holder > .dbd { display: block; vertical-align: middle; position: relative; width: 91px; height: 20px; margin: 12.5px auto 0; } #footer > .holder > .dbd > img { bottom: 0; } #page-title { border-top-width: 124px; } #page-title > h1 { width: 90%; min-width: 0px; } #page-title > h1 > span { font-size: 32px; line-height: 40px; } #page-title > h1 > span > span { border-bottom-width: 3px; font-size: 16px; line-height: 22px; padding-top: 2px; } #page-title.without-thumbnail { padding-top: 30px; } #page-holder > .w { width: 90%; min-width: 0; } #page-holder > .w > .holder > .sidebar { display: none; } #page-holder > .w > .holder > .real { display: block; width: 100%; } #page-holder > .w > .holder > .real > .p { padding-right: 45px; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a { margin: 10px 10px 0 0; } #page-holder > .w > .holder > .real.realer > .p { padding-top: 75px; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell, .page-template-template-products #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell { width: 33.3333%; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a > strong > span { display: none !important; } #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell > a > strong > img { opacity: 1 !important; filter: none !important; } #header > .w > .pre-header > .cell.right > .langs { transition: height 400ms, margin-bottom 400ms, background-color 400ms; } #header > .w > .pre-header > .cell.right > .langs.pseudohover { background-color: rgb(0, 0, 0); } #page-title.without-thumbnail > h1 > span { font-size: 32px; line-height: 40px; } body.realpage #page-holder > .w > .holder > .real.realer > .p { padding-top: 25px; padding-right: 25px; } #page-holder > .w > .holder > .real > .p { padding-right: 0; } #page-holder > .w > .holder > .real > .p > .leftcell { display: block; width: 100%; } #page-holder > .w > .holder > .real > .p > .leftcell > .a { padding-top: 25px; } #page-holder > .w > .holder > .real > .p > .rightcell { display: block; width: 100%; } #page-holder > .w > .holder > .real > .p > .rightcell > .a > #the-map { position: relative !important; margin-right: 25px; margin-bottom: 25px; } .page-template-template-contacts #page-holder > .w > .holder > .real > .p > .rightcell > .a { margin-top: 25px; } #page-holder > .w > .holder > .real > .p h2#contacto { margin-right: 25px; } #page-holder > .w > .holder > .real > .p > form.fform { margin-right: 25px; } } @media screen and (max-width: 850px) { #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell, .page-template-template-products #page-holder > .w > .holder > .real > .p > .holder-of-media > .cell { width: 50%; } } @media screen and (max-width: 650px) { #header > .w > .pre-header > .cell.right > .search > .field[name="s"] { display: none; } #index-categories > .c > .e { width: 33.3333%; } #index-brands > .w > .h > .c { width: 33.3333%; } } @media screen and (max-width: 580px) { #index-features > .c > .i > .w > .l { margin: 0 0 106px; } } @media screen and (max-width: 460px) { #header > .w > .logo { width: 160px; } #header > .w > .logo > .i { width: 160px; margin-left: -80px; margin-top: -21.4333px; } #index-features > .c > .i > .w > .l > p { font-size: 25px; line-height: 32px; } #index-categories > .c > .e { width: 50%; } #index-brands > .w > .h > .c { width: 50%; } }