/* Theme Name: Tema Imporaudio 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: 'Myriad Web'; src: url('MyriadWebPro.eot?#iefix') format('embedded-opentype'), url('MyriadWebPro.woff') format('woff'), url('MyriadWebPro.ttf') format('truetype'), url('MyriadWebPro.svg#MyriadWebPro') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Myriad Web'; src: url('Myriad-BdWeb.eot?#iefix') format('embedded-opentype'), url('Myriad-BdWeb.woff') format('woff'), url('Myriad-BdWeb.ttf') format('truetype'), url('Myriad-BdWeb.svg#Myriad-BdWeb') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Myriad Web'; src: url('Myriad-ItWeb.eot?#iefix') format('embedded-opentype'), url('Myriad-ItWeb.woff') format('woff'), url('Myriad-ItWeb.ttf') format('truetype'), url('Myriad-ItWeb.svg#Myriad-ItWeb') format('svg'); font-weight: normal; font-style: italic; } button, select, textarea, input, html { color: #666; font-family: 'Myriad Web', Arial, Helvetica, sans-serif; font-size: 14px; } a { color: #d01818; text-decoration: none; transition: color 400ms; } a:hover { color: #f00; } /* background - - - */ html, body { background: #fff; 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 - - - */ #header { display: block; background-color: #f9f9f9; height: 110px; width: 100%; position: relative; z-index: 10; } #header > .w { display: block; height: 110px; margin: 0 auto; width: 90%; max-width: 1200px; position: relative; } #header > .w > .l { display: block; position: absolute; overflow: hidden; width: 234px; line-height: 110px; height: 110px; top: 0; left: 0; } #header > .w > .l > a { display: inline-block; vertical-align: middle; width: 100%; position: relative; overflow: hidden; } #header > .w > .l > a > img { display: block; margin: 0 auto; max-width: 100%; } #header > .w > .m { display: block; position: absolute; top: 30px; left: 234px; right: 32px; height: 80px; line-height: 74px; text-align: right; white-space: nowrap; } #header > .w > .m * { display: inline-block; vertical-align: top; font-size: 0px; } #header > .w > .m a { text-transform: uppercase; color: #000; font-size: 14px; padding: 0 15px; } #header > .w > .m a:hover { color: #fe0000; } #header > .w > .s { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 32px; } #header > .w > .s > a { display: block; padding: 30px 15px; width: 17px; height: 17px; position: absolute; top: 50%; right: -15px; margin-top: -28.5px; } #header > .w > .s > a > img { display: block; max-width: 100%; margin: 0; transition: background-color 400ms; background-color: #000; } #header > .w > .s > a:hover > img { background-color: #fe0000; } /* main menu - - - */ /* index - - - */ #index-features { display: block; height: 860px; width: 100%; position: relative; overflow: hidden; /* max-height: 860px; */ background-color: #444; } #index-features > .g { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } #index-features > .g > .c { display: block; top: 0; width: 100%; height: 100%; overflow: hidden; left: 0; position: absolute; z-index: 1; } #index-features > .g > .c > img { display: block; position: absolute; top: 0; left: 0; } #index-features > .g > .c > .b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.6); } #index-features > .g > .c > .w { display: block; position: absolute; top: 0; bottom: 20px; right: 0; left: 0; margin: 25px auto; max-width: 1200px; width: 90%; z-index: 10; } #index-features > .g > .c > .w > .c { display: block; max-width: 50%; position: absolute; top: 0; bottom: 0; right: 0; line-height: 790px; } #index-features > .g > .c > .w > .c > .v { line-height: 20px; display: inline-block; vertical-align: middle; } #index-features > .g > .c > .w > .c > .v > .main { display: block; color: #fff; line-height: 64px; font-size: 65px; font-weight: bold; text-align: left; text-transform: uppercase; } #index-features > .g > .c > .w > .c > .v > .secondary { display: block; text-transform: uppercase; font-size: 65px; line-height: 64px; color: #fff; } #index-features > .g > .c > .w > .c > .v > .spacer { display: block; height: 25px; width: auto; overflow: hidden; } #index-features > .g > .c > .w > .c > .v > .link { height: 45px; } #index-features > .g > .c > .w > .c > .v > .link > a { text-transform: uppercase; font-size: 18px; line-height: 48px; height: 45px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; } #index-features > .g > .c > .w > .c > .v > .link > a:hover { background-color: #f00; } #index-features > .a { display: block; position: absolute; top: 50%; z-index: 1000; width: 40px; height: 40px; margin-top: -20px; background-color: rgba(0,0,0,0.5); transition: background-color 400ms; } #index-features > .a:hover { background-color: rgba(255,0,0,1); } #index-features > .a.left { left: 30px; } #index-features > .a.right { right: 30px; } #index-features > .a > span { display: block; color: #fff; font-size: 45px; line-height: 40px; text-align: center; } #index-features > .a.left > span { padding-right: 2px; } #index-brands { display: block; position: relative; z-index: 100; } #index-brands > .w { margin: -20px auto 0; max-width: 1200px; width: 90%; } #index-brands > .w > .c { display: block; background-color: #f9f9f9; box-shadow: 0 3px 25px rgba(0,0,0,0.25); padding: 40px 60px; } #index-brands > .w > .c > p { font-size: 20px; line-height: 30px; color: #000; display: block; } #index-brands > .w > .c > .b { margin-right: -30px; display: block; text-align: center; line-height: 80px; } #index-brands > .w > .c > .b > .c { display: inline-block; vertical-align: top; height: 50px; line-height: 50px; padding-top: 25px; padding-right: 30px; } #index-brands > .w > .c > .b > .c > a { display: inline-block; vertical-align: middle; max-height: 50px; max-width: 200px; } #index-brands > .w > .c > .b > .c > a > img { display: block; margin: 0; max-width: 100%; max-height: 38px; } #index-knowhow { display: block; background-color: #f9f9f9; margin-top: 100px; width: 100%; overflow: hidden; position: relative; } #index-knowhow > .l { display: block; position: absolute; top: 0; width: 45%; bottom: 0; left: 0; overflow: hidden; z-index: 10; } #index-knowhow > .l > .i { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } #index-knowhow > .l > .i > .g { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } #index-knowhow > .l > .i > .g > img { display: block; position: absolute; top: 0; left: 0; } #index-knowhow > .l > .i > .s { display: block; position: absolute; bottom: 0; right: 0; z-index: 100; text-align: right; left: 0; white-space: normal; line-height: 13px; padding: 0 20px 20px; } #index-knowhow > .l > .i > .s > a { display: inline-block; height: 13px; position: relative; vertical-align: bottom; width: 38px; } #index-knowhow > .l > .i > .s > a > span { display: block; margin: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; transition: background-color 400ms; } #index-knowhow > .l > .i > .s > a.current > span { background-color: #d01818; } #index-knowhow > .l > .i > .s > a:hover > span { background-color: #f00; } #index-knowhow > .r { display: block; margin: 0 auto; position: relative; width: 90%; max-width: 1200px; } #index-knowhow > .r > .c { display: block; padding: 30px 0; margin: 0 0 0 auto; width: 58%; min-height: 440px; line-height: 440px; } #index-knowhow > .r > .c > .v { display: inline-block; vertical-align: middle; margin-left: 60px; } #index-knowhow > .r > .c > .v > h2 { display: block; font-size: 21px; line-height: 31px; font-weight: bold; padding-bottom: 15px; color: #000; } #index-knowhow > .r > .c > .v > p { display: block; line-height: 21px; font-size: 14px; } #index-knowhow > .r.lonely > .c { width: auto !important; } #index-knowhow > .r.lonely > .c > .v { margin-left: 0; } #index-products { display: block; position: relative; overflow: hidden; width: 100%; } #index-products > .w { display: block; width: 100%; padding: 100px 0; position: relative; overflow: hidden; } #index-products > .w > h2 { display: block; text-align: center; font-size: 56px; font-weight: normal; color: #000; line-height: 60px; max-width: 1200px; width: 90%; margin: 0 auto; } #index-products > .w > p { text-align: center; font-size: 16px; line-height: 24px; padding-top: 10px; max-width: 1200px; width: 90%; margin: 0 auto; } #index-products > .w > .s { display: block; width: 70px; height: 6px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('img/crab.png'); margin: 25px auto 60px; } #index-products > .w > .h { display: block; position: relative; overflow: hidden; margin: 0 30px; text-align: center; } #index-products > .w > .h > .l { display: block; margin-right: -30px; white-space: nowrap; } #index-products > .w > .h > .l > .c { display: inline-block; vertical-align: top; width: 33.3333%; transition: transform 400ms, margin-left 400ms; transform: scaleX(1); transform: none !important; transform-origin: left; } #index-products > .w > .h > .l > .c:first-child { transform-origin: right; } #index-products > .w > .h > .l > .c > a { display: block; margin-right: 30px; height: 375px; position: relative; overflow: hidden; background-color: #000; } #index-products > .w > .h > .l > .c > a > img { display: block; position: absolute; left: 0; top: 0; opacity: 1; filter: none; transition: opacity 400ms; } #index-products > .w > .h > .l > .c > a > .t { display: block; position: absolute; overflow: hidden; z-index: 10; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); padding: 15px 30px 13px; text-align: center; line-height: 20px; font-size: 18px; color: #fff; text-transform: uppercase; transition: background-color 400ms } #index-products > .w > .h > .l > .c > a > .t > span { text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; transition: color 400ms; } #index-products > .w > .h > .l > .c > a:hover > img { opacity: 0.7; filter: alpha(opacity=70); } #index-products > .w > .h > .l > .c > a:hover > .t { background-color: rgba(0,0,0,0.28); } #index-products > .w > .h > .l > .c > a:hover > .t > span { /* color: #f00; */ } #index-products > .w > .a { display: block; text-align: center; padding: 60px 30px 0; } #index-products > .w > .a > a { display: inline-block; vertical-align: top; width: 38px; height: 38px; border-radius: 3px; border: 1px solid #ddd; margin: 0 2px; transition: border-color 400ms, color 400ms; color: #777; position: relative; } #index-products > .w > .a > a > span { display: block; position: absolute; font-size: 42px; line-height: 42px; text-align: center; width: 42px; top: 50%; left: 50%; margin: -21px -21px; } #index-products > .w > .a > a:hover { border-color: #d01818; color: #d01818; } #index-products > .w > .a > a.r > span { margin-left: -20px; } #index-novelties { display: block; position: relative; overflow: hidden; width: 100%; } #index-novelties > img { display: block; position: absolute; top: 0; left: 0; } #index-novelties > .b { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-color: rgba(255,255,255,0.9); } #index-novelties > .w { padding: 100px 0; max-width: 1200px; width: 90%; margin: 0 auto; position: relative; z-index: 10; } #index-novelties > .w > h2 { display: block; text-align: center; font-size: 56px; font-weight: normal; color: #000; line-height: 60px; } #index-novelties > .w > p { text-align: center; font-size: 16px; line-height: 24px; padding-top: 10px; } #index-novelties > .w > .s { display: block; width: 70px; height: 6px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('img/crab.png'); margin: 25px auto 60px; } #index-novelties > .w > .h { display: block; position: relative; overflow: hidden; } #index-novelties > .w > .h > .l { margin-right: -30px; overflow: hidden; display: block; white-space: nowrap; } #index-novelties > .w > .h > .l > .c { display: inline-block; vertical-align: top; width: 33.3333%; overflow: hidden; position: relative; } #index-novelties > .w > .h > .l > .c > .i { display: block; position: relative; overflow: hidden; margin-right: 30px; height: 250px; } #index-novelties > .w > .h > .l > .c > .i > img { display: block; position: absolute; top: 0; left: 0; } #index-novelties > .w > .h > .l > .c > .t { display: block; margin: 10px 30px 0 0; background-color: #fff; position: relative; overflow: hidden; white-space: normal; padding: 25px 30px; } #index-novelties > .w > .h > .l > .c > .t > .red { display: block; position: absolute; top: 25px; left: 30px; width: 10px; height: 3px; background-color: #d01818; margin-top: 15px; } #index-novelties > .w > .h > .l > .c > .t > .title { display: block; color: #000; font-size: 21px; line-height: 31px; font-weight: bold; padding-left: 20px; } #index-novelties > .w > .h > .l > .c > .t > .text { display: block; padding-left: 20px; } #index-novelties > .w > .h > .l > .c > .t > .text > p { display: block; font-size: 14px; line-height: 21px; padding-top: 14px; } #index-novelties > .w > .h > .l > .c > .t > p { display: block; padding: 14px 0 0 20px; text-align: right; } #index-novelties > .w > .h > .l > .c > .t > p > a { text-transform: uppercase; display: inline-block; vertical-align: top; color: #d01818; padding: 10px; margin: -10px; } #index-novelties > .w > .h > .l > .c > .t > p > a:hover { color: #f00; } #index-novelties > .w > .a { display: block; text-align: center; padding-top: 25px; } #index-novelties > .w > .a > a { text-transform: uppercase; font-size: 18px; line-height: 48px; height: 45px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; } #index-novelties > .w > .a > a:hover { background-color: #f00; } #index-contacts { display: block; position: relative; overflow: hidden; width: 100%; } #index-contacts > .l { display: inline-block; vertical-align: top; width: 50%; background-color: #1c1c1c; position: relative; overflow: hidden; } #index-contacts > .l > #contacto { display: block; position: relative; overflow: hidden; padding: 100px 60px; margin: 0 6.3%; } #index-contacts > .l > #contacto > p { font-size: 14px; color: #fff; line-height: 21px; } #index-contacts > .l > #contacto > h2 { display: block; color: #fff; font-weight: normal; font-size: 56px; line-height: 60px; padding-bottom: 30px; } #index-contacts > .l > #contacto > form { display: block; margin-right: -30px; } #index-contacts > .l > #contacto > form > .c { display: inline-block; width: 50%; } #index-contacts > .l > #contacto > form > .c.w { display: block; width: auto; } #index-contacts > .l > #contacto > form > .c > .p { display: block; padding: 0 30px 20px 0; margin-right: 30px; } #index-contacts > .l > #contacto > form > .c > .p > input, #index-contacts > .l > #contacto > form > .c > .p > textarea { display: block; width: 100%; padding: 13px 15px 11px; border-radius: 5px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; margin: 0; background: #f4f4f4; color: #000; line-height: 21px; font-size: 14px; } #index-contacts > .l > #contacto > form > .c > .p > textarea { resize: vertical; min-height: 188px; } #index-contacts > .l > #contacto > form > .s { display: block; text-align: right; padding-right: 30px; } #index-contacts > .l > #contacto > form > .s > input { text-transform: uppercase; font-size: 18px; line-height: 48px; height: 45px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; border: 0; margin: 0; } #index-contacts > .l > #contacto > form > .s > input:hover { background-color: #f00; } #index-contacts > .r { display: block; position: absolute; top: 0; right: 0; left: 50%; bottom: 0; overflow: hidden; } #index-contacts > .r > #the-map { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* footer - - - */ #footer { display: block; width: 100%; position: relative; overflow: hidden; } #footer > img { display: block; position: absolute; top: 0; left: 0; } #footer > .b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.8); } #footer > .w { display: block; position: relative; z-index: 3; margin: 0 auto; width: 90%; max-width: 1200px; padding-top: 80px; } #footer > .w > .c { display: inline-block; vertical-align: top; padding-right: 40px; padding-bottom: 60px; position: relative; } #footer > .w > .c > .red { display: block; position: absolute; top: 0; left: 0; background-color: #d01818; height: 3px; width: 10px; margin-top: 14px; } #footer > .w > .c > h2 { display: block; padding-left: 20px; font-size: 21px; text-transform: uppercase; line-height: 1.5em; color: #fff; font-weight: bold; padding-right: 30px; } #footer > .w > .c > .small-c { display: inline-block; vertical-align: top; padding-right: 30px; } #footer > .w > .c > .small-c > a { display: block; margin-top: 15px; font-size: 14px; line-height: 1.5em; color: rgba(255,255,255,0.5); position: relative; padding-left: 20px; } #footer > .w > .c > .small-c > a:hover { color: rgba(255,0,0,1); } #footer > .w > .c > .small-c > a > span { display: block; position: absolute; left: 0; top: 0; height: 21px; line-height: 21px; width: 9px; text-align: right; color: #fff; font-size: 18px; } #footer > .w > .c > .white { color: #fff; font-weight: bold; font-size: 16px; line-height: 24px; margin-top: 12px; padding-left: 20px; } #footer > .w > .c > .white > strong { color: #d01818; } #footer > .w > .c > .black { display: block; margin-left: 20px; margin-top: 15px; line-height: 21px; font-size: 14px; color: rgba(255,255,255,0.5); position: relative; padding-left: 27px; } #footer > .w > .c > .black > img { display: block; position: absolute; left: 0; top: 0; } #real-footer { display: block; position: relative; overflow: hidden; width: 100%; background-color: #000; padding: 30px 0; } #real-footer > .w { display: block; width: 90%; max-width: 1200px; margin: 0 auto; color: rgba(255,255,255,0.5); text-align: center; font-size: 14px; line-height: 21px; } #real-footer > a { display: block; position: absolute; bottom: 0; right: 0; height: 81px; width: 81px; line-height: 81px; text-align: center; z-index: 100; } #real-footer > a > span { color: rgba(255,255,255,0.5); font-size: 72px; font-weight: bold; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: rotate(-90deg); transition: color 400ms; } #real-footer > a:hover > span { color: rgba(255,255,255,1); } /* 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%; } .content h1, .content h2 { font-weight: bold; color: #000; font-size: 28px; line-height: 1.2em; } /* 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-feature { display: block; position: relative; width: 100%; overflow: hidden; } #page-feature > img { display: block; position: absolute; top: 0; left: 0; } #page-feature > .b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,0.6); } #page-feature > .w { display: block; padding: 80px 0; margin: 0 auto; width: 90%; max-width: 1200px; position: relative; z-index: 100; } #page-feature > .w > h2 { display: block; text-align: center; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 45px; line-height: 44px; } #page-feature > .w > h2 > span { display: block; margin: 17px auto 0; height: 3px; background-color: #d01818; width: 55px; } #page-breadcrumbs { background-color: #f9f9f9; display: block; width: 100%; overflow: hidden; position: relative; padding: 25px 0; } #page-breadcrumbs > .w { text-align: center; width: 90%; max-width: 1200px; margin: 0 auto; display: block; line-height: 30px; } #page-breadcrumbs > .w > a { display: inline-block; vertical-align: top; color: rgba(0,0,0,0.75); padding: 0 15px; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #page-breadcrumbs > .w > a:hover { color: #f00; } #page-breadcrumbs > .w > a.home { padding: 0; position: relative; width: 50px; height: 30px; } #page-breadcrumbs > .w > a.home > img { display: block; position: absolute; width: 20px; top: 50%; margin: -10px auto; left: 0; right: 0; transition: background-color 400ms; background-color: #d01818; } #page-breadcrumbs > .w > a.home:hover > img { background-color: #f00; } #page-breadcrumbs > .w > span { display: inline-block; vertical-align: top; height: 30px; line-height: 26px; overflow: hidden; font-size: 25px; font-weight: bold; color: rgba(0,0,0,0.5); cursor: default; } #page-featured-logo { display: block; padding: 50px 0; text-align: center; width: 90%; max-width: 1200px; margin: 0 auto; } #page-featured-logo > .w { } #page-featured-logo > .w > img { display: block; margin: 0 auto; } #page-content { display: block; background-color: #f9f9f9; width: 100%; overflow: hidden; position: relative; } #page-content > .w { display: block; margin: 0 auto; width: 90%; max-width: 1200px; position: relative; } #page-content > .w > .t { display: block; padding: 60px 0 60px 60px; margin-left: 42%; } #page-content > .i { display: block; width: 45%; position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; } #page-content > .i > img { display: block; position: absolute; top: 0; left: 0; } #page-content > .w.lonely > .t { margin-left: 0 !important; padding-left: 0; } #page-brands { width: 100%; overflow: hidden; white-space: nowrap; position: relative; display: block; padding: 80px 0; } #page-brands > .w { display: block; line-height: 38px; } #page-brands > .w > .c { margin-left: 30px; display: inline-block; vertical-align: top; line-height: 38px; overflow: hidden; position: relative; } #page-brands > .w > .c > a { display: block; height: 38px; line-height: 38px; } #page-brands > .w > .c > a > img { display: inline-block; vertical-align: middle; max-height: 38px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; transition: all 400ms; opacity: 0.5; } #page-brands > .w > .c > a:hover > img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; opacity: 1; } /* 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 - - - */ #novelties-content { display: block; position: relative; overflow: hidden; width: 100%; } #novelties-content > .w { display: block; width: 90%; max-width: 1200px; margin: 0 auto; padding: 100px 0; position: relative; overflow: hidden; } #novelties-content > .w > .content { display: block; margin: -70px 0 0; max-width: 750px; } #novelties-content > .w > .content > .c { padding-top: 70px; display: block; position: relative; overflow: hidden; } #novelties-content > .w > .content > .c > .i { display: block; } #novelties-content > .w > .content > .c > .i > img { display: block; margin: 0; max-width: 100%; max-height: 400px; } #novelties-content > .w > .content > .c > .b { background-color: #eeeeee; height: 1px; display: block; margin: 30px 0; } #novelties-content > .w > .content > .c > .b.n { margin-bottom: 0; } #novelties-content > .w > .content > .c > h2 { font-size: 30px; font-weight: bold; color: #000; line-height: 1.2em; margin-bottom: 15px; } #novelties-content > .w > .content > .c > a { margin-top: 30px; text-transform: uppercase; font-size: 18px; line-height: 48px; height: 45px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; } #novelties-content > .w > .content > .c > a:hover { background-color: #f00; } #novelties-content > .w > .content > .c > a.r { float: right; } #novelties-content > .w > .content > .c > a > span { display: inline-block; vertical-align: top; font-size: 30px; line-height: 44px; } #novelties-content > .w > .more { display: block; float: right; width: 390px; overflow: hidden; position: relative; } #novelties-content > .w > .more > .c { display: block; position: relative; overflow: hidden; } #novelties-content > .w > .more > .c > h2 { display: block; text-transform: uppercase; color: #000; font-weight: bold; font-size: 19px; line-height: 24px; padding-left: 20px; position: relative; padding-bottom: 10px; } #novelties-content > .w > .more > .c > h2 > .red { display: block; position: absolute; top: 10px; height: 3px; width: 10px; left: 0; background-color: #d01818; } #novelties-content > .w > .more > .c > .s { display: block; padding-top: 20px; position: relative; } #novelties-content > .w > .more > .c > .s > .p { display: block; padding-left: 120px; position: relative; overflow: hidden; min-height: 80px; } #novelties-content > .w > .more > .c > .s > .p > .i { display: block; position: absolute; height: 80px; width: 110px; overflow: hidden; background-color: #f9f9f9; top: 0; left: 0; } #novelties-content > .w > .more > .c > .s > .p > .i > img { display: block; position: absolute; top: 0; left: 0; max-width: none; } #novelties-content > .w > .more > .c > .s > .p > .t { display: block; font-size: 17px; line-height: 1.5em; font-weight: bold; color: #666; transition: color 400ms; } #novelties-content > .w > .more > .c > .s > .p:hover > .t { color: red; } #novelties-content > .w > .more > .c > .b { display: block; background-color: #eee; height: 1px; margin-top: 30px; } .category #page-content { background-color: #fff; } .category #page-content > .w.lonely > .t { margin-right: -60px; } .category #page-content > .w.lonely > .t > .text { display: inline-block; vertical-align: top; width: 65%; } .category #page-content > .w.lonely > .t > .text > .p { padding-right: 60px; } .category #page-content > .w.lonely > .t > .text > .p > .exceptimage { display: block; position: relative; overflow: hidden; } .category #page-content > .w.lonely > .t > .text > .p > .exceptimage > img { display: block; max-width: 200px; max-height: 100px; } .category #page-content > .w.lonely > .t > .text > .p > .noforred { background-image: url('img/crab.png'); display: block; height: 6px; width: 70px; margin: 20px 0 40px; } .category #page-content > .w.lonely > .t > .text > .p > .link { display: inline-block; vertical-align: top; margin-top: 40px; position: relative; min-height: 32px; } .category #page-content > .w.lonely > .t > .text > .p > .link > img { display: block; position: absolute; left: 0; top: 0; width: 36px; height: 32px; } .category #page-content > .w.lonely > .t > .text > .p > .link > span { display: block; line-height: 24px; font-size: 17px; padding-left: 48px; padding-top: 4px; color: #000; transition: color 400ms; } .category #page-content > .w.lonely > .t > .text > .p > .link:hover > span { color: #f21111; } .category #page-content > .w.lonely > .t > .image { display: inline-block; vertical-align: top; width: 35%; position: relative; overflow: hidden; } .category #page-content > .w.lonely > .t > .image > .p { display: block; margin-right: 60px; position: relative; overflow: hidden; } .category #page-content > .w.lonely > .t > .image > .p > img { display: block; max-height: 400px; margin: 0 0 0 auto; } .category #index-products { background-color: #f9f9f9; } #category-subcategories { display: block; background-color: #fff; width: 100%; overflow: hidden; position: relative; height: 0px; } #category-subcategories > .w { position: relative; padding: 60px 0; max-width: 1200px; width: 90%; margin: 0 auto; overflow: hidden; } #category-subcategories > .w > .s { text-align: center; font-size: 18px; line-height: 1.5em; } #category-subcategories > .w > .c { display: block; text-align: left; } #category-subcategories > .w > .c > .s { display: block; padding-bottom: 10px; text-align: right; position: relative; z-index: 10; } #category-subcategories > .w > .c > .s > select { display: inline-block; vertical-align: top; border: 1px solid #ccc; /* appearance: none; */ /* -moz-appearance: none; */ /* -webkit-appearance: none; */ height: 34px; line-height: 34px; text-indent: 0px; padding: 0 15px 0 10px; box-shadow: none; background-color: #fff; transition: border-color 400ms, color 400ms; cursor: pointer; color: #aaa; } #category-subcategories > .w > .c > .s > select:hover, #category-subcategories > .w > .c > .s > select:focus { border-color: #000; color: #000; } #category-subcategories > .w > .c > .p { margin: -30px -30px 0 0; display: block; position: relative; text-align: left; } #category-subcategories > .w > .c > .p > .c { display: inline-block; vertical-align: top; width: 25%; position: relative; overflow: hidden; } #category-subcategories > .w > .c > .p > .c > a { display: block; margin: 30px 30px 0 0; border: 1px solid #ccc; position: relative; overflow: hidden; transition: border-color 400ms; } #category-subcategories > .w > .c > .p > .c > a > strong { display: block; position: relative; height: 275.5px; overflow: hidden; border-bottom: 40px solid #fff; margin: 20px 20px 10px; } #category-subcategories > .w > .c > .p > .c > a > strong > img { display: block; position: absolute; top: 0; left: 0; } #category-subcategories > .w > .c > .p > .c > a > span { display: block; line-height: 24px; background-color: #fff; position: absolute; bottom: 0; z-index: 1; left: 0; right: 0; padding: 6px 10px 10px; font-size: 18px; color: #000; text-align: center; transition: color 400ms; white-space: normal; } #category-subcategories > .w > .c > .p > .c > a:hover { border-color: #f21111; } #category-subcategories > .w > .c > .p > .c > a:hover > span { color: #f21111; } /* contacts - - - */ .page-template-template-contacts #page-content { background-color: #fff; } .page-template-template-contacts #page-content > .w.lonely > .t { overflow: hidden; position: relative; } .contacts-righter { display: block; float: right; width: 40%; } .contacts-righter > .p { margin-left: 25px; display: block; position: relative; overflow: hidden; } .contacts-righter > .p > h2 { font-size: 20px; line-height: 1.5em; text-transform: uppercase; font-weight: bold; padding-left: 20px; padding-bottom: 21px; position: relative; } .contacts-righter > .p > h2 > .red { display: block; position: absolute; top: 15px; height: 3px; width: 10px; left: 0; background-color: #d01818; } .contacts-righter > .p strong { color: #000; text-transform: uppercase; } .contacts-righter > .p > .b { display: block; margin-top: 25px; height: 1px; background-color: #eee; } .contacts-lefter { display: block; overflow: hidden; position: relative; } .contacts-lefter > .p { padding-right: 25px; } .contacts-lefter > .p > h2 { padding-bottom: 1em; } .contacts-lefter > .p > p { color: #000; font-size: 14px; line-height: 1.5em; } .contacts-lefter > .p > p.error { padding-bottom: 1em; } .contacts-lefter > .p > form { display: block; position: relative; overflow: hidden; } .contacts-lefter > .p > form > .c { display: block; padding-bottom: 10px; overflow: hidden; line-height: 1.5em; } .contacts-lefter > .p > form > .c > label { display: inline-block; vertical-align: top; color: #000; font-weight: bold; line-height: 1.5em; cursor: pointer; padding: 2px 0; } .contacts-lefter > .p > form > .c > .p { display: block; padding-right: 42px; } .contacts-lefter > .p > form > .c > .p > * { display: block; width: 100%; padding: 12px 20px; border-color: #cdcdcd; border-style: solid; border-width: 1px; background-color: #f4f4f4; resize: vertical; font-size: 14px; color: #000; line-height: 21px; border-radius: 0px; box-shadow: none; } .contacts-lefter > .p > form > .c > .p > textarea { min-height: 130px; } .contacts-lefter > .p > form > .b { display: block; height: 1px; background-color: #eeeeee; margin: 10px 0; } .contacts-lefter > .p > form > .s { display: block; text-align: right; padding-top: 10px; } .contacts-lefter > .p > form > .s > input { border: 0; box-shadow: none; text-transform: uppercase; font-size: 18px; line-height: 50px; height: 48px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; cursor: pointer; } .contacts-lefter > .p > form > .s > input:hover { background-color: #f00; } .contacts-lefter > .p > form > .c.error > label { color: #d01818; } .contacts-lefter > .p > form > .c.error > .p > * { border-color: #d01818; } .contacts-maps { display: block; clear: both; padding-top: 60px; } .contacts-maps > #the-map { border: 1px solid #cdcdcd; overflow: hidden; position: relative; height: 400px; } /* 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; } /* search - - - */ .search-results #page-content { background-color: #fff; } .search-results #page-content > .w > .t > form { display: block; margin: 0 auto; width: 500px; max-width: 100%; } .search-results #page-content > .w > .t > form > .p { display: block; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; margin-bottom: 20px; padding-right: 42px; } .search-results #page-content > .w > .t > form > .p > input { display: block; width: 100%; padding: 12px 20px; border-color: #cdcdcd; border-style: solid; border-width: 1px; background-color: #f4f4f4; resize: vertical; font-size: 14px; color: #000; line-height: 21px; border-radius: 0px; box-shadow: none; } .search-results #page-content > .w > .t > form > .s { text-align: right; display: block; } .search-results #page-content > .w > .t > form > .s > input { border: 0; box-shadow: none; text-transform: uppercase; font-size: 18px; line-height: 50px; height: 48px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; cursor: pointer; } .search-results #page-content > .w > .t > form > .s > input:hover { background-color: #f00; } .search-results #page-content > .w > .t > h2 { padding-bottom: 25px; display: block; max-width: 750px; border-bottom: 1px solid #eeeeee; margin-bottom: -40px; } .search-results #page-content > .w > .t > .c { padding-top: 70px; display: block; position: relative; overflow: hidden; max-width: 750px; } .search-results #page-content > .w > .t > .c > .i { display: block; } .search-results #page-content > .w > .t > .c > .i > img { display: block; margin: 0; max-width: 100%; max-height: 400px; } .search-results #page-content > .w > .t > .c > .b { background-color: #eeeeee; height: 1px; display: block; margin: 30px 0; } .search-results #page-content > .w > .t > .c > h2 { font-size: 30px; font-weight: bold; color: #000; line-height: 1.2em; margin-bottom: 15px; } .search-results #page-content > .w > .t > .c > h2 a { display: block; color: inherit; } .search-results #page-content > .w > .t > .c > h2 a:hover { color: #d01818; } .search-results #page-content > .w > .t > .c > .a { margin-top: 30px; text-transform: uppercase; font-size: 18px; line-height: 48px; height: 45px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; } .search-results #page-content > .w > .t > .c > .a:hover { background-color: #f00; } #nav-below { display: block; min-height: 45px; position: relative; overflow: hidden; margin-top: 30px; border-top: 1px solid #eee; padding-top: 30px; max-width: 750px; } #nav-below > .nav-previous { float: right; padding-left: 25px; } #nav-below > .nav-next { float: left; padding-right: 25px; } #nav-below > div > a { text-transform: uppercase; font-size: 18px; line-height: 48px; height: 45px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; position: relative; } #nav-below > div > a:hover { background-color: #f00; } /* brands - - - */ .page-template-template-brands #page-content > .w { width: auto; padding: 60px 30px 0; position: relative; overflow: hidden; max-width: none; } .page-template-template-brands #page-content > .w > .p { display: block; position: relative; overflow: hidden; margin-right: -30px; text-align: center; white-space: normal; } .page-template-template-brands #page-content > .w > .p > .c { display: inline-block; vertical-align: top; width: 33.3333%; overflow: hidden; } .page-template-template-brands #page-content > .w > .p > .c > a { display: block; margin: 0 30px 30px 0; overflow: hidden; position: relative; height: 371.25px; } .page-template-template-brands #page-content > .w > .p > .c > a > img { display: block; position: absolute; top: 0; left: 0; max-width: none; min-width: 100%; min-height: 100%; } .page-template-template-brands #page-content > .w > .p > .c > a > .b { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0); transition: background-color 400ms; } .page-template-template-brands #page-content > .w > .p > .c > a:hover > .b { background-color: rgba(0,0,0,0.7); } .page-template-template-brands #page-content > .w > .p > .c > a > .h { display: block; position: absolute; bottom: 0; right: 0; left: 0; margin: 30px; text-align: right; z-index: 10; } .page-template-template-brands #page-content > .w > .p > .c > a > .h > .t { background-color: #d01818; padding: 12px 30px 9px; line-height: 26px; font-size: 18px; text-transform: uppercase; color: #fff; white-space: normal; display: inline-block; vertical-align: bottom; } /* patch - 18 - 10 - 04 */ #novelties-content > .w > .content { max-width: none; margin-right: -60px; } #novelties-content > .w > .content > .c { display: inline-block; vertical-align: top; width: 50%; } #novelties-content > .w > .content > .c > .i { margin-right: 60px; position: relative; overflow: hidden; } #novelties-content > .w > .content > .c > .i > img { max-width: none; max-height: none; position: absolute; top: 0; left: 0; } #novelties-content > .w > .content > .c > .b { margin-right: 60px; } #novelties-content > .w > .content > .c > h2 { margin-right: 60px; } #novelties-content > .w > .content > .c > p { margin-right: 60px; } /* patch - 18 - 10 - 08 */ #index-knowhow > .r > .c > .v > .pme { display: block; margin: 0 auto 25px 0; max-width: 100%; max-height: 300px; } /* patch - 18 - 10 - 09 */ #index-knowhow > .r > .c > .v > .pme { max-height: 71px; } .page-template-template-brands #page-content { background-color: #ffff; } #category-subcategories > .w > .c > .p > .c > a > span { font-size: 16px; } /* patch - 18 - 10 - 25 */ .contacts-lefter > .p > form > p > label { padding-top: 4px !important; cursor: pointer; } .contacts-lefter > .p > form > p > label > input { margin-top: 2px !important; } #index-contacts > .l > #contacto > form > p > label { color: rgba(255,255,255,0.75) !important; padding-top: 0 !important; margin-right: 30px !important; padding-bottom: 10px !important; } #index-contacts > .l > #contacto > form > p > label > input { margin-top: 2px !important; } /* patch - 19 - 02 - 11 */ .product-sub-category.page-template-template-brands #page-content > .w > .p > .c { width: 20%; } .product-sub-category.page-template-template-brands #page-content > .w > .p > .c > a > .h { margin: 15px; } .product-sub-category.page-template-template-brands #page-content > .w > .p > .c > a > .h > .t { padding: 9px 15px 6px; font-size: 14px; line-height: 1.2em; } /* patch - 19 - 02 - 12 */ #category-subcategories > .w > .c > .p > .c > a > strong.butwithmargin { margin: 20px 20px 10px; border-color: #fff; } /* single product - - - */ #novelties-content > .w > .gallery { display: inline-block; vertical-align: top; width: 50%; position: relative; overflow: hidden; } #novelties-content > .w.gallerified > .content { display: inline-block; vertical-align: top; position: relative; width: 100%; margin-right: 0; } #novelties-content > .w.gallerified.withgallery > .content { width: 50%; } #novelties-content > .w > .gallery > .h { border: 8px solid #eee; display: block; margin-right: 25px; } #novelties-content > .w > .gallery > .h > .mainer { display: block; position: relative; overflow: hidden; height: 584px; } #novelties-content > .w > .gallery > .h > .mainer > .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } #novelties-content > .w > .gallery > .h > .mainer > .img > .cboxElement { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } #novelties-content > .w > .gallery > .h > .mainer > .img > .cboxElement > img { display: block; position: absolute; top: 0; left: 0; max-width: none; } #novelties-content > .w > .gallery > .h > .chooser { display: block; position: relative; background-color: #eee; text-align: left; white-space: normal; } #novelties-content > .w > .gallery > .h > .chooser > .img { display: inline-block; vertical-align: top; width: 25%; position: relative; overflow: hidden; height: 146px; background-color: #e0e0e0; } #novelties-content > .w > .gallery > .h > .chooser > .img > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); transition: opacity 400ms; } #novelties-content > .w > .gallery > .h > .chooser > .img.current > a { opacity: 1; filter: none; } #novelties-content > .w > .gallery > .h > .chooser > .img:hover > a { opacity: 1; filter: none; } #novelties-content > .w > .gallery > .h > .chooser > .img > a > img { display: block; position: absolute; top: 0; left: 0; max-width: none; } #novelties-content > .w > .content.otherwisenotnews > .c { display: block; width: auto; margin-left: 25px; } #novelties-content > .w > .content.otherwisenotnews > .c > h2 { margin-right: 0; text-transform: uppercase; font-weight: bold; font-size: 28px; line-height: 1.2em; } #novelties-content > .w > .content.otherwisenotnews > .c > .product-excerpt { color: #d01818; } #novelties-content > .w > .content.otherwisenotnews > .c > .b.butfornews { margin: 20px 0; } #novelties-content > .w.otherproducters > .content { margin-right: 0; } #novelties-content > .w.otherproducters > .content > h2 { font-size: 25px; font-weight: normal; line-height: 1.2em; padding-bottom: 15px; } #novelties-content > .w.otherproducters > .content > h2 > .red { display: inline-block; vertical-align: top; background-color: #d01818; height: 2px; width: 15px; margin-right: 15px; margin-top: 13px; } #novelties-content > .w.otherproducters > .content > .h { display: block; margin-right: -30px; margin-top: -30px; text-align: left; position: relative; overflow: hidden; white-space: nowrap; } #novelties-content > .w.otherproducters > .content > .h > .c { white-space: normal; display: inline-block; vertical-align: top; width: 25%; position: relative; overflow: hidden; } #novelties-content > .w.otherproducters > .content > .h > .c > a { display: block; margin: 30px 30px 0 0; border: 1px solid #ccc; position: relative; overflow: hidden; transition: border-color 400ms; } #novelties-content > .w.otherproducters > .content > .h > .c > a > strong { display: block; position: relative; height: 275.5px; overflow: hidden; border-bottom: 40px solid #ccc; margin: 20px 20px 10px; border-color: #fff; } #novelties-content > .w.otherproducters > .content > .h > .c > a > strong > img { display: block; position: absolute; top: 0; left: 0; } #novelties-content > .w.otherproducters > .content > .h > .c > a > span { display: block; line-height: 24px; background-color: #fff; position: absolute; bottom: 0; z-index: 1; left: 0; right: 0; padding: 6px 10px 10px; font-size: 18px; color: #000; text-align: center; transition: color 400ms; white-space: normal; } #novelties-content > .w.otherproducters > .content > .h > .c > a:hover { border-color: #f21111; } #novelties-content > .w.otherproducters > .content > .h > .c > a:hover > span { color: #f21111; } #novelties-content > .w > .content > .c > form { display: block; position: relative; overflow: hidden; margin-right: 0; margin-top: 30px; } #novelties-content > .w > .content > .c > form > .c { display: block; padding-bottom: 10px; overflow: hidden; line-height: 1.5em; } #novelties-content > .w > .content > .c > form > .c > label { display: inline-block; vertical-align: top; color: #000; font-weight: bold; line-height: 1.5em; cursor: pointer; padding: 2px 0; } #novelties-content > .w > .content > .c > form > .c > .p { display: block; padding-right: 42px; } #novelties-content > .w > .content > .c > form > .c > .p > * { display: block; width: 100%; padding: 12px 20px; border-color: #cdcdcd; border-style: solid; border-width: 1px; background-color: #f4f4f4; resize: vertical; font-size: 14px; color: #000; line-height: 21px; border-radius: 0px; box-shadow: none; } #novelties-content > .w > .content > .c > form > .c > .p > textarea { min-height: 130px; } #novelties-content > .w > .content > .c > form > .b { display: block; height: 1px; background-color: #eeeeee; margin: 10px 0; } #novelties-content > .w > .content > .c > form > .s { display: block; text-align: right; padding-top: 10px; } #novelties-content > .w > .content > .c > form > .s > input { border: 0; box-shadow: none; text-transform: uppercase; font-size: 18px; line-height: 50px; height: 48px; padding: 0 30px; background-color: #d01818; border-radius: 3px; transition: background-color 400ms; color: #fff; display: inline-block; vertical-align: top; cursor: pointer; } #novelties-content > .w > .content > .c > form > .s > input:hover { background-color: #f00; } #novelties-content > .w > .content > .c > form > .c.error > label { color: #d01818; } #novelties-content > .w > .content > .c > form > .c.error > .p > * { border-color: #d01818; } #novelties-content > .w > .content > .c > form > p > label { padding-top: 4px !important; cursor: pointer; } #novelties-content > .w > .content > .c > form > p > label > input { margin-top: 2px !important; } #novelties-content > .w > .content > .c > a { text-align: center; line-height: 21px; padding-top: 14px; padding-bottom: 10px; overflow: hidden; height: auto; } /* patch - 19 - 03 - 12 */ .single #novelties-content > .w > .content > .c > .i { height: 300px; margin-right: 0; } .single #novelties-content > .w > .content > .c > .b { margin-right: 0; } .single #novelties-content > .w > .content > .c > h2 { margin-right: 0; } .single #novelties-content > .w > .content > .c > p { margin-right: 0; } .single #novelties-content > .w > .content > .c > a.r { margin-right: 0; } .single #novelties-content > .w > .content > .c > a > span { line-height: inherit; margin-top: -2px; margin-left: 5px; } .category #index-products > .w > .h > .l { white-space: normal; margin-top: -30px; } .category #index-products > .w > .h > .l > .c > a { margin-top: 30px; } /* patch - 19 - 04 - 04 */ .page-template-template-brands #page-content > .w > .p > .c > a > img { min-width: 0; min-height: 0; } #index-products > .w > .h > .l > .c.buttwhite > a, #index-products > .w > .h > .l > .c.wort > a { background-color: #fff } #index-products > .w > .h > .l > .c.buttwhite > a > .h, #index-products > .w > .h > .l > .c.wort > a > .b { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0); transition: background-color 400ms; } #index-products > .w > .h > .l > .c.buttwhite > a:hover > img, #index-products > .w > .h > .l > .c.wort > a:hover > img { opacity: 1; filter: none; } #index-products > .w > .h > .l > .c.buttwhite > a:hover > .h, #index-products > .w > .h > .l > .c.wort > a:hover > .b { background-color: rgba(0,0,0,0.3); } #index-contacts > .l > #contacto > form > .c { vertical-align: bottom; } #index-contacts > .l > #contacto > form > .c > .p > span { display: block; color: #d01818; font-size: 14px; line-height: 1.5em; padding-bottom: 5px; } /* patch - 19 - 04 - 16 */ .search-results #page-content > .w > .t { margin-right: -50px; } .search-results #page-content > .w > .t > .c { display: inline-block; vertical-align: top; width: 33.3333%; } .search-results #page-content > .w > .t > .c > .i { margin-right: 50px; height: 225px; position: relative; overflow: hidden; } .search-results #page-content > .w > .t > .c > .i > img { max-height: none; max-width: none; height: auto; width: auto; margin: 0; position: absolute; top: 0; left: 0; } .search-results #page-content > .w > .t > .c > .b { margin: 20px 50px 20px 0; } .search-results #page-content > .w > .t > .c > h2 { margin-right: 50px; font-size: 20px; } .search-results #page-content > .w > .t > .c > * { margin-right: 50px; text-align: left; } /* patch - 19 - 04 - 17 */ #header { z-index: 105; } #header > .w > .s > form { display: block; position: absolute; top: 100%; right: -10px; background-color: #f9f9f9; height: 0px; width: 200px; overflow: hidden; transition: height 400ms; } #header > .w > .s > form > input { display: block; -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 40px; border: 0; line-height: 40px; width: 170px; padding: 0 15px; position: relative; z-index: 1000; border-radius: 0; margin: 0; background: none; color: #000; } #header > .w > .s > form.open { height: 40px; } #header > .w > .s > a { transition: margin-top 400ms; z-index: 2000; } #header > .w > .s > a.open { margin-top: 36px; } /* patch - 19 - 04 - 18 */ .category #index-products > .w > .h > .l.nws { white-space: nowrap; } /* patch - 19 - 04 - 22 */ .small-gallery { display: block; margin: 1.5em -1.5em 0 0; text-align: left; } .small-gallery > .c { display: inline-block; vertical-align: top; } .small-gallery > .c > a { display: block; margin: 0 1.5em 1.5em 0; } .small-gallery > .c > a > img { display: block; margin: 0; } /* patch - 19 - 04 - 30 */ #page-feature > .b { background-color: #525252; } #page-feature > .w { padding: 30px 0; } #page-feature > .w > h2 { font-size: 30px; line-height: 30px; padding-top: 5px; } /* patch - 19 - 05 - 06 */ #novelties-content > .w > .content > .c > h2 a { display: block; color: inherit; } #novelties-content > .w > .content > .c > h2 a:hover { color: #d01818; } .page-template-template-novelties #novelties-content > .w > .content > .c { width: 33.3333%; } .page-template-template-novelties #novelties-content > .w > .content > .c > h2 { font-size: 22px; } #novelties-content > .w > .a { display: block; margin-top: 50px; text-align: center; } #novelties-content > .w > .a > a { display: inline-block; vertical-align: top; width: 38px; height: 38px; border-radius: 3px; border: 1px solid #ddd; margin: 0 2px; transition: border-color 400ms, color 400ms; color: #777; position: relative; } #novelties-content > .w > .a > a:hover { border-color: #d01818; color: #d01818; } #novelties-content > .w > .a > a > span { display: block; position: absolute; font-size: 42px; line-height: 42px; text-align: center; width: 42px; top: 50%; left: 50%; margin: -21px -21px; } #novelties-content > .w > .a > a.r > span { margin-left: -20px; } #novelties-content > .w > .a > a.unavailable { cursor: default; border-color: #eee; color: #ddd; } /* patch - 19 - 05 - 07 */ .page-template-template-novelties #novelties-content > .w > .content > .c.hidden { display: none; } /* patch - 19 - 05 - 08 */ .home #index-novelties > .w > .h > .l > .c > .i { background-color: #fff; } /* patch - 19 - 05 - 08 */ @media screen and (min-width: 1001px) and (min-height: 501px) { .home #index-novelties > .w > .h > .l > .c > .t > .title { height: 62px; position: relative; overflow: hidden; } .home #index-novelties > .w > .h > .l > .c > .t > .text > p { display: none; height: 42px; position: relative; overflow: hidden; } .home #index-novelties > .w > .h > .l > .c > .t > .text > p:first-child { display: block; } .page-template-template-novelties #novelties-content > .w > .content > .c > h2 a { position: relative; overflow: hidden; height: 52.8px; } .page-template-template-novelties #novelties-content > .w > .content > .c > p { height: 42px; position: relative; overflow: hidden; } .search-results #page-content > .w > .t > .c > h2 a { height: 48px; position: relative; overflow: hidden; } .search-results #page-content > .w > .t > .c > p { height: 3em; position: relative; overflow: hidden; } } /* patch - 19 - 07 - 29 */ .single #novelties-content > .w > .content > .c > .b.n.aaa { margin-bottom: 20px; } #novelties-content > .w > .content > .c > a.single-product-buttonaaa { margin-top: 10px; margin-right: 10px; } /* mobile - - - */ #header > .w > .mm { display: none; } @media screen and (max-width: 1000px) , screen and (max-height: 500px) { #header { } #header > .w { } #header > .w > .m { display: none; } #header > .w > .mm { display: block; position: absolute; width: 40px; border: 2px solid #000; right: 0px; top: 50%; height: 40px; margin-top: -22px; border-radius: 50%; cursor: pointer; transition: border-color 400ms; } #header > .w > .mm:hover { border-color: #ff0000; } #header > .w > .mm > .a { display: block; position: absolute; top: 50%; width: 20px; left: 50%; margin: -10px; height: 20px; } #header > .w > .mm > .a > span { display: block; height: 3px; background-color: #000; transition: background-color 400ms; margin-bottom: 5.5px; border-radius: 2px; } #header > .w > .mm:hover > .a > span { background-color: #ff0000; } #header > .w > .mm > #the-true-mobile-menu { background: #FFFFFF !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 38px; display: block; height: 6px; left: 0; line-height: 6px; margin: -2px; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-indent: 99px; top: 0; width: 44px; z-index: 100; border-radius: 50%; cursor: pointer; } #header > .w > .s { right: 59px; } #header > .w > .s > a { margin-top: -38.5px; } #index-features { } #index-features > .g { } #index-features > .g > .c { } #index-features > .g > .c > .w { margin-right: 5%; margin-left: 5%; width: auto; border-right: 60px solid transparent; border-left: 60px solid transparent; } #index-features > .g > .c > .w > .c { max-width: 100%; } #index-features > .g > .c > .w > .c > .v { } #index-features > .g > .c > .w > .c > .v > .main { font-size: 35px; line-height: 1em; } #index-features > .g > .c > .w > .c > .v > .secondary { font-size: 35px; line-height: 1em; } #index-features > .g > .c > .w > .c > .v > .spacer { height: 10px; } #index-features > .g > .c > .w > .c > .v > .link { height: 40px; } #index-features > .g > .c > .w > .c > .v > .link > a { padding: 0 20px; height: 40px; line-height: 43px; font-size: 16px; } #index-features > .a.left { left: 5%; margin-left: 0; } #index-features > .a.right { right: 5%; margin-right: 0; } #index-brands { } #index-brands > .w { } #index-brands > .w > .c { padding: 25px 30px; } #index-brands > .w > .c > p { text-align: center; } #index-brands > .w > .c > .b { } #index-brands > .w > .c > .b > .c { padding-top: 20px; padding-right: 25px; } #index-knowhow { margin-top: 30px; } #index-knowhow > .r { } #index-knowhow > .r > .c { } #index-knowhow > .r > .c > .v { } #index-knowhow > .r > .c > .v > p { line-height: 2em; } #index-products { } #index-products > .w { padding: 30px 0; } #index-products { } #index-products > .w { } #index-products > .w > h2 { font-size: 35px; line-height: 1.1em; } #index-products > .w > .s { margin-bottom: 25px; } #index-products > .w > .h { margin: 0 auto; width: 90%; } #index-products > .w > .h > .l { } #index-products > .w > .h > .l > .c { } #index-products > .w > .h > .l > .c > a { } #index-products > .w > .h > .l > .c > a > .t { padding: 10px 15px 7px; line-height: 20px; font-size: 14px; } #index-products > .w > .a { padding: 20px 0 0; width: 90%; margin: 0 auto; } #index-novelties { } #index-novelties > .w { padding: 30px 0; } #index-novelties > .w > h2 { font-size: 35px; line-height: 1.1em; } #index-novelties > .w > .s { margin-bottom: 25px; } #index-novelties > .w > .h { } #index-novelties > .w > .h > .l { } #index-novelties > .w > .h > .l > .c { width: 50%; } #index-novelties > .w > .h > .l > .c > .t { padding: 20px 20px 20px 10px; } #index-novelties > .w > .h > .l > .c > .t > .red { top: 20px; left: 17px; width: 7px; } #index-novelties > .w > .h > .l > .c > .t > .text { } #index-novelties > .w > .h > .l > .c > .t > .text > p { padding-top: 7px; } #index-novelties > .w > .a { padding-top: 20px; } #index-novelties > .w > .a > a { padding: 0 20px; height: 40px; line-height: 43px; font-size: 16px; } #index-contacts { } #index-contacts > .l { } #index-contacts > .l > #contacto { padding: 30px 0; margin: 0 10%; } #index-contacts > .l > #contacto > h2 { font-size: 26px; line-height: 1.1em; padding-bottom: 20px; } #index-contacts > .l > #contacto > form { margin-right: -15px; } #index-contacts > .l > #contacto > form > .c { } #index-contacts > .l > #contacto > form > .c > .p { padding: 0 15px 15px 0; } #index-contacts > .l > #contacto > form > .c > .p > input, #index-contacts > .l > #contacto > form > .c > .p > textarea { padding-top: 10px; padding-bottom: 8px; } #index-contacts > .l > #contacto > form > .s { } #index-contacts > .l > #contacto > form > .s > input { height: 40px; padding: 0 20px; font-size: 16px; line-height: 43px; } #footer { } #footer > .w { padding-top: 30px; } #footer > .w > .c { padding-right: 30px; padding-bottom: 30px; } #footer > .w > .c > h2 { font-size: 14px; line-height: 31.5px; } #footer > .w > .c > .small-c { display: block; } #footer > .w > .c > .small-c > a { margin-top: 6px; } #page-feature { } #page-feature > .w { padding: 30px 0; } #page-feature > .w > h2 { font-size: 26px; line-height: 30px; } #page-feature > .w > h2 > span { margin-top: 12px; } #page-breadcrumbs { padding: 15px 0; } #page-featured-logo { padding: 25px 0; } #page-featured-logo > .w { } #page-featured-logo > .w > img { max-width: 100%; width: 250px; } #page-content { } #page-content > .w { } #page-content > .w > .t { margin: 0 !important; padding: 25px 0; } #page-content > .i { position: relative; top: auto; bottom: auto; left: auto; width: 100%; height: 250px; } #page-brands { padding: 30px 0; } .page-template-template-novelties #novelties-content { } .page-template-template-novelties #novelties-content > .w { padding: 30px 0; } .page-template-template-novelties #novelties-content > .w > .content { margin-right: -25px; margin-top: -30px; } .page-template-template-novelties #novelties-content > .w > .content > .c { padding-top: 30px; } .page-template-template-novelties #novelties-content > .w > .content > .c > .i { margin-right: 25px; max-height: 200px; } .page-template-template-novelties #novelties-content > .w > .content > .c > .b { margin-right: 25px; margin-top: 15px; margin-bottom: 10px; } .page-template-template-novelties #novelties-content > .w > .content > .c > h2 { margin-right: 25px; font-size: 20px; margin-bottom: 6px; } .page-template-template-novelties #novelties-content > .w > .content > .c > p { text-align: left; margin-right: 30px; } .page-template-template-novelties #novelties-content > .w > .content > .c > a { margin-top: 15px; font-size: 16px; height: 40px; padding-top: 0; padding-bottom: 0; line-height: 43px; padding-left: 20px; padding-right: 20px; } .single #novelties-content { } .single #novelties-content > .w { padding: 30px 0; } .single #novelties-content > .w.otherproducters { padding-top: 0; } .single #novelties-content > .w.otherproducters > .content { } .single #novelties-content > .w.otherproducters > .content > .h { margin-right: -15px; margin-top: -15px; } .single #novelties-content > .w.otherproducters > .content > .h > .c { width: 25%; } .single #novelties-content > .w.otherproducters > .content > .h > .c > a { margin: 15px 15px 0 0; } .single #novelties-content > .w.otherproducters > .content > .h > .c > a > span { font-size: 16px; /* line-height: 20px; */ letter-spacing: -1px; } .single #novelties-content > .w > .more { display: none; } .single #novelties-content > .w > .content { margin: 0; } .single #novelties-content > .w > .content > .c { padding: 0; display: block; width: auto; margin: 0; } .single #novelties-content > .w > .content > .c > .i { margin: 0 0 25px; height: 200px; } .single #novelties-content > .w > .content > .c > .b { margin-top: 15px; margin-bottom: 15px; } .single #novelties-content > .w > .content > .c > a { margin-top: 15px; font-size: 16px; height: auto; padding: 10px 20px 7px; line-height: 20px; text-align: center; max-width: 35%; } .single #novelties-content > .w > .content > .c > a.single-product-button { max-width: none; } .single #novelties-content > .w > .content > .c > form { } .single #novelties-content > .w > .content > .c > form > .s { } .single #novelties-content > .w > .content > .c > form > .s > input { line-height: 43px; height: 40px; padding: 0 20px; font-size: 16px; } .page-template-template-brands #page-content, .product-sub-category.page-template-template-brands #page-content { } .page-template-template-brands #page-content > .w, .product-sub-category.page-template-template-brands #page-content > .w { padding: 15px 0 30px; width: 90%; margin: 0 auto; } .page-template-template-brands #page-content > .w > .p, .product-sub-category.page-template-template-brands #page-content > .w > .p { margin-right: -15px; } .page-template-template-brands #page-content > .w > .p > .c, .product-sub-category.page-template-template-brands #page-content > .w > .p > .c { width: 33.3333%; } .page-template-template-brands #page-content > .w > .p > .c > a, .product-sub-category.page-template-template-brands #page-content > .w > .p > .c > a { margin: 0 15px 15px 0; } .page-template-template-brands #page-content > .w > .p > .c > a > .h, .product-sub-category.page-template-template-brands #page-content > .w > .p > .c > a > .h { margin: 15px; } .page-template-template-brands #page-content > .w > .p > .c > a > .h > .t, .product-sub-category.page-template-template-brands #page-content > .w > .p > .c > a > .h > .t { font-size: 15px; line-height: 20px; padding: 8px 20px 6px; } .category #category-subcategories { height: auto !important; } .category #category-subcategories > .w { padding: 30px 0; } .category #category-subcategories > .w > .c { } .category #category-subcategories > .w > .c > .p { margin: -15px -15px 0 0; } .category #category-subcategories > .w > .c > .p > .c { width: 33.3333%; } .category #page-content { } .category #page-content > .w.lonely { } .category #page-content > .w.lonely > .t { } .category #page-content > .w.lonely > .t > .text { } .category #page-content > .w.lonely > .t > .text > .p { padding-right: 30px; } .category #page-content > .w.lonely > .t > .text > .p > .noforred { margin: 0 0 20px; } .category #page-content > .w.lonely > .t > .image { } .category #page-content > .w.lonely > .t > .image > .p { margin-right: 0; } .contacts-righter { width: 50%; } .contacts-lefter { } .contacts-lefter > .p { } .contacts-lefter > .p > form { } .contacts-lefter > .p > form > .s { } .contacts-lefter > .p > form > .s > input { height: 40px; line-height: 43px; font-size: 16px; padding: 0 20px; } .contacts-maps { padding-top: 0; } /* patch - 19 - 04 - 04 */ .search-results #page-content > .w > .t > .c > .i > img { max-height: 200px; } /* patch - 19 - 04 - 16 */ .search-results #page-content > .w > .t > .c { width: 100%; } /* patch - 19 - 04 - 18 */ .category #index-products > .w > .h > .l.nws { white-space: normal; } } @media screen and (max-width: 840px) { #footer { } #footer > .w { } #footer > .w > .c { } #footer > .w > .c > .small-c { display: inline-block; } .content p, .content ul, .content ol { text-align: left; } .content p[align="center"] { text-align: center; } .content p[align="right"] { text-align: right; } } @media screen and (max-width: 780px) { .page-template-template-brands #page-content, .product-sub-category.page-template-template-brands #page-content { } .page-template-template-brands #page-content > .w, .product-sub-category.page-template-template-brands #page-content > .w { } .page-template-template-brands #page-content > .w > .p, .product-sub-category.page-template-template-brands #page-content > .w > .p { } .page-template-template-brands #page-content > .w > .p > .c, .product-sub-category.page-template-template-brands #page-content > .w > .p > .c { width: 50%; } } @media screen and (max-width: 720px) { #index-knowhow { } #index-knowhow > .l { width: 100%; height: 300px; left: auto; top: auto; bottom: auto; position: relative; } #index-knowhow > .r { min-height: 0px; } #index-knowhow > .r > .c { line-height: 20px !important; width: auto !important; } #index-knowhow > .r > .c > .v { margin-left: 0; display: block; } #index-knowhow > .r > .c > .v > .pme { float: right; margin: 0 0 25px 25px; } #index-products { } #index-products > .w { } #index-products > .w > .h { } #index-products > .w > .h > .l { } #index-products > .w > .h > .l > .c { width: 50%; } #index-contacts { } #index-contacts > .l { width: 100%; display: block; } #index-contacts > .l > #contacto { margin: 0 5%; } #index-contacts > .r { position: relative; right: auto; bottom: auto; left: auto; height: 400px; top: auto; } .category #category-subcategories { } .category #category-subcategories > .w { } .category #category-subcategories > .w > .c { } .category #category-subcategories > .w > .c > .p { } .category #category-subcategories > .w > .c > .p > .c { width: 50%; } .single #novelties-content { } .single #novelties-content > .w.otherproducters { } .single #novelties-content > .w.otherproducters > .content { } .single #novelties-content > .w.otherproducters > .content > .h { } .single #novelties-content > .w.otherproducters > .content > .h > .c { width: 33.3333%; } .category #page-content { } .category #page-content > .w.lonely { } .category #page-content > .w.lonely > .t { } .category #page-content > .w.lonely > .t > .text { width: 100%; } .category #page-content > .w.lonely > .t > .text > .p { padding-right: 0px; } .category #page-content > .w.lonely > .t > .image { display: none; } } @media screen and (max-width: 640px) { .page-template-template-novelties #novelties-content > .w > .content > .c { width: 100%; } .single #novelties-content { } .single #novelties-content > .w { } .single #novelties-content > .w > .gallery { width: 100%; } .single #novelties-content > .w > .gallery > .h { margin-right: 0; } .single #novelties-content > .w > .gallery > .h > .mainer { max-height: 250px; } .single #novelties-content > .w > .gallery > .h > .chooser { } .single #novelties-content > .w > .gallery > .h > .chooser > .img { width: 20%; } .single #novelties-content > .w > .content.otherwisenotnews { } .single #novelties-content > .w > .content.otherwisenotnews > .c { } .single #novelties-content > .w > .content.otherwisenotnews > .c > h2 { font-size: 25px; line-height: 30px; } .single #novelties-content > .w.gallerified.withgallery { } .single #novelties-content > .w.gallerified.withgallery > .content { width: 100%; padding-top: 30px; } } @media screen and (max-width: 600px) { .contacts-righter { float: none; width: 100%; } .contacts-righter > .p { margin-left: 0; margin-bottom: 30px; } .contacts-lefter { } .contacts-lefter > .p { padding-right: 0; } } @media screen and (max-width: 530px) { #index-novelties { } #index-novelties > .w { } #index-novelties > .w > .h { } #index-novelties > .w > .h > .l { } #index-novelties > .w > .h > .l > .c { width: 100%; display: block; } #index-novelties > .w > .h > .l > .c > .i { max-height: 200px; } #index-novelties > .w > .h > .l > .c > .t { margin-top: 0px; margin-bottom: 10px; } #index-novelties > .w > .a { padding-top: 10px; } .page-template-template-brands #page-content, .product-sub-category.page-template-template-brands #page-content { } .page-template-template-brands #page-content > .w, .product-sub-category.page-template-template-brands #page-content > .w { } .page-template-template-brands #page-content > .w > .p, .product-sub-category.page-template-template-brands #page-content > .w > .p { } .page-template-template-brands #page-content > .w > .p > .c, .product-sub-category.page-template-template-brands #page-content > .w > .p > .c { width: 100%; } } @media screen and (max-width: 480px) { .single #novelties-content { } .single #novelties-content > .w { } .single #novelties-content > .w > .gallery { } .single #novelties-content > .w > .gallery > .h { } .single #novelties-content > .w > .gallery > .h > .chooser { } .single #novelties-content > .w > .gallery > .h > .chooser > .img { width: 25%; } } @media screen and (max-width: 450px) { #index-products { } #index-products > .w { } #index-products > .w > .h { } #index-products > .w > .h > .l { } #index-products > .w > .h > .l > .c { width: 100%; } .category #category-subcategories { } .category #category-subcategories > .w { } .category #category-subcategories > .w > .c { } .category #category-subcategories > .w > .c > .p { } .category #category-subcategories > .w > .c > .p > .c { width: 100%; } .single #novelties-content { } .single #novelties-content > .w.otherproducters { } .single #novelties-content > .w.otherproducters > .content { } .single #novelties-content > .w.otherproducters > .content > .h { } .single #novelties-content > .w.otherproducters > .content > .h > .c { width: 50%; } } @media screen and (max-width: 380px) { #header { } #header > .w { } #header > .w > .l { width: 190px; } }