/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } a, a img { outline: none; } *:focus { outline: none; } button {-webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out;} #cookieadvice{width: 100%; position: fixed; bottom: 0; background: transparent url("../images/rocaUI/background_opacity.png") repeat 0 0; z-index: 9999; border-top:1px solid #fff;} #cookieadvice div.in-advice{width: 100%; position: relative; margin: 0; padding: 0; display: block;} #cookieadvice div {width:80%; display:block; margin: 0 auto;} #cookieadvice p {font-size: 13px; line-height: 130%; color: #fff; padding: 5px 0;text-align: center; } #cookieadvice p a {color: #0093d0;} #cookieadvice div.close {display:inline-block; position: absolute; top:2px; right: 10px; width: 20px !important; height: 20px; background: transparent url("../images/rocaUI/cookie_close.png") no-repeat -3px 0; text-indent: -2000px; overflow: hidden; cursor: pointer; margin: 2px; } #cookieadvice .close:hover {background-position: -3px -42px} /* ========================================================================== Foundation Grid styles ========================================================================== */ /* Global Reset & Standards ---------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* The Grid ---------------------- */ .row { width: 990px; max-width: 990px; min-width: 990px; margin: 0 auto;} .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row.collapse { margin: 0; } .lt-ie9 .row.main-content {width: 970px; min-width: 970px; max-width: 970px; padding-left: 10px; padding-right: 10px;} .column, .columns { float: left; min-height: 1px; padding: 0; position: relative; } .column.centered, .columns.centered { float: none !important; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .lt-ie9.lt-ie8 .two, .lt-ie9.lt-ie8 .row .two { width: 16.5%; } .three, .row .three { width: 25%; } .row .three#pageContentLeftColumn { padding:0 10px 0 0; } .four, .row .four { width: 33.33333%; } .lt-ie9.lt-ie8 .four, .lt-ie9.lt-ie8 .row .four { width: 32.22%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .lt-ie9.lt-ie8 .six, .lt-ie9.lt-ie8 .row .six { width: 49.5%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } /* .nine.collections-page, .row .nine.collections-page { width: 73.77%; } */ .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 8.33333%; } .row .offset-by-two { margin-left: 16.66667%; } .row .offset-by-three { margin-left: 25%; } .row .offset-by-four { margin-left: 33.33333%; } .row .offset-by-five { margin-left: 41.66667%; } .row .offset-by-six { margin-left: 50%; } .row .offset-by-seven { margin-left: 58.33333%; } .row .offset-by-eight { margin-left: 66.66667%; } .row .offset-by-nine { margin-left: 75%; } .row .offset-by-ten { margin-left: 83.33333%; } .push-two { left: 16.66667%; } .pull-two { right: 16.66667%; } .push-three { left: 25%; } .pull-three { right: 25%; } .push-four { left: 33.33333%; } .pull-four { right: 33.33333%; } .push-five { left: 41.66667%; } .pull-five { right: 41.66667%; } .push-six { left: 50%; } .pull-six { right: 50%; } .push-seven { left: 58.33333%; } .pull-seven { right: 58.33333%; } .push-eight { left: 66.66667%; } .pull-eight { right: 66.66667%; } .push-nine { left: 75%; } .pull-nine { right: 75%; } .push-ten { left: 83.33333%; } .pull-ten { right: 83.33333%; } img:not(.world-map img), object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li { display: block; height: auto; float: left; } /* .block-grid.one-up { margin: 0; margin: 0 -8px; } */ .block-grid.one-up > li { width: 100%;} /* .block-grid.two-up { margin: 0 -15px; margin: 0 -8px; } */ .block-grid.two-up > li { width: 50%;} .lt-ie9.lt-ie8 .block-grid.two-up > li { width: 49.5%;} .block-grid.two-up > li:nth-child(2n+1) { clear: both; } /* .block-grid.three-up { margin: 0 -12px; margin: 0 -8px; } */ .block-grid.three-up > li { width: 33.33333%;} .block-grid.three-up > li:nth-child(3n+1) { clear: both; } /* .block-grid.four-up { margin: 0 -10px; } */ .block-grid.four-up > li { width: 25%;} .block-grid.four-up > li:nth-child(4n+1) { clear: both; } /* .block-grid.five-up { margin: 0 -8px; } */ .block-grid.five-up > li { width: 20%;} .block-grid.five-up > li:nth-child(5n+1) { clear: both; } /* .block-grid.six-up { margin: 0 -8px; } */ .block-grid.six-up > li { width: 16.66667%;} .block-grid.six-up > li:nth-child(6n+1) { clear: both; } .lt-ie9.lt-ie8 .block-grid.six-up > li { width: 16.52%;} /* .block-grid.seven-up { margin: 0 -8px; } */ .block-grid.seven-up > li { width: 14.28571%;} .block-grid.seven-up > li:nth-child(7n+1) { clear: both; } /* .block-grid.eight-up { margin: 0 -8px; } */ .block-grid.eight-up > li { width: 12.5%;} .block-grid.eight-up > li:nth-child(8n+1) { clear: both; } /* .block-grid.nine-up { margin: 0 -8px; } */ .block-grid.nine-up > li { width: 11.11111%;} .block-grid.nine-up > li:nth-child(9n+1) { clear: both; } /* .block-grid.ten-up { margin: 0 -8px; } */ .block-grid.ten-up > li { width: 10%;} .block-grid.ten-up > li:nth-child(10n+1) { clear: both; } /* .block-grid.eleven-up { margin: 0 -8px; } */ .block-grid.eleven-up > li { width: 9.09091%;} .block-grid.eleven-up > li:nth-child(11n+1) { clear: both; } /* .block-grid.twelve-up { margin: 0 -8px; } */ .block-grid.twelve-up > li { width: 8.33333%;} .block-grid.twelve-up > li:nth-child(12n+1) { clear: both; } /* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */ /* Container ---------------------- */ .orbit-wrapper { width: 1px; height: 1px; position: relative; } .lt-ie8.lt-ie9 .datasheet .orbit-wrapper { min-height: 180px; position: relative; } .orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; } .orbit.with-bullets { margin-bottom: 40px; } .orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } .orbit a.orbit-slide { border: none; line-height: 0; display: none; } .orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .solutions-img-detail .orbit div.orbit-slide { height: 540px; overflow: hidden;} .ui-widget-content iframe{margin: 0 auto; display: block; width:auto; max-width: 100%; height: auto;} /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* Timer ---------------------- */ div.orbit-wrapper div.timer { display: none; } div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/foundation/orbit/rotator-black.png') no-repeat; z-index: 3; } div.orbit-wrapper span.rotator.move { left: 0; } div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('../images/foundation/orbit/timer-black.png') repeat 0 0; } div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 1; } div.orbit-wrapper span.pause.active { background: url('../images/foundation/orbit/pause-black.png') no-repeat 0 -40px; } .solutions-img-detail div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; } /* Captions ---------------------- */ .orbit-caption { display: none; font-family: inherit; } .orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* Directional Nav ---------------------- */ div.orbit-wrapper div.slider-nav { display: block; z-index: 99999;} div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; margin-top: -25px; cursor: pointer; } /*div.orbit-wrapper div.slider-nav span.right { background: url('../images/foundation/orbit/right-arrow.png'); right: 0; } div.orbit-wrapper div.slider-nav span.left { background: url('../images/foundation/orbit/left-arrow.png'); left: 0; } .lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('../images/foundation/orbit/right-arrow-small.png'); } .lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('../images/foundation/orbit/left-arrow-small.png'); }*/ /* Bullet Nav ---------------------- */ .morephotos ul.orbit-bullets { position: relative; z-index: 50; list-style: none; bottom: 0; left: 0; margin: 0 auto; padding: 0; margin-bottom: 10px; float: left; } ul.orbit-bullets { position: absolute; z-index: 50; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } .morephotos ul.orbit-bullets li { float: left; margin-left: 0; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/foundation/orbit/bullets-box.png') no-repeat 0 0; width: 18px; height: 18px; overflow: hidden; position: relative; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/foundation/orbit/bullets-box.png') no-repeat 0 0; width: 12px; height: 12px; overflow: hidden; position: relative; } ul.orbit-bullets li.active { color: #222222; background-position: -22px 0; } .solutions-img-detail ul.orbit-bullets li.active { color: #222222; background-position: -44px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid black; } /* Orbit Slide Counter */ .orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; } /* Fluid Layout ---------------------- */ div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } div.orbit img.fluid-placeholder:nth-of-type(2) { display:none !important;} div.orbit, div.orbit-wrapper { width: 100% !important; } /* Correct timer in IE */ /* .lt-ie9 .timer { display: none !important; } */ .lt-ie9 div.caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } @media only screen and (max-device-width: 767px) { div.orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; } div.orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; } } /* Requires globals.css */ /* Standard Forms ---------------------- */ form { margin: 0 0 19.41641px; } .row form .row { margin: 0 -6px; } .row form .row .column, .row form .row .columns { padding: 0 6px; } .row form .row.collapse { margin: 0; } .row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; } label.right { float: none; text-align: right; } label.inline { line-height: 32px; margin: 0 0 12px 0; } li label { font-size: 14px; color: #666; cursor: pointer; display: block;} .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } .prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } .postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } input[type="textSearch"],input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 13px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } textarea { height: auto; } select { width: 100%; } /* Fieldsets */ fieldset { border: solid 0px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; } fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } /* Errors */ .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; } .error label, label.error { color: #c60f13; } .error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } /* Custom Forms ---------------------- */ form.custom { /* Custom input, disabled */ } form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; } form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; } form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; } form.custom span.custom.checkbox.checked:before { content: ""; color: #666; font-family: Verdana; font-size: 11px; line-height: 150%; } form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; } form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; } form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; } form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; } form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; } form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; } form.custom div.custom.dropdown.open ul { display: block; z-index: 10; } form.custom div.custom.dropdown.small { width: 134px !important; } form.custom div.custom.dropdown.medium { width: 254px !important; } form.custom div.custom.dropdown.large { width: 434px !important; } form.custom div.custom.dropdown.expand { width: 100% !important; } form.custom div.custom.dropdown.open.small ul { width: 134px !important; } form.custom div.custom.dropdown.open.medium ul { width: 254px !important; } form.custom div.custom.dropdown.open.large ul { width: 434px !important; } form.custom div.custom.dropdown.open.expand ul { width: 100% !important; } form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; } form.custom div.custom.dropdown ul li { color: #555555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } form.custom div.custom.dropdown ul li.selected { background: #eee; color: black; } form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; } form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; } form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; } form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; } form.custom div.custom.dropdown ul li.selected:hover:after { color: black; } form.custom div.custom.dropdown ul.show { display: block; } form.custom .custom.disabled { background-color: #dddddd; } .lt-ie8.lt-ie9 .accept input{display:inline !important;} /* .lt-ie8.lt-ie9 form.custom span.custom {display: none;} */ .lt-ie8.lt-ie9 form.custom.basic span.custom {display: inline-block !important;} .lt-ie8.lt-ie9 .call-actions form.custom span.custom {display: inline-block !important;} /* Correct FF custom dropdown height */ @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } } .lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; } .lt-ie8.lt-ie9 select { visibility: visible !important; margin-left: 0 !important; position: static !important; height: 30px; width: auto; padding: 4px 6px; line-height: 30px; display: inline-block !important; } .lt-ie8.lt-ie9 form.custom div.custom.dropdown { display: none !important; } /* Normal Buttons ---------------------- */ .button { width: auto; background: #dcdcdc; border: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; color: #666666; cursor: pointer; display: inline-block; font-family: inherit; font-size: 13px; font-weight: normal; margin: 0; padding: 10px 20px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } .button:hover, .button:focus { color: white; background-color: #636363; } .button:active {} .button.large { font-size: 17px; padding: 15px 30px 16px; } .button.medium { font-size: 14px; } .button.small { font-size: 11px; padding: 7px 14px 8px; } .button.tiny { font-size: 10px; padding: 5px 10px 6px; } .button.expand { width: 100%; text-align: center; } .button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; } .button.primary:hover, .button.primary:focus { background-color: #2284a1; } .button.success { background-color: #5da423; border: 1px solid #396516; } .button.success:hover, .button.success:focus { background-color: #457a1a; } .button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; } .button.alert:hover, .button.alert:focus { background-color: #970b0e; } .button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; } .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } .button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; } .button.left-align { text-align: left; text-indent: 12px; } .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button.disabled:hover, .button[disabled]:hover { background: #2ba6cb; } .button.disabled.success, .button[disabled].success { background-color: #5da423; } .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; } .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; } .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; } .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; } .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; } /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Correct FF button padding */ @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } input[type="submit"].tiny.button { padding: 3px 10px 4px; } input[type="submit"].small.button { padding: 5px 14px 6px; } input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; } input[type="submit"].large.button { padding: 13px 30px 14px; } } /* Buttons with Dropdowns ---------------------- */ .button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ } .button.dropdown.large { padding-right: 60px; } .button.dropdown.small { padding-right: 28px; } .button.dropdown.tiny { padding-right: 20px; } .button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; } .button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; } .button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; } .button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; } .button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; } .button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } .button.dropdown > ul li a, .button.dropdown > ul li button { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; } .button.dropdown > ul li button { width: 100%; border: inherit; background: inherit; font-family: inherit; margin: inherit; -webkit-font-smoothing: antialiased; } .button.dropdown > ul li:hover, .button.dropdown > ul li:focus { background-color: #e3f4f9; color: #222; } .button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; } .button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; } .button.dropdown ul.no-hover.show-dropdown { display: block !important; } .button.dropdown:hover > ul.no-hover { display: none; } .button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ } .button.dropdown.split:after { display: none; } .button.dropdown.split:hover, .button.dropdown.split:focus { background-color: #2ba6cb; } .button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus { background-color: #c60f13; } .button.dropdown.split.success:hover, .button.dropdown.split.success:focus { background-color: #5da423; } .button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus { background-color: #e9e9e9; } .button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .button.dropdown.split > a:hover, .button.dropdown.split > a:focus { background-color: #2284a1; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; } .button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; } .button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; } .button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .button.dropdown.split > span:hover, .button.dropdown.split > span:focus { background-color: #2284a1; } .button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; } .button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; } .button.dropdown.split.large span { width: 45px; } .button.dropdown.split.small span { width: 21px; } .button.dropdown.split.tiny span { width: 15px; } .button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; } .button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; } .button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; } .button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; } .button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; } .button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; } .button.dropdown.split.secondary > a { color: #1d1d1d; } .button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus { background-color: #970b0e; } .button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus { background-color: #457a1a; } .button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus { background-color: #d0d0d0; } /* Button Groups ---------------------- */ ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; } ul.button-group:before, ul.button-group:after { content: " "; display: table; } ul.button-group:after { clear: both; } ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; } ul.button-group li:first-child { margin-left: 0; } ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } ul.button-group.radius li:first-child .button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; } ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } ul.button-group.radius li:last-child .button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; } ul.button-group.even .button { width: 100%; } ul.button-group.even.two-up li { width: 50%; } ul.button-group.even.three-up li { width: 33.3%; } ul.button-group.even.three-up li:first-child { width: 33.4%; } ul.button-group.even.four-up li { width: 25%; } ul.button-group.even.five-up li { width: 20%; } div.button-bar { overflow: hidden; } div.button-bar ul.button-group { float: left; margin-right: 8px; } div.button-bar ul.button-group:last-child { margin-left: 0; } /* ========================================================================== Site common styles ========================================================================== */ html, body { font-family: Helvetica, Arial, sans-serif; } .fullrow { width: 100%; max-width: 100%; min-width: 990px; margin: 0 auto; } .fullrow.slider .twelve.columns.featured.orbit img {width: 990px; height: auto;} a { color: #666; text-decoration: none; } a:hover { color: #178acd; } ul, li { list-style: none; margin: 0; padding: 0; } .no_scalable {width: auto !important; max-width: auto !important; height: auto;} .hide-desktop {display: none !important;} /* ========================================================================== Homepage styles ========================================================================== */ .slider { height:470px; overflow: hidden; } .orbit { margin-bottom: 0; } .orbit-controls { width:990px; margin:0 auto; position:absolute; overflow: visible; left:50%; margin-left:-495px; display: block; height: 1px; bottom: 0px; } .orbit.with-bullets { margin-bottom: 0; } div.orbit-wrapper div.slider-nav span { top: -235px; margin-top: 0; position: absolute; width: 990px; height: 50px; } .slider-wrapper .orbit-wrapper { width:100%;max-width:990px; margin:0 auto;overflow: hidden; } div.orbit-wrapper div.timer { background:url(../images/foundation/orbit/controls-bkg.png); width:22px; height:22px; bottom:17px!important; left:0; top:auto !important; opacity:0; visibility: hidden; } div.orbit-wrapper span.pause { display:block; width:12px; height:12px; position:absolute; top:5px; left:5px; background:url(../images/foundation/orbit/pause-white.png) no-repeat -14px -14px; z-index:1; opacity:1; } div.orbit-wrapper li.timer span.pause { display: none; width:22px; height:22px; top:0; left:0; background:url(../images/foundation/orbit/pause-white-box.png) no-repeat -8px -9px; } div.orbit-wrapper span.pause.active { background-position: -8px -49px !important; } .slider-wrapper ul.orbit-bullets { bottom: 17px; left: 14px; margin-left: 0; opacity: 1; } .solution-detail-box .slider-wrapper ul.orbit-bullets { bottom: 10px; left: 0; margin: 5px 0 0 0; opacity: 1; position: absolute; } .slider-wrapper ul.orbit-bullets li { height: 22px; width: 22px; margin: 0; } .lt-ie8 div.orbit-wrapper div.timer { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/foundation/orbit/controls-bkg.html',sizingMethod='scale') ; } .slider-wrapper .orbit-wrapper div.slider-nav span.right { right: 2px; background: transparent url(../images/rocaUI/resources.png) no-repeat -115px -80px !important; width: 31px !important; height: 45px !important; } .slider-wrapper .orbit-wrapper div.slider-nav span.left { left: 2px; background: transparent url(../images/rocaUI/resources.png) no-repeat -83px -80px !important; width: 31px !important; height: 45px !important; } #featured { display:none; } .featured .content { width:990px; margin:0 auto; position:absolute; left:50%; margin-left:-495px; height:100%; overflow:hidden; top:0; } .featured .content h1 { position: absolute; bottom: 74px; left: 10px; color: #fff; text-shadow: 2px 2px 2px #666; } .featured .content h1 a { color: #fff; } .featured .content h1 a:hover { color: #fff; text-shadow: 3px 3px 3px #ddd; } .featured .content h2 { position: absolute; bottom: 48px; left:10px; color: #fff; text-shadow: 2px 2px 2px #666; } .slider-wrapper ul.orbit-bullets li:first-child { margin: 0; } ul.orbit-bullets li.timer { display: none; } .lt-ie8 .slider-wrapper .orbit-wrapper { height:100% !important; } .lt-ie8 .orbit { height:100% !important; } .lt-ie8 .slider-wrapper ul.orbit-bullets { /* left: 0; */ } /* gallery video */ /*.gallery-video {position: relative; margin-left: 53%; margin-top: 5%;}*/ /*.gallery-video.custom {position: relative; margin-left: 47%; margin-top: 5%;}*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 2px; width: 99%; height: 99%; } .collection .videoWrapper iframe {left:4px;} /* home carrousel > base banner */ .jcarousel-clip-horizontal {/* width: 987px !important; */ width: 935px !important; height:154px; overflow: hidden; margin: 0 auto;} .home-highlighted-2 li.columns.jcarousel-item {padding: 0; margin-right: 1px; height: 154px;} .jcarousel-container li.jcarousel-item a:hover {color: #fff !important;} li.jcarousel-item {position: relative;} li.jcarousel-item .label:hover {opacity: 1;} .jcarousel-container {margin: 0 auto; position: relative; overflow: hidden;} .jcarousel-container li h2 {padding: 3px 2px 2px 5px !important; } .jcarousel-container li.jcarousel-item a h2 {color: #CDCDCD;} .jcarousel-container li.jcarousel-item a h2:hover {color: #fff;} .jcarousel-container li.fivebox h2 {padding-left: 16px !important; } .jcarousel-container ul>:first-child {margin-left: 0 !important;} .jcarousel-prev, .jcarousel-next {position: absolute; top:0; z-index: 3333; width: 26px; height: 154px; cursor: pointer;} .jcarousel-prev {left:0; background: #070707 url("../images/rocaUI/resources.png") no-repeat scroll -352px -30px; } .jcarousel-next{right:0; background: #070707 url("../images/rocaUI/resources.png") no-repeat scroll -403px -30px; } .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover {background-color: #070707 !important; background-image: none;} .jcarousel-prev:hover, .jcarousel-next:hover {background-color: #1c1c1c;} div.prev p, div.next p {text-indent: -6000px;} .jcarousel-container .content {padding: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 56px !important;} li.jcarousel-item.news-home .content h2, li.jcarousel-item.events-home .content h2{font-size: 13px; line-height: 110%;} .news-home .label, .events-home .label{position: absolute; top:0; left:0; background-color: #000; padding: 3px; font-size: 13px; color: #666; text-transform: uppercase; /* Font-family: "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; */ z-index: 999;} /* ========================================================================== Orbit Solutions Page ========================================================================== */ .solutions-img-detail .orbit-controls { width:718px; margin:0 auto; position:absolute; overflow: visible !important; left:0 !important; display: block; height: 1px; top: 578px; } .solutions-img-detail .slider-wrapper .orbit-wrapper div.slider-nav span.right { top: -332px; right: 2px; background: transparent url(../images/rocaUI/resources.png) no-repeat -115px -80px !important; width: 31px !important; height: 45px !important; } .solutions-img-detail .slider-wrapper .orbit-wrapper div.slider-nav span.left { top: -332px; left: 2px; background: transparent url(../images/rocaUI/resources.png) no-repeat -83px -80px !important; width: 31px !important; height: 45px !important; } .solutions-img-detail .slider-wrapper .orbit-wrapper { width:100%;max-width:100%; margin:0 auto;overflow: hidden; height: 575px !important; } .solutions-img-detail div.orbit-wrapper span.pause { display:block; width:12px; height:12px; position:absolute; top:5px; left:5px; /* background:url(../images/foundation/orbit/pause-black-box.png) no-repeat -14px -14px !important; */ z-index:1; opacity:1; } .solutions-img-detail div.orbit-wrapper li.timer span.pause { width:22px; height:22px; top:0; left:0; background-color: #666; } .solutions-img-detail ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/foundation/orbit/bullets-box-solutions.png') no-repeat 0 0; width: 25px; height: 22px; overflow: hidden; position: relative; } /* ========================================================================== */ .home-highlighted-1, .home-highlighted-2 { background: #F4F5F5; padding-top: 10px; position: relative; } .home-highlighted-1 .columns { background: #999; padding-right: 1px; } .home-highlighted-1 .columns .picture{ padding: 0; height: 156px; overflow: hidden; } .home-highlighted-2 .columns .picture{ padding: 0; height: 102px; overflow: hidden; } .home-highlighted-2 .columns { background: #999; padding-right: 1px; } .home-highlighted-1 .columns:last-child, .home-highlighted-2 .columns:last-child { padding-right: 0; } .home-highlighted-1 .columns h1, .home-highlighted-1 .columns h2, .home-highlighted-1 .columns h3, .home-highlighted-1 .columns h4, .home-highlighted-1 .columns p { line-height: 130%; color: #666; padding: .75em 0 0 0; margin: 0; } .home-highlighted-1 .columns h2, .home-highlighted-2 .columns h2 { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; font-style: normal; font-size: 1.5em; color: #fff; padding: 0; } .home-highlighted-2 .columns h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .home-highlighted-1 .columns h2 a, .home-highlighted-2 .columns h2 a{ color: #cdcdcd; outline: none;} .home-highlighted-1 .columns h2 a:hover, .home-highlighted-2 .columns h2 a:hover{ color: #fff;} .home-highlighted-1 .columns h2 { font-size: 1.2em; margin: 0; } .home-highlighted-2 .columns h2 { font-size: 1em; margin: 0; } .home-highlighted-1 .columns p, .home-highlighted-2 .columns p { font-weight: normal; font-style: normal; font-size: 0.8em; color: #666; padding: 0 0 1em 0; } .home-highlighted-1 .columns p { height: 20px; width: 315px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-highlighted-1 .columns img { width: 100%; max-height: 159px !important; } .home-highlighted-2 .columns img { width: 100%; /* height: 100px; */ } .home-highlighted-1 .columns img:hover, .home-highlighted-2 .columns img:hover { opacity:0.9;filter:alpha(opacity=90); /* For IE8 and earlier */ cursor: pointer; } .home-highlighted-1 .columns .content { background: transparent url("../images/rocaUI/background_texturized.jpg") repeat center 0; width: auto; /* height: 100%; */ padding: 8px; } .home-highlighted-2 .columns .content { background: transparent url("../images/rocaUI/background_texturized.jpg") repeat center 0; width: auto; height: 100%; padding: 8px; } /* ========================================================================== Header styles ========================================================================== */ .header { background-color: #000; border-bottom: 1px solid #4a4a4a; } .sub-nav { background-color: #000; height: 21px; position: relative; z-index: 500; } .sub-nav > nav > .columns { border-bottom: 1px solid #2f2f2f; height: 21px; } .sub-nav > nav > .columns > ul { position: absolute; height: 21px; } .sub-nav > nav > .columns > ul > li { float: left; height: 21px; } .sub-nav > nav > .columns > ul > li > a { /* font-weight: bold; */ font-size: 10px; line-height: 18px; color: #8e8e8e; float: left; font-weight: normal; outline: none; } .sub-nav > nav > .columns > ul > li > a:hover, .sub-nav > nav > .columns > ul > li > a.hovered { color: #fff; } .sub-nav > nav > .columns > ul.last { right: 0; } .sub-nav > nav > .columns > ul.last > li { margin-left: 30px; position: relative; } .sub-nav > nav > .columns > ul.last > li:first-child { margin-left: 0; } .sub-nav > nav > .columns > ul.last > li:last-child { background-color: #343232; width: 205px; } .sub-nav > nav > .columns > ul.last > li.myroca-box { background-color: #343232; width: 205px; } li.myroca-box { background-color: #343232; width: 205px; } .main-header { background-color: #000; height: 58px; position: relative; z-index: 99; } .main-header h1.logo { margin: 4px 0 0 0 !important; padding: 0; font-size: 14px; } .main-header h1.logo a { height: auto; width: 100%; padding: 0 0 0 0; overflow: hidden; display: block; margin: 0; outline: 0; } .main-header h1.logo img { width: 80%; height: auto; } .lt-ie9 .main-header h1.logo img { } .tagline p { color: #8a8a8a !important; font-size: 13px; line-height: 23px; } .search-link p { text-align: right; font-size: 12px; line-height: 27px; color: #8a8a8a !important; } .search-link a { color: #8a8a8a !important; } .search-link a:hover { color: #fff !important; } .search-link input {color: #ddd;} .main-nav { background-color: #000; height: 35px; position: absolute; z-index: 999; width: 100%; top: 59px; left: 0; } .main-nav input{} .main-nav ul > li { border-right: 1px solid #4a4a4a; font-size: 13px; line-height: 20px; } .main-nav ul > li:last-child, .main-nav ul > li.last { border-right: none; } .lt-ie8 .main-nav > nav > ul > li.last { width: 16.2%; } .main-nav > nav > ul > li:hover, .main-nav > nav > ul > li.hovered { background-color: #0093D0; } .main-nav > nav > ul > li > a { width: auto; padding-left: 6px; font-size: 13px; line-height: 34px; color: #fff; height: 35px; display: block; } /* product nav */ .product-nav { position: relative; display: block; clear: both; margin-top: 37px; } .lt-ie8.lt-ie9 .product-nav {z-index: 98;} .product-nav:before, .row:after{ content: " "; display: table; } .product-nav ul > li a { border-right: 1px solid #fff; font-size: 13px; line-height: 20px; background-color: #E0DCDC; border-bottom: 1px solid #bdbdbd; height: 20px; } .product-nav ul > li:last-child a, .main-nav ul > li.last a { border-right: none; } .lt-ie8 .product-nav > nav > ul > li.last a { width: 16.2%; } .product-nav > nav > ul > li a:hover, .product-nav > nav > ul > li.hovered a { background-color: #0093D0; color:#fff; } ul.block-grid li.hovered a { background-color: #0093D0; color:#fff; } .product-nav > nav > ul > li.goto-local-bt:hover p, .product-nav > nav > ul > li.goto-local-bt:hover h3 { color: #222; } .product-nav > nav > ul > li > a { width: auto; padding-left: 6px; font-size: 11px; color: #666; display: block; } .product-nav > nav > ul > li > a:hover { color: #fff; } /* ========================================================================== Header Menus ========================================================================== */ /* menu-select-country */ .submenu-select-country, .menu-select-country, .menu-select-products, .menu-select-solutions, .bigmenu { display: none; height: 625px; position: absolute; top: 35px; width: 990px !important; /* z-index: 65000; */ left: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .lt-ie9.lt-ie8 .menu-select-country{ width: 982px; padding: 4px 0; } .lt-ie9 .submenu-select-country, .lt-ie9 .menu-select-country, .lt-ie9 .menu-select-products, .lt-ie9 .menu-select-solutions {background-color: #000;} .menu-select-products { display: none; height: 420px; position: absolute; top: 35px; width: 990px; left: 0; background: transparent url(../images/rocaUI/background_opacity.png) repeat 0 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .lt-ie9.lt-ie8 .menu-select-products {width: 990px;} .menu-select-solutions { display: none; height: 300px; position: absolute; top: 35px; left: 165px; width: 825px !important; z-index: 1; box-shadow: 0 6px 3px -3px #969696; -moz-box-shadow: 0 6px 3px -3px #969696; -webkit-box-shadow: 0 6px 3px -3px #969696; -o-box-shadow: 0 6px 3px -3px #969696; -ms-box-shadow: 0 6px 3px -3px #969696; background: url("../images/rocaUI/background_opacity.png") repeat scroll 0 0 transparent; } .submenu-select-country { border-bottom: 3px solid #666; top: 21px; left: -165px; background-color: #000; } .submenu-select-country .container { height: 490px; overflow: auto; } .menu-select-country, .menu-select-products { font-size: 12px; height: auto; } .menu-select-country .container, .menu-select-products .container { overflow: auto; padding: 5px; } .menu-select-country .content, .menu-select-products .content, .menu-select-solutions .content { overflow: auto; background: transparent url(../images/rocaUI/background_texturized_big.jpg) repeat 0 0; padding: 10px 10px 40px 10px; } .menu-select-country.international {height: 400px;} .menu-select-country.international .content { overflow: auto; background: transparent url('../images/rocaUI/menuproducts/menu_com_bkg.jpg') no-repeat 0 0 !important; padding: 10px; height: 390px; } .menu-select-country.international .content .columns.centered {margin: 0;} .menu-select-country.international p.choose-country {border-bottom: none !important;} .menu-select-country.international p.choose-country a { font-size: 17px !important; font-weight: bold; color: #fff; display: block; padding: 5px 0 5px 0; background-color: #343232; position: relative; text-align: center; } .menu-select-country.international p.choose-country a.chevron-big-right span { background: transparent url("../images/rocaUI/arrow-right-white.png") no-repeat 0 0; position: absolute; height: 40px; width: 40px; right: 0; top:10px; } .markets-white-popup { position: relative; background: #eee; padding: 20px; width: auto; max-width: 990px; min-height: 740px; height: auto; margin: 0 auto; display: block; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .markets-white-popup .country-tit {border-bottom-color: #666; color:#666;} .menu-select-country.international p.choose-country a:hover {color: #999; padding: 5px !important; } .menu-select-country.international .special-message { width: 100; min-height: 40px; margin: 15% auto 0 auto !important; display: block; zoom: 1; filter: alpha(opacity=90); opacity: 0.9; } .menu-select-products .content {overflow: hidden; margin: 5px auto; width: 980px;} .lt-ie8.lt-ie9 .local-products.content {width: 960px;} .menu-select-solutions .content {overflow: hidden; margin: 5px auto; width: 812px; height: 288px;} .lt-ie8.lt-ie9 .menu-select-solutions .content {width: 794px; height: 239px;} .menu-select-country .content p.choose-country { color: #178acd; font-size: 14px; line-height: 24px; } .submenu-select-country .logo { margin: 4px 0 0 0; padding: 0; } .submenu-select-country .logo a { text-indent: -9999px; background: transparent url('../images/rocaUI/resources.png') no-repeat -4px -4px; width: 70px; height: 28px; padding: 25px 0 0 0; overflow: hidden; display: block; margin: 0; overflow: hidden; } .submenu-select-country .content { margin: 40px 17px 17px 17px; font-size: 12px; } .submenu-select-country .content .columns, .menu-select-country .content .columns { margin-right: 10px; } .submenu-select-country .content .one, .menu-select-country .content .one, .page-select-country .content .one { width: 116px; } .submenu-select-country .content .two, .menu-select-country .content .two { width: 242px; } .submenu-select-country .content .extra, .menu-select-country .content .extra, .page-select-country .content .extra{ width: 180px; margin-left: 1px; margin-right: 0; } .lt-ie9 .submenu-select-country .content .extra, .lt-ie9 .menu-select-country .content .extra { width: 170px;} .page-select-country .content .extra {float: left !important;} .submenu-select-country .content .columns p, .menu-select-country .content .columns p, .page-select-country .content .columns p { clear: both; border-bottom: 1px solid #4a4a4a; color: #fff; margin: 15px 0 5px 0; padding-bottom: 2px; width: 100%; float: left; } .page-select-country .content .columns p {width: 98% !important; clear: both !important; float: none !important; margin: 0 0 5px 0 !important; color: #999 !important; padding: 0 !important;} .page-select-country .mobile-three.one.columns.last {} .submenu-select-country .content .columns p:first-child, .menu-select-country .content .columns p:first-child { margin: 0 0 5px 0; color: #fff; } .submenu-select-country .content .columns > ul, .menu-select-country .content .columns > ul, .page-select-country .content .columns > ul{ float: left; width: 116px; margin-right: 5px; position: relative; } .submenu-select-country .content .columns > ul:last-child, .menu-select-country .content .columns > ul:last-child, .page-select-country .content .columns > ul:last-child{ margin-right: 0; } .submenu-select-country .content .columns > ul li, .menu-select-country .content .columns > ul li, .page-select-country .content .columns > ul li { clear: both; border: none; margin-bottom: 5px; } .submenu-select-country .content .columns > ul li a, .menu-select-country .content .columns > ul li a { color: #8a8a8a; font-size: 12px; line-height: 110%; } .submenu-select-country .content .columns > ul li a.other, .menu-select-country .content .columns > ul li a.other { color: #178acd; } .submenu-select-country .content .columns > ul li a:hover, .menu-select-country .content .columns > ul li a:hover { color: #fff; } .submenu-select-country .content .submenu { display: none; margin-top: 60px; } .menu-select-country .content .submenu { display: none; margin-top: 0; } .submenu-select-country .content .submenu p, .menu-select-country .content .submenu p { margin: 0 0 5px 0; } .submenu-select-country .content .international-site-link, .menu-select-country .content .international-site-link { display: inline-block } .submenu-select-country .content .international-site-link a, .menu-select-country .content .international-site-link a { color: #fff; } .submenu-select-country .content .international-site-link a {color:#000;} .submenu-select-country .content .international-site-link a:hover {color: #fff;} .submenu-select-country .content .international-site-link a span.chevron-small-nomenu, .menu-select-country .content .international-site-link a span.chevron-small-nomenu { margin-top: 3px; } .submenu-select-country .content .submenu p, .menu-select-country .content .submenu p { color: #6a6a6a; width: 100% border-bottom: 1px solid #8a8a8a; } .submenu-select-country .content .submenu p.country-list, .menu-select-country .content .submenu p.country-list { color: #8a8a8a; padding: 3px 0 10px 0; float: none; clear: both; } .submenu-select-country .content .submenu p.country-list a, .menu-select-country .content .submenu p.country-list a { color: #8a8a8a; line-height: 150%; } .submenu-select-country .content .submenu p.country-list a:hover, .menu-select-country .content .submenu p.country-list a:hover { color: #fff; } /* menu-more-sites */ .menu-more-sites, .menu-more-lang { background-color: #222; border-bottom: 3px solid #666; display: none; position: absolute; top: 21px; z-index: 65000; left: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .menu-more-sites{width: 170px; min-height: 109px;} .menu-more-lang {width: 96px; min-height: 80px;} .menu-more-sites .content, .menu-more-lang .content { margin: 10px auto; font-size: 12px; text-align: left; width: 85%; } .menu-more-sites .content .columns, .menu-more-lang .content .columns { margin: 0; } .menu-more-sites .content > ul, .menu-more-lang .content > ul { position: relative; } .menu-more-sites .content ul li a, .menu-more-lang .content ul li a { color: #8a8a8a; font-size: 12px; padding: .5em 0; display: block; border-bottom: 1px solid #777 !important; } .menu-more-sites .content > ul li a.other { color: #178acd; } .menu-more-sites .content > ul li a:hover, .menu-more-lang .content > ul li a:hover { color: #fff; } /* My Roca */ .my-roca-out { height:19px; width: auto; position: relative; border-top:0;} ul.my-roca-out li {margin-right: 2px;} .lt-ie9 ul.my-roca-out li {margin-right: 0;} .my-roca-out:hover {cursor: pointer;} .my-roca-active {background-color: #eee !important;} .my-roca { background-color: #f2f2f2; display: none; position: absolute; top: 19px; z-index: 65000; right: 0; width: 205px; min-height: 110px; border-right: 0px solid #575757; border-left: 0px solid #575757; border-bottom: 3px solid #666; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } .my-roca .content { font-size: 12px } .my-roca .content ul { margin: 15px auto 0 auto; width: 94%; } .my-roca .content ul li {font-size: 13px; text-indent: 17px;} .lt-ie9.lt-ie8 .my-roca .content ul li.wish, .lt-ie9.lt-ie8 .my-roca .content ul li.comparer {position: relative; width:190px;} .my-roca .content ul li span.icon { width: 18px; height: 15px; position: relative; float: right; background: transparent url(../images/rocaUI/arrow-right-white-flat.png) no-repeat; margin-right: -8px; } .lt-ie9.lt-ie8 .my-roca .content ul li span.icon { position: absolute; left: 155px; top: 10px; float: none; margin: 0; } .my-roca .content ul li.wish a {color:#666; font-weight: normal; background: #eee url("../images/rocaUI/icons-my-roca.png") no-repeat 1px 10px;} .my-roca .content ul li.comparer a {color:#666; font-weight: normal; background: #eee url("../images/rocaUI/icons-my-roca.png") no-repeat 2px -95px;} ul.last li ul {position: relative;} ul.last li ul li { font-size: 11px; color: #fff; display: inline; } ul.last li ul.my-roca-out li:last-child { position: absolute; right: 0; top:4px; } ul.last li ul.my-roca-out li a{ color: #8F8F8F; padding-right: 1px; } ul.my-roca-out.my-roca-active li a { color:#000 !important; } .my-roca .content ul li:last-child { position: relative !important; right: 0; width: 100%; } ul.last li ul li a{color: #fff;} .my-roca .content ul li a { padding: 10px 5px; margin: 5px 0; display: block; } .my-roca .content ul li a:hover {background-color: #0093D0 !important; color: #fff;} li.wish-icon p, li.comparer-icon p { font-size: 11px; color: #8f8f8f; margin: 0; padding:0 0 0 18px; display: inline;} li.wish-icon, li.comparer-icon {position: relative; } li.wish-icon {background: transparent url("../images/rocaUI/icons-my-roca.png")no-repeat 3px -1px;} li.comparer-icon {background: transparent url("../images/rocaUI/icons-my-roca.png")no-repeat 0 -106px;} .lt-ie9 .myroca-box li.wish-icon {background-color: transparent; background-image:url("../images/rocaUI/icons-my-roca.png"); background-position: 3px 2px; background-repeat: no-repeat; padding: 2px; width: 45px; height: 23px;} .lt-ie9 .myroca-box li.comparer-icon {background-color: transparent; background-image:url("../images/rocaUI/icons-my-roca.png"); background-position: 2px -102px !important; background-repeat: no-repeat; padding: 2px; width: 45px; height: 23px;} .lt-ie9 .myroca-box li.wish-icon.acive {background-color: red; background-image:url("../images/rocaUI/icons-my-roca.png"); background-position: 3px -49px; background-repeat: no-repeat; padding: 2px; width: 45px; height: 23px;} .lt-ie9 .myroca-box li.comparer-icon.active {background-color: transparent; background-image:url("../images/rocaUI/icons-my-roca.png"); background-position: 0 -147px; !important; background-repeat: no-repeat; padding: 2px; width: 45px; height: 23px;} .lt-ie8.lt-ie9 .menu-my-roca {padding-left: 35px !important;} .lt-ie8.lt-ie9 ul.my-roca-out {padding-top: 3px;} .lt-ie9 .menu-my-roca {padding-left: 58px !important;} li.wish-icon.active {background: transparent url("../images/rocaUI/icons-my-roca.png")no-repeat 3px -49px;} li.comparer-icon.active {background: transparent url("../images/rocaUI/icons-my-roca.png")no-repeat 0 -147px;} .my-roca-out a.chevron-tiny-nomenu-right span {background: transparent url("../images/rocaUI/resources.png") no-repeat -14px -101px; position: relative;} .wish-list .pagination2 {background-color: #c8dae8 !important;} /* Wish List */ p#addto, p#delof {display: inline-block;} p#delof {display: none;} .row.main-content.products .row {margin: 10px 0;} .main-content .three .second-menu.wishes{margin-top: 0 !important; padding: 0 !important;} .second-menu.wishes li h5 { font-size: 13px; font-weight: normal; color: #000; background-color:#eee; margin: 0; padding: 8px 3px; } .main-content .three .second-menu.wishes ul li a.save{background: url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -280px transparent; text-indent: 20px; cursor:pointer;} .main-content .three .second-menu.wishes ul li a.send{background: url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -385px transparent; text-indent: 20px; cursor:pointer;} .main-content .three .second-menu.wishes ul li a.pdf{background: url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -185px transparent; text-indent: 20px; cursor:pointer;} .main-content .three .second-menu.wishes ul li a.compare{background: url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -98px transparent; text-indent: 20px; cursor:pointer;} #my-roca-message-wish, #my-roca-message-comparer {position: absolute; z-index: 99999; display: none; position: absolute; background: transparent url('../images/rocaUI/arrow_top_adv.png')no-repeat center top; width: auto; min-width: 215px; height: 90px; top:25px; right: -9px;} #my-roca-message-wish div, #my-roca-message-comparer div {background-color: #0093D0; color: #fff; height: 25px; width: 90%; margin: 0 auto; } #my-roca-message-wish div p,#my-roca-message-comparer div p {padding: 5px 8px 0 8px; font-size: 13px; text-align: center; } .lt-ie9.lt-ie8 #my-roca-message-wish, .lt-ie9.lt-ie8 #my-roca-message-comparer {z-index: 65000; right: -1px; width: 220px;} .lt-ie9.lt-ie8 #my-roca-message-wish div p, .lt-ie9.lt-ie8 #my-roca-message-comparer div p {padding: -3px 6px 0 6px; margin-top: 0; font-size: 13px; text-align: center; line-height: 90%; color:#fff; } /* Menus */ .menu-main { display: none; position: absolute; top: 35px; z-index: -1; left: 0; width: 66.66667%; } .lt-ie8 .menu-main-products { position: absolute; top: 35px; z-index: 50 !important; left: 0; width: 66.66667%; } .menu-design-and-innovation, .menu-sustainability, .menu-news-and-events, .menu-where-to-find-us { margin-left: 330px; } .menu-main .content { padding: 5px; } .menu-main .content, .menu-select-country { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); background: transparent url(../images/rocaUI/background_opacity.png) repeat 0 0; padding: 5px 0 5px 5px; overflow: auto; } .lt-ie8.lt-ie9 .menu-main .content, .lt-ie8.lt-ie9 .menu-select-country { background-image: none; background-color: #000 !important; } .lt-ie8 .menu-main .content, .lt-ie8 .menu-select-country { background-image: none; /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/rocaUI/background_opacity.png',sizingMethod='scale') ; */ } .menu-select-country { padding: 5px 5px 5px 5px; } .menu-main .columns > ul > li { background: transparent url(../images/rocaUI/background_texturized.jpg) repeat 0 0; color: #fff; width: 322px; min-height: 160px; margin: 0 5px 5px 0; border: none; float: left; position: relative; } .menu-main .category-link { clear: both; float: right; margin-right: 6px; } .menu-main .category-link a { color: #fff; } .menu-main .category-link a:hover { } .menu-company .columns > ul > li:first-child, .menu-news-and-events .columns > ul > li:first-child{ min-height: 325px; } .menu-main .columns > ul > li .title { float: left; width: 150px; height:82px; margin: 0 5px 0 5px; overflow: hidden; } .menu-company .columns > ul > li:first-child .title, .menu-news-and-events .columns > ul > li:first-child .title { width: 100%; } .menu-main .columns > ul > li .title p { margin: 5px 0 0; font-size: 14px; line-height: 105%; color: #666; } .menu-main .columns > ul > li .title p.subtitle { font-size: 11px; line-height: 11px; color: #8a8a8a; } p.subtitle {height: 57px;} .menu-main .columns > ul > li .picture { float: right; width: 155px; margin: 0; } .menu-company .columns > ul > li:first-child .picture, .menu-news-and-events .columns > ul > li:first-child .picture { width: 322px; } .menu-main .columns > ul > li .picture img { width: 156px; height: 80px; } .menu-company .columns > ul > li:first-child .picture img, .menu-news-and-events .columns > ul > li:first-child .picture img { width: 322px; height: 110px; } .menu-main .columns > ul > li .link-items { position: absolute; top: 86px; left: 5px; } .menu-company .columns > ul > li:first-child .link-items { top: 200px; } .menu-news-and-events .columns > ul > li:first-child .link-items { top: 170px; } .menu-main .columns > ul > li .link-items ul li { border: 0; line-height: 16px; } .menu-main .columns > ul > li .link-items ul li a { color: #e6e6e6; outline: none; } .menu-main .columns > ul > li .link-items ul li a:hover { color: #fff; } /* variations main menu */ .smallmenu.menu-main {width: 33.33333% !important; overflow: hidden; left: auto;} .smallmenu.menu-main .content {padding: 5px 0 5px 5px;} .smallmenu.menu-main .columns > ul > li {width: 319px;} li.last .smallmenu.menu-main, li.last .bigmenu.menu-main {right: 0 !important;} .bigmenu.menu-main {box-shadow: none;} .bigmenu.menu-main .columns > ul > li:first-child { margin: 0 6px 6px 1px; } .bigmenu.menu-main .columns > ul > li { margin: 0 6px 6px 0; } .bigmenu.menu-main .columns > ul > li.oneheight { min-height: 160px; height: 160px; margin: 0 6px 6px 0; } .bigmenu.menu-main .columns > ul > li.oneheight .picture { float: right; margin: 0; width: 155px; } .bigmenu.menu-main .columns > ul > li.oneheight .picture img { height: 80px; width: 156px; } .bigmenu.menu-main .columns > ul > li.oneheight .link-items { left: 10px; position: absolute; top: 83px; } .bigmenu.menu-main .columns > ul > li.oneheight .title { float: left; margin: 0 5px 0 10px; width: 130px !important; } .bigmenu.menu-main .columns > ul > li.twoheight, .smallmenu.menu-main .columns > ul > li.twoheight { height: 325px; margin: 0 6px 6px 0; } .bigmenu.menu-main .columns > ul > li.twoheight .picture, .smallmenu.menu-main .columns > ul > li.twoheight .picture { width: 100%; float:none; } .bigmenu.menu-main .columns > ul > li.twoheight .picture img, .smallmenu.menu-main .columns > ul > li.twoheight .picture img { width: 100%; height: auto; } .bigmenu.menu-main .columns > ul > li.twoheight .link-items, .smallmenu.menu-main .columns > ul > li.twoheight .link-items { top: 170px; } .bigmenu.menu-main .columns > ul > li.twoheight .title, .smallmenu.menu-main .columns > ul > li.twoheight .title { width: 290px; } .smallmenu.menu-main .columns > ul > li .title {width: 120px;} .mirrow.menu-main .columns > ul > li, .mirrow.menu-main .columns > ul > li.oneheight, .mirrow.menu-main .columns > ul > li.twoheight {float: right !important; background-color: yellow; } .mirrow.menu-main .content, .smallmenu.menu-main .content { overflow: hidden;} /* ========================================================================== ICOs and chevrons ========================================================================== */ a.chevron-tiny-right, a.chevron-tiny-nomenu-right { padding-right: 10px; position: relative; } a.chevron-tiny-right span, a.chevron-tiny-nomenu-right span { background: transparent url(../images/rocaUI/resources.png) no-repeat -14px -100px; width: 7px; height: 7px; position: absolute; right: 0; top: 0; margin: 5px 0 0 0; } .my-roca-out a.chevron-tiny-right span, .my-roca-out a.chevron-tiny-nomenu-right span { right: 2px; } .my-roca-out a.chevron-tiny-nomenu-right span { display: inline-block; position: relative; margin-left: 4px; } a.chevron-tiny-nomenu-right span { background-position: -15px -108px; } a.chevron-tiny-right:hover span { background-position: 0 -100px; } a.chevron-small-right, a.chevron-small-nomenu-right { padding-right: 10px; position: relative; } a.chevron-small-right span, a.chevron-small-nomenu-right span { background: transparent url(../images/rocaUI/resources.png) no-repeat 0 -100px; width: 7px; height: 7px; position: absolute; right: 0; top: 0; margin: 5px 0 0 0; } a.chevron-big-right span { background: transparent url(../images/rocaUI/resources.png) no-repeat -14px -100px; width: 13px; height: 7px; position: absolute; right: 0; top: 0; margin: 0 0 0 0; } .product-nav a.chevron-small-right span, .product-nav a.chevron-small-nomenu-right span { background: transparent url(../images/rocaUI/resources.png) no-repeat -14px -100px; width: 13px; height: 7px; position: absolute; right: 0; top: 0; margin: 15px 0 0 0; } .product-nav a.chevron-tiny-nomenu-right span { background-position: -13px -108px; margin: 6px 0 0 0; width: 12px; } .product-nav a.chevron-tiny-nomenu-right:hover span { background-position: -26px -108px; } .product-nav a.chevron-small-right:hover span { background: transparent url(../images/rocaUI/resources.png) no-repeat 0 -100px; } .main-nav ul li a.chevron-small-right span { margin: 15px 6px 0 0; } a.chevron-search-link { padding-right: 10px; position: relative; } a.chevron-search-link span { background: transparent url(../images/rocaUI/resources.png) no-repeat -42px -100px; width: 6px; height: 7px; position: absolute; right: 0; top: 0; margin: 3px 0 0 0; } .lt-ie8 a.chevron-search-link span { margin: 3px 0 0 0; } a.chevron-search-link:hover span { background-position: -42px -107px; } a.chevron-link span { background: transparent url(../images/rocaUI/resources.png) no-repeat -28px -100px; width: 6px; height: 8px; display: block; float: left; margin: 5px 4px 0 0; } a.chevron-link:hover span { background-position: -28px -108px; } a span.ico-select-country { background: transparent url(../images/rocaUI/resources.png) no-repeat -57px -100px !important; width: 12px !important; height: 12px !important; display: block !important; float: left !important; margin: 3px 4px 0 0 !important; position: relative !important; } a:hover span.ico-select-country, a.hovered span.ico-select-country { background-position: -57px -112px !important; } .catalog-page-footer {float: none; clear: both; display: block;} .footer { margin-top: 20px; } .footer-links { border-left: 1px solid #cccccc; } .lt-ie8 .footer-links.last { width: 16% } .footer-links ul { min-height: 200px; margin-left: 13px; } .footer-links ul li { font-size: 12px; line-height: 14px; padding-bottom: 5px; } .footer-links ul li:first-child { font-size: 13px; color: #727272; } .footer-links ul li a { color: #178acd; line-height: 14px; } .footer .footer-logo { margin-top: 65px; height: 60px; overflow: hidden; border-bottom: 1px solid #cccccc; } .footer .footer-logo a { width: 288px; height: 0; padding-top: 0; display: inline-block; outline: none; } .footer .footer-logo .mobile-four.three.columns img {width: 187px; height: auto; margin-top: 8px; margin-bottom: 2px; padding-bottom: 2px;} .footer .footer-copyright p { color: #666; font-size: 11px; line-height: 30px; float: left; } .footer .footer-copyright p:last-child { margin-left: 1px; } .footer .ban_footer { background-color: transparent; float: right; height: auto; margin: -7px 5px 0 0; min-width: 50px; padding-top: 4px; text-align: right; width: 100%;} .footer .ban_footer a {width: auto;} /* ========================================================================== xHotSpots & TipTip Styles ========================================================================== */ .xhs-wrap { height: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .xhs-wrap.hs-loading * { display: none; } .xhs-wrap img { display: block; } .xhs-spot-object { position: absolute; cursor: pointer; z-index: 99; } .xhs-spot-object.visible-tooltip { z-index: 9999; } .xhs-spot.visible .xhs-spot-shape { position: absolute; left: -1px; top: -1px; width: 32px; height: 32px; z-index: 99; background: transparent url(../images/xhotspot/xhs_spot.png) repeat 0 0; } .lt-ie9.lt-ie8 .xhs-spot.visible .xhs-spot-shape { background: transparent url(../images/xhotspot/xhs_spot.png) repeat 0 0; } .xhs-tooltip { display: none; } #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; width: 18px; height: 18px; margin-left: -4px; } #tiptip_holder.tip_top #tiptip_arrow_inner { background: transparent url(../images/xhotspot/arrow_down.png) repeat 0 0; margin-top: -4px; margin-left: -4px; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { background: transparent url(../images/xhotspot/arrow_top.png) repeat 0 0; margin-top: -2px; margin-left: -4px; } #tiptip_holder.tip_right #tiptip_arrow_inner { background: transparent url(../images/xhotspot/arrow_left.png) repeat 0 0; margin-left: -2px; margin-top: -4px; } #tiptip_holder.tip_left #tiptip_arrow_inner { background: transparent url(../images/xhotspot/arrow_right.png) repeat 0 0; margin-left: -4px; margin-top: -4px; } #tiptip_holder .tt-box { width: auto; height: 170px; padding: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); background: transparent url(../images/rocaUI/background_opacity_tt.png) repeat 0 0; } .lt-ie9.lt-ie8 #tiptip_holder .tt-box .tt-info { height: 160px; } .lt-ie9 #tiptip_holder .tt-box .tt-info { height: 160px; } .lt-ie9 #tiptip_holder .tt-box .tt-picture{ height: 160px; } .lt-ie9.lt-ie8 #tiptip_holder .tt-box{ height: 165px; overflow: hidden; } .lt-ie8 #tiptip_holder .tt-box { background-color: #000;} #tiptip_holder .tt-box .tt-info { float: left; width: 239px; height: 100%; margin-right: 1px; background: transparent url(../images/rocaUI/hotspot_bkg.jpg) repeat 0 0; } #tiptip_holder .tt-box .tt-picture { float: left; width: 208px; height: 100%; background-color: #fff; overflow: hidden; } .touch #tiptip_holder .tt-box {width: 460px;} .lt-ie9 .tt-box .tt-picture { overflow: hidden; } .lt-ie9.lt-ie8 .tt-box .tt-picture { overflow: hidden; } #tiptip_holder .tt-box .tt-picture img {width: auto; height: 88%; margin: 8px auto 0 auto; display: block; float: none; clear: both; vertical-align: middle} .lt-ie9.lt-ie8 #tiptip_holder .tt-box .tt-picture img {/* height:auto !important; */ margin: 0 auto;} .lt-ie9.lt-ie8 .fullrow.slider .slider-wrapper #tiptip_holder .tt-box .tt-picture img {} html.lt-ie9.lt-ie8 .tt-picture img {/* width:84% !important; max-width: 84% !important; min-width: 84% !important; */} #tiptip_holder .tt-box h4 { color: #666666; font-size: 1.25em; font-style: normal; font-weight: normal; margin: 10px 0 0 10px; } #tiptip_holder .tt-box h5 { color: #666666; font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 15px; font-style: normal; font-weight: normal; margin: 0 0 4px 10px; } #tiptip_holder .tt-box p { font-size: 0.8em; margin: 0; padding: 0; margin-left: 10px; line-height: 16px; color: #666666; } #tiptip_holder .tt-box p.link { line-height: 19px; color: #666666; } #tiptip_holder .tt-box p a { color: #000; padding: 2px; margin-top: 8px; } #tiptip_holder .tt-box p a:hover {color: #666; } /* MASONRY */ /**** Base styles ****/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /**** Content ****/ #content { padding: 10px 10px 10px 20px; } .box ul, .box ol { padding: 0.5em 0 0.5em 0.15em;} /**** Demos ****/ #container { width: 98%; padding: 5px; margin: 0 auto 20px auto; clear: both; } .centered { margin: 0 auto; } .box { margin: 3px; padding: 5px 5px 10px 5px; background: #eee; font-size: 11px; line-height: 140%; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box h2 { font-size: 15px; line-height: 120% !important; font-weight: 200; padding: 0 !important; } .box h3 { font-size: 13px; line-height: 110% !important; font-weight: bold; padding: 0 !important; margin: 0; color: #000; } .box h3 a, .masonry .box h3 a:link{ color: #000 !important; } .main-content .box li h2 { list-style-type: none; padding: 1px !important; margin: 0; color:#0082D1; border-bottom: 1px solid #d4d4d4; text-indent: 0 !important; font-weight: bold; } .lt-ie8.lt-ie9 .main-content .box li.col01 h2 { list-style-type: none; padding: 0 !important; margin: 0 !important; text-indent: 0 !important; text-align: left; outline-style: none; } .lt-ie8.lt-ie9 .main-content .box h2 { margin: 0 !important; padding: 0 !important; } .lt-ie8.lt-ie9 .main-content .box li { margin: 0 !important; padding: 3px 0 !important; } .box li h2 a:hover{ color:#0082D1 !important; } .box ul { list-style-type: none; text-indent: 0 !important; } .box ul li{ list-style-type: none; font-size: 12px; line-height: 110%; padding-bottom: 4px } .box ul li a:link{} .box ul li a:hover{ color:#0082D1 !important; } .box img, #tumblelog img { display: block; width: 100%; } .rtl .box { float: right; text-align: right; direction: rtl; } .col1 { width: 186px; } .lt-ie8.lt-ie9 .masonry .col1 { width:178px;} .col1 img { max-width: 80px; } /**** Gutters ****/ .has-gutters .box { margin: 5px 0; } .has-gutters .col1 { width: 90px; } .has-gutters .col2 { width: 230px; } .has-gutters .col3 { width: 370px; } .has-gutters .col4 { width: 550px; } /**** Transitions ****/ .transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } .transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } /* disable transitions on container */ .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } /* Infinite Scroll loader */ #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 45%; bottom: 40px; width: 200px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /**** Fluid ****/ #container.fluid { padding: 5px 0; } .fluid .box { margin: 5px 1%; padding: 5px 1%; } .fluid .box.col1 { width: 16%; } .fluid .box.col2 { width: 36%; } .fluid .box.col3 { width: 56%; } /**** Corner stamp ****/ .corner-stamp { width: 280px; height: 340px; padding: 10px; margin: 10px; float: right; background: red; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /**** Pygments ****/ code .s1, code .s { color: #78BD55; } /* string */ code .mi, /* integer */ code .cp, /* doctype */ code .kc { color: #5298D4; } /*boolean*/ code .k { color: #E39B79; } /* keyword */ code .kd, /* storage */ code .na { color: #A9D866; } /* markup attribute */ code .p { color: #EDB; } /* punctuation */ code .o { color: #F63; } /* operator */ code .nb { color: #AA97AC;} /* support */ /* comment */ code .c, code .c1 { color: #666; font-style: italic; } code .nt { color: #A0C8FC; } /* Markup open tag */ code .nf { color: #9EA8B8; } /* css id */ code .nc { color: #A78352; } /* CSS class */ code .m { color: #DE8E50; } /* CSS value */ code .nd { color: #9FAD7E; } /* CSS pseudo selector */ /**** Clearfix ****/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Author styles ========================================================================== */ .roca-empty {width: 100%; min-height: 600px; display:block;} #roca-empty-loading{ position:fixed; top:0; left:0; background: #fff url(../img-static/loader_gray_48.gif) no-repeat center center; z-index:64001; width:100%; height:100%; display:none; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; } /* GENERAL STYLES */ .main-content {margin-top:36px; background-color:#f5f5f5; padding:0 10px 10px 10px; } .main-content.section {padding-bottom: 0;} .softgrey {color:#b1b1b1;} /* BREADCRUMB */ div.breadcrumb {margin-bottom: 4px;} div.breadcrumb ul {display: block; padding:.29em 5px 1em 0; } div.breadcrumb ul li {display: inline; float:left; padding:0 .35em 0 0; font-size:.75em; } div.breadcrumb ul li a{color: #666;} div.breadcrumb ul li a:hover{color: #178ACD; outline: none;} /* MENU COUNTRY */ .international-site-link a{background-color: #dcdcdc; padding: .65em .65em .65em .65em; color:#fff; font-weight: normal; } .international-site-link a:hover{background-color: #252525;} .extra .submenu .country-list {background-color: #252525 !important; padding: 3em 2em;} .extra .submenu {background-color: #252525 !important; min-height: 150px; padding: .5em; border-top: 1px solid #666; opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */} /* MAIN CONTENT BOX */ /* left column */ .main-content .three h2, .main-content .twelve h2, .main-content .three h1, .main-content .three h3, .main-content .three p, div.four h2, .main-content .four p {padding:0 ;} .main-content .three h2, .main-content .twelve h2, .main-content .three h1, .main-content .three h3, .products-title-page h2.entry-title {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.15em; } .main-content .three h1{font-size:1.5em; margin: 0 } .main-content .three h3{font-size:1.25em;margin: 0; margin-bottom: 1px; margin-top: 0; } .main-content .three h2 {font-size: 1.5em;} .main-content .three h1 a{color:#000;} .main-content .three h1 a:hover{color:#178ACD;} .main-content .three .second-menu { clear: both; min-height: 100px; margin: 0; padding: 0 !important; text-align: left; width: 100%; } .three.columns.article-menu, .three.columns.column-left {padding: 0 10px 0 0;} .lt-ie8.lt-ie9 .main-content .three .second-menu { width: 95%;} .main-content .three .second-menu ul {} .main-content .three .second-menu ul li{font-size: 17px; text-indent: 0; border-bottom: 1px solid #f5f5f5; font-family: "HelveticaNeueW02-47LtCn_694048","Helvetica Neue LT W06_47 Lt Cn","HelveticaNeueW15-47LtCn_777348","HelveticaNeueW10-47LtCn_777246","Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif;} .main-content .three .second-menu ul li a{display: block; padding: 9px 0 9px 5px; color:#666; font-weight: normal; background-color: #fff;} .lt-ie8.lt-ie9 .main-content .three .second-menu ul li a{/*background: url("../images/rocaUI/resources.png") no-repeat -5px -123px transparent;*/} .main-content .three .second-menu.news ul li a{color:#666;} .main-content .three .second-menu.news ul li a:hover{color:#178ACD;} .main-content .three .second-menu.news ul li a.active{color:#000;} .main-content .three .second-menu ul li a.active{color:#178acd; background-color:#FFFFFF; } .main-content .three .second-menu ul li a:hover{color:#178ACD; /*background: url("../images/rocaUI/resources.png") no-repeat -5px -183px transparent;*/} .newschild {display: none;} .newschild li a {padding: 1px 0 0 0 !important; background: none !important; } li.label, ul#toggle-view-archive li.label {color: #666; padding: 0.25em 0 0.25em 0; background: #eee; display: block;} ul#toggle-view-archive li {font-size: 16px; padding: 0.25em 0 0.25em 0; color: #000; display: block; cursor: pointer; } ul#toggle-view-archive li.label:hover {color:#666; cursor: default;} ul#toggle-view-archive li:hover {color:#178ACD;} ul#toggle-view-archive li span {padding: 0 .25em 0 0; color: #666; cursor: pointer; } h5.rss {margin: 5px 0;} h5.rss a {font-weight: normal; color: #666; padding: 0.35em 0 0.25em 2em; display: block; background: url("../images/rocaUI/resources.png") no-repeat scroll -5px -254px transparent;} h5.rss a:hover {color: #178ACD;} /* main column */ .main-content > .nine {padding: 0;} .row.main-content.products .collection .collections-page.row {margin-top: 0px;} .row.main-content.products .solution-landing.collections-page.row {margin-top:0;} /*.nine.columns .solution-landing.collections-page {margin-top: 52px;}*/ .article-related-collections .collections-page {margin-top: 12px;} .solution-detail-box.collections-page, .three.columns .collections-page {margin-top: 0;} /*.solution-detail-box.collections-page {margin-left: 7px;}*/ .main-content .nine h1, .main-content .nine p, .main-content .eight h1, .main-content .eight p {padding:0 15px 0 0;} .main-content .nine h1, .main-content .nine h2, .main-content .nine h3, .main-content .nine h4 {line-height:130%; color: #000; margin: 0; } .main-content .nine p {line-height:130%; color: #666666; margin: 0;} .main-content .nine .entry-content p {padding: 0 0 10px 0;} .main-content .eight h1, .main-content .eight h2, .main-content .eight h3, .main-content .eight h4, .main-content .eight p {line-height:120%; color: #666; padding: 1em 0 0 0; margin: 0;} .main-content .nine h1 , .main-content .eight h1 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.5em; color:#000;} .main-content.wish-list .nine h1 {font-size:1.25em;} .main-content .nine h3, .main-content .eight h3{font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.25em; padding-top:0 !important; font-weight:normal; } .main-content .nine h3.entry-summary {} .article-content.nine .four h1.entry-title {font-family: 'HelveticaNeueW02-47LtCn_694048', "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.5em; color: #000; padding:0 1em 0 0 !important; margin: 0;} .main-content .four h3.entry-title {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.5em; color: #000; padding:1.25em 1em 0 0 !important; font-weight:normal; } .main-content .four h4.entry-summary {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1em; color: #666; padding:0 1em 0 0 !important; font-weight:normal; margin: 0; } .main-content .four h3 {margin: 0; color: #666;} .main-content .four .entry-content p, .main-content .four .entry-content-right p {margin: 0; padding: 1em 1em 0 0; font-size: .75em; color: #666; line-height: 130%;} .main-content .twelve p, .main-content .eleven p, .main-content .ten p, .main-content .nine p, .main-content .eight p, .main-content .seven p, .main-content .six p, .main-content .five p, .main-content .four p, .main-content .three p, .main-content .two p {font-size:13px; padding: 0;} .main-content .related p, .main-content .related h6 {font-size:12px; text-align: left; color: #666; margin:0; padding:0; line-height:130%;} .main-content .related h6 {color: #000; padding-top: 3px;} .main-content .related a{color: #666; display: block; padding: 4px 0;} .main-content .related a:hover, .main-content .related span:hover, .main-content .related p:hover {color: #0093D0 !important;} .main-content .related li { padding-bottom: 6px; padding-top: 1px;} .main-content .related li:first-child {border-top:none;} .main-content .four.columns h2 {font-size:18px;} .main-content.article .nine.columns img, .main-content.products .nine.columns img {margin-bottom: 10px;} /*.main-content.products .nine.columns img {margin-top: 12px;}*/ .main-content.products .nine.columns .in_solution img {margin-top: 0;} /* related info */ .article-menu h2 {margin: 4px 0;} div.photos, div.links, div.attached, div.ubication, div.schedule, div.date { background-color: #eee; clear: both; min-height: 50px; margin: 5px 0; padding: 4px !important; text-align: left; width: 100%; float: left; } .lt-ie8.lt-ie9 div.photos, .lt-ie8.lt-ie9 div.links, .lt-ie8.lt-ie9 div.attached, .lt-ie8.lt-ie9 div.ubication, .lt-ie8.lt-ie9 div.schedule, .lt-ie8.lt-ie9 div.date { width: 84%; text-align: center; } .ewhats div.links { width: 100%;} div.ubication .mapframe {margin-top:1em; border:1px solid #ddd; width: 100%; height: 160px;} div.related.ubication p small a {font-size:12px; text-align:left !important;} div.photos ul {/* width:200px; */margin:0 auto; text-align:center; display:block;} div.photos li {float: left; list-style-type: none; margin:4px 0 0 0; border: 1px solid #eee; } div.photos li img.photobox { height: 48px !important; width: 48px !important; max-width: 48px;} .lt-ie8.lt-ie9 div.photos li img.photobox { height: 46px !important; width: 46px !important; max-width: 46px;} div.photos li:hover {border: 1px solid #666; } div.related.photos {min-height:95px !important; display:block;} .lt-ie9 div.related.photos {min-height:85px !important;} .article-content div.photos, .article-content div.links, .article-content div.attached, .article-content div.ubication { background-color: #eee; clear: both; min-height: 70px; margin: .5em 0 .5em 0; padding: 8px !important; text-align: left; width: 95%; } .article-content div.photos {min-height: 88px;} div.date p{font-weight: bold; font-size: 12px; color:#000; margin: 0 0 5px 0;} div.date time{font-weight: bold; font-size: 1.25em; letter-spacing: -1px; color:#666; padding: 0;} div.schedule {} div.schedule p.label {background: url("../images/rocaUI/resources.png") no-repeat scroll -1px -340px #EEEEEE; padding: 3px 0 !important; margin: 0; color:#000; font-weight: bold; text-indent: 21px;} div.schedule p {font-size: 12px; color:#666; font-weight: normal; padding: 0 !important; margin:5px 0 0 0;} .article img.main-photo {margin: 0 0 1em 0;} /* LIST article */ .list .row {margin: 0 !important;} .list .main-list h3.entry-title {display: inline-block;} /* .list h1.entry-title {margin-left: 5px;}*/ .list h3.entry-title {margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; border-bottom: 0 solid #ddd; clear: both; float: none;} .list .six h3 {margin: .25em 0 0 0 !important; padding: 0 0 0 0 !important;} .list p {margin: 0 0 0 0 !important; padding: .15em 1px 0 1px !important;} .list .six {border-top: 1px solid #ddd;} .list .row .six {padding: .15em; margin: 0 0 1em 0; min-height: 260px;} .list .row .six.map-results {padding: .15em; margin: 0 0 1em 0; min-height: 250px;} .lt-ie9 .list .row .six {min-height: 280px;} .lt-ie8.lt-ie9 .list .row .six {width: 47% !important;} .list .six img {padding: .15em 0 .15em 0px;} .list .main-list.eleven {margin: 1em 0 0 5px; } .list .main-list.eleven div.main-img {float:left; height: 180px; margin-right: 1em;} .list .main-list.eleven div.main-img img{margin-bottom: 140px;padding: .15em 0 .15em 0;} .list .main-list.eleven p{padding-left: 180px !important;} .list .six img {margin-bottom: 1px !important;} .list.article-content .six.columns.odd {float: right;} .list.article-content .six.columns.even {display: inline-block; float: left;} .list.article-content .six.columns.first.odd {float: left;} /* links buttons under article body*/ .link_but { display:none !important;} /*.link_but ul { display: inline; line-height: 0.75em; margin-bottom: 0; } .link_but li { font-size: 11px; border: none; float: left; height: auto; margin: 0 .25em 0 0; } .link_but li a{ color: #666; padding: 0.5em; display: block; background-color: transparent; } .link_but li a:hover{ color: #666; background-color: #fff; }*/ li.print-bot a{ background: url("../images/rocaUI/resources.png") no-repeat -438px -194px transparent; padding: .35em 1em; text-indent: -9999px; cursor: pointer; margin-right: .35em; border: 0; width: 20px; } li.share a { background: url("../images/rocaUI/resources.png") no-repeat -1px -224px #eee; padding-left: 1em; width: 20px; } li.facebook a { background: url("../images/rocaUI/resources.png") no-repeat 3px -372px transparent; padding: .35em 1em; text-indent: -9999px; cursor: pointer; margin-right: .35em; border: 0; width: 20px; } li.twitter a { background: url("../images/rocaUI/resources.png") no-repeat 3px -400px transparent; padding: .35em 1em; text-indent: -9999px; cursor: pointer; margin-right: .35em; border: 0; width: 20px; } li.feed a { background: url("../images/rocaUI/resources.png") no-repeat -2px -254px transparent; padding-left: 2.5em; } li.full-screen a {background: url("../images/rocaUI/resources.png") no-repeat -2px -288px #eee; padding-left: 2em;} /* Do you want to know more banner */ .more-footer {clear:both; background-color:#F4F5F5; padding-top: 1em; border-top:1px solid #eee; margin:0 !important; } .more-footer:first-child .two {padding-left: 5px !important;} .more-footer .two.columns{background-color:#eee; height:220px; padding-left: 1px; padding-right: 1px;} .more-footer .two.columns.ellipsis {height:220px; overflow: hidden;} .more-footer .two.columns:last-child {float: left !important} .more-footer p{font-size: 1em; margin: .5em 0 .5em 5px; padding: .25em 0; display: block; font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-weight:normal; text-align: left;} .more-footer img{margin-bottom: .5em; width: 156px; height: auto; } .more-footer .two.columns h5, .more-footer .two.columns h6, .more-footer .two.columns p{color:#666; padding: 0 .25em; margin: 0; text-align: left;} .more-footer .two.columns h5{font-size:11px; font-weight: normal; text-align: left; } .more-footer .two.columns h6{font-size:11px; font-weight: bold; text-align: left; } .more-footer .two.columns p{font-family: Helvetica,Arial,sans-serif; font-size:11px; font-weight: normal; padding-top: .5em; padding-bottom: .75em; text-align: left;} .centerbox {width: 100% !important; padding: 0 !important; margin: 0 auto !important;} /* section landing */ .title-block {margin-bottom: 5px;} /*.title-block h1, .title-block h2, .title-block h6, .title-block p {padding-left: 16px !important;}*/ .home .title-block h1:hover {color: #000;} .title-block h1 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.5em; color: #000; margin: 4px 0 4px 0;} .title-block h2 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.15em; color: #000; margin: 4px 0 4px 0;} .title-block h6 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1em; color: #666; margin: 4px 0 4px 0;} .title-block p {font-size: 0.85em; margin: 4px 0 4px 0; color: #666;} .section h1 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.5em; color: #000; margin: 4px 0 4px 0; padding: 0;} .section h2.landing-title {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:18px; color: #000; margin: 0 0 4px 0; padding: 0 0 0 0;} .section h2 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; font-size:1.15em; color: #000; margin: 4px 0 4px 0;} .landing-section-block, .landing-general {padding-top: 1em; border-top:0; display: block; } .landing-section-block .first {padding-left: 3px !important;} .landing-section-block .two.columns{background-color:#eee; height:227px; padding-left: 0; padding-right: 0; border-left: 1px solid #F4F5F5; border-right: 1px solid #F4F5F5;} .landing-section-block p{font-size: 1em; margin: .5em 0 .5em 1em; padding: .25em 0; display: block; font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; text-align: left;} .landing-section-block .two.columns img{margin:0 auto .5em auto; text-align: center; width: 158px; height: 81px;display: block; } .landing-section-block .two.columns h3, .landing-section-block .two.columns h3, .landing-section-block .two.columns p{color:#666; padding: 0 .5em; margin: 0; text-align: left;} .landing-section-block .two.columns h3:hover, .landing-section-block .two.columns p:hover {color:#178ACD;} .landing-section-block h2.twelve {padding-left: 4px !important;} .landing-section-block .two.columns h3{font-size:11px; font-weight: bold; text-align: left; } .landing-section-block .two.columns p{font-family: Helvetica,Arial,sans-serif; font-size:11px; font-weight: normal; padding-top: .5em; padding-bottom: 1em; text-align: left;} p.linktosite {padding: 0 0 0 1em !important; margin: 0 !important;} p.linktosite a {background: url("../images/rocaUI/resources.png") no-repeat -6px -136px transparent; padding-left: .75em; color:#666; font-weight: bold;} p.linktosite a:hover {background: url("../images/rocaUI/resources.png") no-repeat -6px -162px transparent; color:#178ACD;} .definition {font-size: .85em; color:#666; padding-left: .25em;} h3.box-effect2, p.box-effect2 {color:#178ACD !important;} div.box-effect3 {background-color: #fff !important;} /* EMBLEMATIC - DISCTINTIONS - AUDIOS - landing page */ .emblem-disct .four.columns {position: relative; height: 235px; padding-top: .25em; border-top: 2px solid #dcdcdc; background-color: #eee;margin-top:3px;} .lt-ie9.lt-ie8 .emblem-disct .four.columns {width: 32.9%;} .emblem-disct .four.columns:last-child {float: left !important;} .emblem-disct .four.columns img {float: left; display: inline-block; padding: 0; margin-left: 4px; width: 118px !important; height: auto !important;} .emblem-disct .four.columns h3 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 1.25em; line-height: 105%; color: #000; margin-top: .15em; margin-left: .15em; float: left; display: inline-block; width: 57%;} .emblem-disct .four.columns p {font-size: .75em; line-height: 120%; clear: both; display: block; padding: .5em; margin: 0;} .emblem-disct .four.columns p a {color: #178ACD; } .emblem-disct .four.columns .more-info {position: absolute; bottom: 4px; right: 4px; font-size: .75em; } .emblem-disct .four.columns .more-info a {display: block; padding: .35em .85em; color: #666; background-color: #dcdcdc; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out;} .emblem-disct .four.columns .more-info a:hover {background-color: #636363; color: #fff;} .more-info { -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; text-align: center; font-size: 13px; background-color:#dcdcdc; border:1px solid #dcdcdc; } /* EVENTS CALENDAR */ .landing-section-events .two.columns {width: 16.6667%; position: relative; height: 238px; background-color: #eee; padding-top: .25em; border-top:4px solid #ddd;margin-right:0;} .lt-ie9 .landing-section-events .two.columns {height: 244px;} .landing-section-events time {font-size: 1.25em; font-weight: bold;color: #666; letter-spacing: -1px; padding: 0 .25em .5em .5em;} .landing-section-events h3 {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 1em; line-height: 105%; color: #000; font-weight: normal; display: block; padding: 0 .5em 0 .65em; margin: 0;} .landing-section-events h3:hover, .landing-section-events p:hover {color: #178ACD;} .landing-section-events img {position: absolute; top:82px; left: .5em; width: 92%; height: auto;} .landing-section-events p {font-size: 11px !important; color: #666; position: absolute; top:152px; left: .75em; padding: 0 .25em 0 0 !important; margin:1em 0 !important;} .landing-section-events a p {color: #666;} ul.actual-archive{position: relative; text-align: right;} .actual-archive li {font-weight: bold; text-align: right; position: relative;} .actual-archive li.archive {position: relative; float:right !important;} .actual-archive li.archive a { padding: .15em 1.15em; margin-left: 6px; color:#666; background-color: #ddd; font-size: .85em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .actual-archive li.archive a:hover { background-color: #fff;} .numbers {font-weight: normal; font-size: 12px;} .landing-section-events .two.columns {} /* NEWS */ .article-content, .article-list, .article-entry, .article-content .entry-content-right { float: right; } .article-content .entry-content-right {padding-left: 5px;} .nine.columns.article-content {margin-top:42px;} body.special-margin-top .nine.columns.article-content {margin-top: 10px;} .article-content .entry-content-right p {padding: 5px 0;} .nine.columns .eight.entry-content-right img{ max-width: 476px; height: auto;} .nine.columns.article-list img {max-width: 96%; height: auto;} .nine.columns.article-list article { border-top: 1px solid #ddd; padding-top: .25em;} .nine.columns.article-list .columns {min-height: 185px; } .nine.columns.article-list .columns h3, .nine.columns.article-list .columns p {padding-right: 1em;} .nine.columns.article-list .columns p {font-size: .75em; line-height: 130%;} .nine.columns.article-list .columns p.entry-format {font-size: .75em; font-weight: normal; color: #666;} .nine.columns.article-list .columns h3 {font-size: 1.15em; color: #000;} .nine.columns.article-list .columns h3 a{color:#000;} .nine.columns.article-list .columns h3 a:hover{color:#178ACD;} .row .row.article, .row .row.article-content {margin: 0 0 10px 0 !important; clear: both;} .article-content p.entry-summary { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: .85em; border-top:4px solid #ddd; padding: .25em 0 0 0; margin: 1em 1em 1em 0; } .nine.columns.article-content .four.columns h3 {font-size: 1.5em; color: #000;} .nine.columns.article-content .eight.columns h3 a{color:#000;} .nine.columns.article-content .eight.columns.entry-content {padding-left: 2.5em;} .nine.columns.article-content .eight.columns.entry-content p {width: 96%; font-size: 13px; line-height: 130%; display: block; } .nine.columns.article-content .eight.columns.entry-content-right img {width: 434px; max-width: 434px; height: auto;} .article-list .pagination ul li {font-size: .75em;} .article-list .pagination ul li a{color:#666; padding: 0 .75em 0 .75em; margin: 0 .25em; display: inline-block; background-color: #FFF; text-align: center; text-indent: -1px;} .article-list .pagination ul li a:hover, .article-list .pagination ul li a.active {color:#0093D2;} .pagination.bottom {padding-top: .25em; margin: 3em 0 1em 0; border-top: 1px solid #ddd;} .article-pagination p.entry-format {color:#000; font-size: .75em; } .article-pagination time {color:#666; } .article-pagination ul.eight.column {padding-right: 1em;} .article-pagination ul.eight.column li a {font-size: .85em; color: #666;} .article-pagination ul.eight.column li a:hover {font-size: .85em; color: #178ACD;} .article-pagination li a {font-size: 12px !important;} .article-pagination li.next {float: right; background: url("../images/rocaUI/next.png") no-repeat 85% 60% transparent; padding-left: 2px; padding-right: 25px;} .article-pagination li.preview {float: left; background: url("../images/rocaUI/preview.png") no-repeat 8% 60% transparent; padding-left: 20px;} .article-pagination li.next {float: right;} /* NEWS pagination */ .newschild-unhidden {display: block;} .news .pagination {margin: 0 0 .5em 0; display: block; clear: both; width: 100%; float: none; min-height: 25px; background-color: transparent !important;} .news .pagination ul{list-style-type: none;} .news .pagination ul li, .news .article-pagination ul li{color: #666; display: inline; float: left; margin: 0 !important; font-size: 13px !important; outline: 0; text-decoration: none; border: 0;} .news .pagination ul li a, .news article-pagination ul li a {display: inline-block; outline: 0; text-decoration: none; border: 0; } .news .pagination ul li a.active { font-weight: bold;} /* EVENTS pagination */ .events .pagination {margin: 0 0 .5em 0; display: block; clear: both; width: 100%; float: none; min-height: 25px; background-color: transparent;} .events .pagination ul{list-style-type: none;} .events .pagination ul li, .events .article-pagination ul li{color: #666; display: inline; float: left;} .events .pagination ul li, .events .article-pagination ul li{margin: 0 !important; font-size: 15px !important;} .events .pagination ul li a, .events article-pagination ul li a {display: inline-block; font-size: 15px !important; font-weight: normal;} .events .pagination ul li a:hover { color: #178ACD;} .events .pagination ul li a.active { font-weight: bold; color: #178ACD;} .events .two.columns.actual-archive { background-color: transparent; border:none; height: 10px; padding-top: 0; position: relative; } /* other interior landing pages, like designers */ .landing-designers .six.columns {background-color:#eee; height:208px; padding-left: 0; padding-right: 0; border-left: 0 solid #F4F5F5; border-right: 0 solid #F4F5F5;margin-bottom: .25em;} .landing-designers .six.columns:last-child {float: left !important;} .landing-designers .six.columns h3{font-size: 1.25em; line-height: 105%; margin: 0 0 5px 0; padding: .25em .25em 0 3px; display: block; font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; text-align: left; color:#000;} .landing-designers .six.columns h3 a, .landing-general .six.columns h4 a, .landing-general .six.columns h5 a {color:#000;} .landing-designers .six.columns h3.nolink-text:hover {color:#000;} .landing-designers .six.columns p a {color:#666;} .landing-designers .six.columns p a:hover {color:#178ACD;} .landing-designers .six.columns h4{font-size: 0.75em; margin: 0 0 0 0; padding: 0 .5em .25em 3px; display: block; font-family: Arial,Helvetica,sans-serif; font-weight: normal;font-style: normal; text-align: left; color:#666;} .landing-designers .six.columns .related h4 {padding: .35em .5em .25em 3px;} .landing-designers .six.columns h5{font-size: 0.75em; margin: 10px 0 5px 0; padding: 0 0 0 .35em; display: block; font-weight: normal;font-style: normal; text-align: left; color:#000;} .landing-designers .six.columns p{font-size: 12px; margin: 0 0 0 0; padding: .25em .25em .25em .35em; display: block; font-style: normal; font-weight:normal; text-align: left; color:#000;} .landing-designers .six.columns h3:hover, .landing-general .six.columns h4:hover, .landing-general .six.columns p:hover, .landing-general .six.columns p a:hover{color:#178ACD;} .landing-designers p {font-size: 12px; color: #666; display: block; padding: 0 .5em; margin: 0 0 2em 0;} .collections-page .solution-home-box.mobile-four.six.columns:nth-child(2n +1) {clear: both;} .collections-page .solution-home-box.columns:last-child {float:left;} /* form layout, e-whats news, suscription */ .row .row.suscription {margin: 1em 0; padding:1em;} .formpage h3.entry-summary {font-size: 1.15em; margin-bottom: 2em;} .formpage .termsandconditions p, .suscription p {font-size: .85em; line-height: 130%; text-align: justify; display: block; clear: both; color: #747474;} .termsandconditions {margin: .5em 0 1em 0;} .termsandconditions p{font-size: 11px; padding: .5em 1em 2em 0;} .formpage {font-size: 13px; color:#666;} p.descriptive {font-size: 0.85em; color: #666;} .suscription {background-color: #e7e7e7; padding-top: 1em;} .suscription h5{padding:0 0 0 1em; margin: 0;} .suscription .three.columns, .suscription .four.columns {padding:.5em 0 1em .5em;} .suscription .four.columns label{font-size: 12px; padding-bottom: .25em;} .suscription .four.columns .custom.dropdown {width: 90% !important; font-size: 12px;} /* points of sale */ .points-sale .points-result.nine.columns {margin-top: 3em;} .points-sale .drop-down-margin {margin-top: 15px; margin-bottom: 15px;} .points-sale .search-result {width: 57.5%; margin-left: 10%; border-top: 3px solid #ddd; } .points-sale .search-result p{padding: .15em 0; } .points-sale .accordion-map {width: auto; margin-left: 8%; margin-bottom: 1em;} .points-sale .accordion-map h5 a{margin: 0; padding: .5em; background-color: #e7e7e7;} .points-sale .accordion-map-content {display: none;} .points-sale .dropdown a {font-size: 13px;} .points-sale .related.photos {min-height:100px; width: 215px !important; margin:0 34px 0 0; display:inherit; clear: none !important; border-top: 3px solid #ddd;} .points-sale .entry-header h3 {margin-top: .5em;} /* Contact */ .contact form {margin-top: 1em;} /* extra footer */ .row .row.extra-footer {margin: 2em 0 1em 0 !important; } .extra-footer {margin-top: 1em; margin-bottom: 1em; } .extra-footer .four {border-right: 1px solid #fff;} .extra-footer .four.noborder {border:none;} .extra-footer .four.columns {background-color: #ececec; padding: 0 0 1.5em 0;} .extra-footer a {padding: 1em 0; display: block;} .extra-footer .four.columns h6, .extra-footer .four.columns p {font-size: 12px; color:#666; padding: 0 .5em; margin: 0;} .extra-footer .four.columns h6{font-size: 12px; color:#178ACD !important; padding: 0 .5em; margin: 0;} .more-footer .two.columns:hover {background-color: #f8f8f8; cursor: pointer;} /* EXPLORER */ .lt-ie9.lt-ie8 .emblem-disct .four.columns{border-left: 0 !important; border-right: 0 !important; padding-left: 0;} .lt-ie9.lt-ie8 .landing-section-block .two.columns {border-left: 0 !important; border-right: 0 !important; padding-left: 0;} .lt-ie9.lt-ie8 .landing-section-events .two.columns {border-left: 0 !important; border-right: 0 !important; padding-left: 0;} .lt-ie9.lt-ie8 .landing-general .six.columns {border-left: 0 !important; border-right: 0 !important; padding-left: 0;} .lt-ie9.lt-ie8 .emblem-disct .four.columns p {padding-top: 0;} /* Local Products MENU Sub nav --------------------*/ .menu-select-country .content.local-products { background: url("../images/rocaUI/background_texturized_big-local.jpg") repeat scroll 0 0 transparent; overflow: hidden; padding: 10px;} .lt-ie8.lt-ie9 .international-products {} .local-products ul { float: left; list-style: none outside none; margin: 6px 8px 0 1px; padding: 0; width: 147px; border:none !important; } /* NEW Local Products MENU Sub nav --------------------*/ .lt-ie8 .menu-select-country {padding-left:0; padding-right: 0; } .menu-select-country .content.local-products.new .category-link { position: absolute; bottom: 8px; right: 8px; } .menu-select-country .content.local-products.new .category-link a{ color: #fff; } .menu-select-country .content.local-products.new { background: url("../images/rocaUI/background_texturized_big-local2.html") no-repeat 0 0 transparent; overflow: hidden; padding: 0; min-height:420px; position: relative; } .lt-ie8 .menu-select-country .content.local-products.new { overflow: hidden; margin: 0 auto; width: 99%; } .local-products.new ul { float: left; list-style: none outside none; margin: 0; padding: 0; width: 165px; border:none !important; overflow: hidden; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .lt-ie8 .local-products.new ul { height: 350px; } .local-products.new ul li{ position: relative; border:none !important; width: 162px; height: 61px; display: block; padding: 0; margin: 0 auto 2px auto; overflow: hidden; /* background-color: #989898; */ } .local-products.new ul li img{ margin: 0 auto; zoom: 1; filter: alpha(opacity=65); opacity: 0.65; } .local-products.new ul li h2{ position: absolute; top: 4px; left:4px; border: none; width: auto; display: block; padding: 0; margin: 0; width: 144px; height:100%; z-index: 900; } .local-products.new ul li h2 a{ color: #fff !important; width: 100%; height: 100%; display: block; } .local-products.new ul li h2 a:hover{ color: #333 !important; width: 100%; height: 100%; background-color: #fff; cursor: pointer; } .lt-ie8 .local-products.new ul li{ position: relative; } .lt-ie8 .local-products.new ul li h2 { position: absolute; z-index: 65000; top:4px; left: 2px; font-weight: normal; } .lt-ie8 .local-products.new ul li h2 a{ color: #fff !important; display: block; padding: 2px 2px; position: relative; height: auto; font-size: 14px; font-family: Arial; } .lt-ie8 .local-products.new ul li h2 a:hover{ color: #000 !important; } .local-products.new ul.solutions-nav { width: 325px !important; height: 100%; padding: 0; margin: 0 0 0 0; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .local-products.new ul.solutions-nav li{ position: relative; width: 324px; height: 100%; padding: 0; margin: 0; background-color: transparent; } .local-products.new ul.solutions-nav li h2{ position: relative; height: auto; color: #fff; font-size: 15px; margin: 0; padding: 4px 0 8px 2px; } .local-products.new ul.solutions-nav li h2 a{ color:#eee !important; } .local-products.new ul.solutions-nav li h2 a:hover{ color:#fff !important; } .local-products.new ul.solutions-nav li p{ position: relative; color: #666; padding: 0 6px; } .local-products.new ul.solutions-nav li img{ width: 323px; height: auto; zoom: 1; filter: alpha(opacity=80); opacity: 0.80; } .local-products.new ul.solutions-nav li img:hover{ zoom: 1; filter: alpha(opacity=100); opacity: 1; } .local-products.new ul.product-banners{ float: none; width: 155px; /* margin: 63px 0 0 5px; */ padding: 0; position: absolute; top:63px; right: 0; } .lt-ie8 .local-products.new ul.product-banners{ height: 350px; } .local-products.new ul.product-banners li{ background-color: #eee; margin: 0 0 2px 3px; padding: 0; position: relative; } .lt-ie8 .local-products.new ul.product-banners li{ margin-bottom: 0px !important; } .local-products.new ul.product-banners li.double{ height: 124px; background-color: #000; } .local-products.new ul.product-banners li.double h2{ position: absolute; top:82%; left: 4px; } .local-products.new ul.product-banners li h2{ font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; position: absolute; top:12%; left: 4px; color:#eee; } .local-products.new ul.product-banners li h2:hover{ color:#fff; cursor: pointer; } .local-products.new ul.product-banners li img{ zoom: 1; filter: alpha(opacity=100); opacity: 1; width: 155px; height: auto; } .lt-ie8 .local-products.new ul.product-banners li img{ zoom: 1; filter: alpha(opacity=100); opacity: 1; } .local-products.new ul.banner-search {width: 152px !important; height:61px; overflow: hidden; margin: 0 0 0 5px !important; position: absolute; top:0; right: 0; float: none !important; } .local-products.new ul.banner-search h2 { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; position: absolute; top:13%; left: 4px; color:#fff;} .local-products.new ul.banner-search h2:hover { cursor: pointer; } /*--------------------*/ .international-products ul { float: left; list-style: none outside none; margin: 6px 8px 0 16px; padding: 0; width: 100%; border:none !important; } .international-products div h3{margin: 0 0 .5em 0; padding: 0; line-height:120%; color:#666;} .international-products div p{margin: 0; padding: 0; line-height:120%; color:#666;} .local-products ul li:first-child, .international-products ul li:first-child {border-top:0 !important;} .international-products ul li:last-child h2{background: none !important;} .local-products ul li, .international-products ul li {border:none !important; line-height: 110%; padding-bottom: 0.85em;} .local-products ul li a, .international-products ul li a {color:#e0e0e0 !important; display: block; background-color: transparent !important;} .local-products ul li a:hover, .international-products ul li a:hover {color:#fff !important;} .local-products ul li h2 {width: 140px; font-size: 1em; color:#666; margin: 0 0 0 0; border-bottom: 1px solid #666; padding: 0 4px 0 0; display: block;} .international-products ul li h2 {width: 100%; font-size: 13px !important; line-height: 100%; color:#666; margin: 0 0 0 0; padding: 0 4px 0 0; display: block;} .international-products ul li h2 a {font-size: 13px !important; padding: 2px 0 3px 0;} .local-products ul li.adv-search h2 a {font-size: 13px; padding: .65em 0 .65em .25em; display: block; background-color: #2f3033; width: 140px;} .local-products ul li.all-products h2 a {font-size: 13px; padding: .35em 0 .35em .25em; display: block; background-color: transparent; width: 140px;} .local-products ul.solutions-nav { width: 170px !important; padding: 3px 1px 0 12px; margin: 0; } .local-products ul.solutions-nav li h2, .local-products ul.no-child li h2 { border-bottom: none !important; } .local-products ul.solutions-nav li:first-child { border: none !important;} .local-products ul.solutions-nav li:last-child { border: none !important;} .local-products ul.solutions-nav li { border-bottom: 1px solid #ddd !important; padding: .42em 0 .42em 0; text-align: left; width: 100% !important; } .local-products ul.solutions-nav li h2{width: 100% !important;} .local-products ul.solutions-nav li a { color:#a7a7a7; } .local-products ul.solutions-nav li a:hover { color:#fff; } .local-products ul.solutions-nav li h2.solutions-head { font-size: 16px;font-weight: bold; letter-spacing: 0px; color: #5d5d5d; padding: 0; width: 100% !important; border: none !important; margin: -3px 0 0 0;} li.nav-indent a, li.nav-indent {padding-left: .35em; display: block;} /* PRODUCT CATALOGUE ========================================================================== */ .clear {clear: both !important;} .left {float:left !important;;} .right {float: right !important;;} .espacio {height: 6px;} .none {display:none !important;} .hidder {visibility: hidden;} .linea {border-bottom: 1px #ddd solid;} .textcenter {text-align:center !important;} .autoheight {min-height: 300px !important;} .white {color:#fff !important;} .grey {color:#666;} .dark_grey {color:#505050;} .soft_grey {color:#A7A7A7;} .cool_gray_bkg {background-color: #f1f2f3;} .white_bkg {background-color: #fff;} .botom-search-home {} .soft_grey_bkg {background-color:#A7A7A7;} .roca_blue {background-color:#a9c6d5 !important; background-image: none !important;} .grey_eee {background: #D7D7D7 url(../img-static/tit_list_bkg.html) repeat-x;} .black {color:#000 !important; font-weight: bold;} .thebold {font-weight: normal;} .blue, .blue p {color:#3c8cc7 !important;} .borderbottom {border-bottom:1px #fff solid !important;} .no-border, .no-border ul li {border: none !important;} .rojo {color: red !important;} /* .twelve {font-size: 12px !important;} */ .thirteen {font-size: 13px !important;} .fourteen {font-size: 13px !important;} .three.columns h3.entry-title {margin: 0 0 10px 0;} .three.columns p.entry-summary {margin: 10px 0 0 0; padding: 1px 4px 0 0; color: #000; line-height: 120%; font-size: 13px;} .three.columns h2.entry-title, h2.entry-title, .collection-page .entry-header h2.entry-title {margin: 0; font-size: 1.5em;} .goto-local-bt { } .lt-ie9.lt-ie8 .goto-local-bt {} .goto-local-bt:hover {cursor: pointer;} .goto-local-bt h3{font-size: 12px; margin: 2% 0 0 0; padding:0; line-height: 114%; color:#178ACD; text-align: center;} .goto-local-bt p{font-size: 12px; margin: 0; padding: 0 0 0 5px; line-height: 114%; color:#666;} .fixmargin {margin-top: 4px !important;} /* select country market page, only for dot-com wesite */ .page-select-country { width: 100%; height: auto; margin: 0 auto; text-align: center; } .page-select-country ul, .page-select-country p { text-align: left; font-size: 13px; line-height: 140%; height: auto; margin-bottom: 1em; } .page-select-country ul li {margin-bottom: 5px; line-height: 110%;} .markets-white-popup .page-select-country p.choose-country {color: #666; font-size: 17px;} .markets-white-popup .page-select-country .content .columns p {color: #666 !important;} .page-select-country p.country-tit { border-bottom: 1px solid #ddd; width: 95%; margin: .5em 0 .5em 0; padding: 0; } .page-select-country .content .columns > ul { float: left; max-width: 100px; margin-right: 10px; position: relative; } .markets-white-popup .page-select-country .content .columns > ul {margin-top:4px;} .markets-white-popup .page-select-country .content .columns > ul li a {color:#000;} .page-select-country .content .two.columns > ul { float: left; max-width: 100%; width: 100%; margin-right: 0; position: relative; } .page-select-country .content .columns > ul li a.other { color: #178acd; } .page-select-country .extra .submenu .country-list {background-color: transparent !important; padding: 0;} .page-select-country .extra .submenu {background-color: #eee !important; min-height: 140px; padding: .5em; border-top: 1px solid #ddd; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */} .page-select-country .content .submenu { display: none; margin-top: 20px; } .page-select-country p.choose-country {font-size: 14px;} /* show image in solutions menu for international site */ .solution-image-menu { position: absolute; left: 280px; top: 0; width:360px; height:255px; overflow:hidden; } .solution-image-menu.visible {display: inline !important;} /*this style is only for linking to static web market --------------------------------------------------------------------------------*/ ul.market { display: none; float: right; width: 24%; height: 25px; color:#fff; } ul.market li{ list-style-type: none; display: inline; font-size: 0.75em; } /*search --------------------------------------------------------------------------------*/ /* header search */ .product-search-header {position: relative;} .product-search-header input{ font-size: 12px; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; margin: 15px 0 0 0; background-color: #666363; float: right; transition-duration: 400ms; transition-property: width, background, border; transition-timing-function: ease; width: 165px; height:28px !important; border: 1px solid #575656; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .lt-ie9.lt-ie8 .product-search-header input{height:18px !important; width:150px; margin: 17px 0 0 0; padding-bottom: 0; padding-left:2px; } .lt-ie9.lt-ie8 .product-search-header.ie7white input {background: #fff !important; transition:none; color:#666;} .product-search-header input:focus{ color: #000; width: 240px; background: #fff; border: 1px solid #fff; zoom: 1; filter: alpha(opacity=100); opacity: 1; } .lt-ie9.lt-ie8 .product-search-header input:focus {background: #fff !important;} .product-search-header button { position: absolute; right: 0; top: 15px; padding: 13px 15px 13px 15px; background-color: transparent; border: 0; background-image: url("../images/rocaUI/zoom.png"); background-repeat: no-repeat; background-position: 10px 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .lt-ie9.lt-ie8 .product-search-header button {top: 17px;} .product-search-header button:focus, .product-search-header button:hover { background-color: transparent; background-position: 10px 4px; } .product-search-header label {position:absolute; top:23px; right:75px; font-size: 12px; z-index: -1;} .lt-ie9.lt-ie8 .product-search-header label {right:72px;} /*search for search section*/ .content-search { background-color: transparent; display: block; margin: 0 auto; min-height: 620px; padding: 8px 0 4px 0; width: 100%; text-align: center; } .search-tit {margin-top: 2em; margin-bottom: 1em;} .search-tit h1 { font-size: 19px; line-height: 140%; text-align: left; margin: 0; padding: 0 25px 0 15px; word-wrap: break-word; } .search-tit p { margin: 0; padding: 0 25px 0 15px !important; text-align: left; } .alert { background-color: #fff; background-image: url('../images/rocaUI/alert.png'); background-repeat: no-repeat; background-position: 5px 40%; } .entry-header .alert {margin-bottom: 10px !important;} p.nores {padding: 1em !important; font-size: 16px !important; display: block; margin: 1em 0; text-align: center;} #free_bot, #free_bot1, #free_bot2 { background-image: url("../images/rocaUI/zoom.png"); background-repeat: no-repeat; background-position: center center; cursor: pointer; height: 28px; padding: 0; width: 28px; border: 0; position: absolute; right: 0; top: 0; -webkit-box-shadow: none; box-shadow: none; border: none; } #free_bot:hover, #free_bot1:hover, #free_bot2:hover { /* background: url("../img-static/search_bot.gif") no-repeat 0 -24px transparent; */ } .search-title-page.six.columns h2 {font-size: 1.5em; margin:0; text-align: center;} .search-title-page.six.columns p {text-align: center; margin:0;} .adv_search, .adv_search1, .adv_search2, .adv_search3 { width: 97%; min-height: 74px; clear: both; background: transparent; padding: 2px; margin: 8px auto 12px auto; /*border-top: 2px solid #dcdcdc;*/ border-bottom: 0px; } .adv_search3 ..centered {clear:both !important;} .adv_search form, .adv_search1 form, .adv_search2 form, .adv_search3 form { margin: 0; } .adv_search3 { background-color: transparent !important; background-image: none !important; padding-bottom: 8px; } .adv_search fieldset.pseudo-input, .adv_search1 fieldset.pseudo-input, .adv_search2 fieldset.pseudo-input, .adv_search3 fieldset.pseudo-input { width: 100%; height: 30px !important; background-color: #fff; border: 1px #898b8c solid; float: left; margin: 0; padding: 0 !important; text-align: center; border-radius: 0; -webkit-border-radius: 0; position: relative; } .adv_search fieldset.pseudo-input:hover, .adv_search1 fieldset.pseudo-input:hover, .adv_search2 fieldset.pseudo-input:hover, .adv_search3 fieldset.pseudo-input:hover{border-color:#c9c9c9; } .adv_search input, .adv_search1 input, .adv_search2 input, .adv_search3 input { color: #666; background-color: transparent; width: 90%; height: 30px !important; margin: 0 auto; padding: 4px !important; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 100%; text-align: left; float: left; border: 0; } .lt-ie8.lt-ie9 .adv_search input, .lt-ie8.lt-ie9 .adv_search1 input, .lt-ie8.lt-ie9 .adv_search2 input, .lt-ie8.lt-ie9.adv_search3 input{ color:#666; background-color: #fff; width: 290px; margin: 0 0 0 0; padding: 6px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 100%; text-align: left; left: 1px; position: absolute; } .lt-ie8.lt-ie9 .adv_search .pseudo-input, .lt-ie8.lt-ie9 .adv_search1 .pseudo-input, .lt-ie8.lt-ie9 .adv_search2 .pseudo-input, .lt-ie8.lt-ie9 .adv_search3 .pseudo-input { width: 400px; height: 24px; background-color: #fff; border: 1px #ddd solid; float:left; margin: 2.20% 0 0 0; padding: 2px 0 0 0; text-align: left; position: relative; } .lt-ie8.lt-ie9 #free_bot, .lt-ie8.lt-ie9 #free_bot1, .lt-ie8.lt-ie9 #free_bot2 { background-image: url("../images/rocaUI/resources.png"); background-repeat: no-repeat; background-position: -172px -90px; cursor: pointer; position: absolute; right: 1px; height: 24px; margin: 0 0 1px 0; padding: 0 0 0 0; width: 28px; display: inline; } /* avisos del search adv */ .adv-message01, .adv-message02, .adv-message03 { width: 100%; min-height: 30px; clear: both; /* background: #eee; */ padding: 2px 0; /* margin: 8px auto 12px auto; */ border-top: 0px; border-bottom: 0px; display: none; } .adv-message01 p, .adv-message02 p, .adv-message03 p { padding: 4px 0 !important; color: #df0505 !important; font-weight: normal; text-align: center; } .search-message { width: 93%; min-height: 30px; clear: both; background: #eee; padding: 2px 2px 2px 6px; margin: 1px 8px 8px 8px; border-top: 1px #D7D7D7 solid; border-bottom: 1px #999 solid; display:none; } .search-message p{color:#DF0505;} .number-results { padding-left: 2px; color:#000;} #back_bot { background: transparent url(../img-static/back_bot.html) no-repeat left top; margin: 30px 0 30px 75px; text-align: center; width: 56px; height: 24px; cursor: pointer; /* hand-shaped cursor */ float: none;} #back_bot:hover {background: transparent url(../img-static/back_bot.html) no-repeat 0 -24px;} /* aqui modificamos los estilos. Estados activos */ .adv_search_acive input, .adv_search1_acive input, .adv_search2_acive input, .adv_search3_acive input { color:#666; background-color: #fff; width: 88%; margin: 0 0 0 0; padding: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 100%; text-align: left; float: left; } .pseudo-input-active{border: 1px solid #82c8f1 !important;} .adv_search_acive .tit-adv_acive, .adv_search1 .tit-adv_acive, .adv_search2 .tit-adv_acive, .adv_search3 .tit-adv_acive { width: 24%; min-height: 70px; float:left; background: #008BD0; } fieldset.pseudo-input-check { padding: 2px; margin: 0; width: 100%; border: none; } .lt-ie8.lt-ie9 fieldset.pseudo-input-check { padding: 8px; margin: 0; border: none; width: auto; } .pseudo-input-check p{ color:#666; margin: 0 !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; /*line-height: 106% !important;*/ text-align: left; word-wrap: break-word; } .pseudo-input-check p input{ width: auto !important; padding: 2px 0 0 0 !important; margin: 8px 4px 0 0 !important; text-align: left; height: 15px; } .lt-ie9 .pseudo-input-check p input{ width: auto !important; padding: 4px 0 0 0 !important; margin: 13px 4px 0x 0 !important; text-align: left; } .lt-ie8.lt-ie9 .pseudo-input-check p{ margin: 2px 0 2px 0 !important; line-height: 150%; } .lt-ie8.lt-ie9 .pseudo-input-check p input{ margin: -1px 0 0 0 !important; } .box-slider .pseudo-input-check p input{ height: 25px; display: block; } fieldset.pseudo-input-check2 { padding: 4px 0 0 1px; width: auto; margin: 0; } .pseudo-input-check3 { padding: 10px 0 0 10px !important; background-color: #F9F9F9 !important; /*width: 100%;*/ } .pseudo-input-check2 p { display: inline; float: left; color:#666; margin: 0 0 16px 0 !important; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 115% !important; text-align: left; word-wrap: break-word; } .pseudo-input-check3 p { width: 135px; display: inline; float: left; color:#666; margin: 0 0 16px 0 !important; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 115% !important; text-align: left; word-wrap: break-word; } .pseudo-input-check3 .search-cat-home .celda {min-height: 40px !important; outline: 0;} .pseudo-input-check3 .search-cat-home { margin: 0 2px 0 2px; padding: 4px; width: 165px !important; } .pseudo-input-check2 input{ display: inline; float: left; width: 15px !important; padding: 0 !important; margin:0 4px 16px 0 !important; text-align: left; line-height: 115% !important; background: transparent; } .pseudo-input-check3 input{ display: inline; float: left; width: 15px !important; padding: 0 !important; margin:0 4px 16px 0 !important; text-align: left; line-height: 115% !important; background: transparent; } .menu-search p input{ padding: 0 !important; margin: 0 3px 0 3px !important; text-align: left; overflow: hidden; line-height: 126% !important; } .menu-search p { width: 98% !important; padding: 3px 0 3px 0 !important; margin: 0 !important; text-align: left; overflow: hidden; font-family: Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: normal; line-height: 126% !important; } .adv_search .tit-adv, .adv_search1 .tit-adv, .adv_search2 .tit-adv, .adv_search3 .tit-adv { min-height: 33px; padding: 2px; /*background: #ddd url(../img-static/adv_search_1_bkg.gif) repeat-x;*/ } .adv_search1 .tit-adv h2, .adv_search2 .tit-adv h2, .adv_search3 .tit-adv h2 { font-size: 18px; line-height: 120%; color:#000; padding: 0; margin: 0; text-align: center; } .adv_search .tit-adv h3, .adv_search1 .tit-adv h3, .adv_search2 .tit-adv h3, .adv_search3 .tit-adv h3 { font-size: 1em; line-height: 120%; color:#333; padding: 0; margin: 0; text-align: left; } .search-items.six.columns {float:none;} .search-cat { width: 120px; margin: 8px 2px 0 8px; } .search-cat-home { width: 24.8%; margin: 0 0 0 0; padding: 0; } .search-cat-home .celda { outline: 0; border-top: 1px solid #dcdcdc !important; /*border: 1px solid #e8e9ea; */ min-height: 52px; margin:0; padding: 1px; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; } .search-cat-home .celda:hover {background-color: #dcdcdc; color:#fff;} .search-cat-home p {padding: 5px 1px 0 5px !important; margin:0 0 0 0 !important; line-height: 110% !important; font-weight: normal;} .search-cat-prod { min-width: 145px; margin: 0; line-height: 105%; display: block; } .search-cat-prod a{ height: 50px !important; } #reference_bot, #hierarchy_bot_home{ background: #1E415F url(../img-static/search_bot_adv.html) no-repeat center top; padding: 3px; margin: 0 2em 1em 0; width: 98px; height: 24px; cursor: pointer; /* hand-shaped cursor */ border: 1px #ddd solid; } #reference_bot:hover, #hierarchy_bot_home:hover { background: #1E415F url(../img-static/search_bot_adv.html) no-repeat center -23px; } button#hierarchy_bot{ text-align: center; font-size: 13px; background: #dcdcdc; width: auto; padding: 7px 20px; margin: 6px 0 22px 0; cursor: pointer; /* hand-shaped cursor */ color: #000000; font-weight: normal; border: 0; } button#hierarchy_bot:hover{ background-color: #636363; cursor: pointer; /* hand-shaped cursor */ border-color: #636363; color: #fff; } .bot-filter{ width: 220px; margin-left: 2px; margin-top: 12px; } fieldset.field_filters { border: 1px #ddd solid; width:232px; margin-left: 8px; padding-top: 4px; background-color: #eee; } div.field_filters { border: 0; width:232px; margin: 8px 0 0 0; padding: 3px; background-color: #eee; } .field_filters h2 {font-size: 14px !important; color:#666; margin: 0 !important; padding: 0 !important;} /* search hierarchy */ .search-hierarchy { width: 100%; padding: 5px 0 10px 0; margin: 0 auto; } .search-hierarchy fieldset{overflow: hidden !important; border: 0; z-index: 0; background-color: transparent;} .search-hierarchy ul { width:24.7%; margin: 0 1px 8px 0; background-color: transparent; } .search-hierarchy li { font-size: 12px; line-height: 102%; margin: 8px 4px; border-bottom: 1px #ddd solid; padding-bottom: 3px; } .search-hierarchy li a, .search-hierarchy li a:link { color: #888; font-weight: normal; font-size: 12px; } .search-hierarchy li a:hover {color: #666;} .search-hierarchy li input{margin: 0 4px 4px 0; } .search-hierarchy h3{font-family:Helvetica, Arial, sans-serif !important; font-size: 13px !important; color: #666; font-weight: normal !important;} .search-hierarchy h4{color: #666;} /* Filters search */ .search-items.mobile-four.eleven.columns.centered.ui-accordion-content.ui-widget-content {width: 100% !important;} .column1-filter{ width: 46%; float:left; margin: 0 2px 10px 1px; } .column2-filter{ width: 46%; float:left; margin: 0 auto; } .column3-filter{ width: 99%; margin: 0 auto; padding: 0 0 0 0; } .column4-filter{ width: 100%; float:left; margin: 0 auto; padding: 20px 0 10px 0; } .box-filter {margin: 10px 0 10px 0;} .box-filter p{border:0 !important; line-height: 120%; margin-bottom: 6px; padding: 0 !important;} .box-filter h4{font-size: 12px; margin:0; padding: 0 !important;} .box-filter2 {margin: 0;} .box-filter2 p{border:0 !important; line-height: 120%; margin-bottom: 6px;} .box-slider { width: 190px; padding: 2px; height: 102px; margin: 0 auto; border: 1px solid #e6e8e9; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; background-color: transparent; text-align: center; } /*buttons box --------------------------------------------------------------------------------*/ .bottons{ height: 30px; margin: 10px auto 10px auto; clear: both; display: none; } /*.bottons a, .bottons a:link{font-size: 11px; color: #666; margin: 1px;}*/ /* pagination --------------------------------------------------------------------------------*/ .pagination { width: 724px; height: 30px; background-color: #f0f0f0; margin-bottom: 8px; clear: both; } .pagination-bottom{ width: 724px; height: 26px; background-color: #F0F0F0; margin: 12px 0 8px 0; clear: both;} .pagination ul, .pagination-bottom ul{ list-style: none; width: auto; text-align: left; } .pagination li, .pagination-bottom li{ float: left; margin: 6px 2px; font-size: 12px; line-height: 120%; font-weight: normal; text-align:center; color:#666; display: inline; } .pagination li a, .pagination-bottom li a{ float: left; margin: 0 2px; padding: 0 2px; font-size: 12px; line-height: 120%; font-weight: bold; text-align:center; color:#666; } .pagination select, .pagination-bottom select { padding: 2px; float: right; margin: 3px; width: 120px; text-indent: 2px; color:#666; font-family: Helvetica, Arial, sans-serif; font-size: 11px; } .whitespace{ height: 12px; width: 100%; margin-top: 12px; display: block; clear: both; background-color: transparent; } /* solutions home / detail --------------------------------------------------------------------------------*/ .row .solution-detail-box .row.solution-detail-tit {margin: 0 0 10px 0 !important;} .solution-detail-tit .nine.columns p {} .solution-detail-tit .nine.columns, .solution-designer.nine.columns {margin: 0; padding: 0;} .solution-home-box{ min-height: 412px; margin: 0; padding: 0 0 6px 0; background: url(../img-static/solutions-home-bkg.html) repeat-x; vertical-align: top; } .lt-ie9 .solution-home-box {padding-left: 2px;} /*.solution-home-box:nth-child(2n+1){ padding-right: 2px; }*/ .solution-home-box:nth-child(2n){ float: left; display: inline-block; /*padding-left: 2px;*/ } .solution-home-box.odd {padding-left: 5px;} .solution-home-box.even {padding-right: 5px; clear: both; float: left;} .out_solution { width:100%; height:248px; margin-bottom:0; position: relative; border-top:2px solid #dcdcdc; } /*.in_solution { position: absolute; top:0; left:0; clip: rect(0px 336px 238px 0px); }*/ .solution-home-box a, .solution-home-box a:link {cursor: pointer;} .solution-home-box a:hover, .solution-home-box:hover { background-color: #eee; background-image: none !important; cursor: pointer; } .solutions-img-detail { width: 100%; height: auto; margin: 0 0 10px 0; clear:both; } div.solutions-img-detail div {overflow: hidden; margin: inherit;} .solution-home-box h3, .solution-home-box p{padding: 0 2px 0 2px !important;} .solution-home-box h3 a, .solution-home-box h3 a:link{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 21px; } .solution-home-box h3 a:hover{color: #3C8CC7;} ul.solutions-menu{padding: 7px 0 0 0 !important;} ul.solutions-menu li{line-height: 150% !important; padding: 0 0 0 0;} ul.solutions-menu li h2{line-height: 170% !important;} ul.solutions-menu li h2 a{padding: 0 0 0 0; margin: 0 0 0 0;background:transparent url("../images/rocaUI/solutions-line-bkg.png") no-repeat 0 21px; } ul.solutions-menu li h2 a:hover, ul.solutions-menu li a:hover {color:#fff !important; } ul.solutions-menu2 { margin: 0 4px 0 12px; list-style: none; margin-top: 6px; } ul.solutions-menu2 li { font-size: 13px; line-height: 200%; font-weight: bold; text-align:left; color:#000; border-bottom: #ddd 1px solid; width: 100%; display: block; } ul.solutions-menu2 li a { color: #333; display: block; text-indent: 3px; } ul.solutions-menu2 li a:hover, ul.solutions-menu2 li:hover a { color: #666; width: 100%; cursor: pointer; } ul.solutions-menu2 li:hover { background: #ddd url(../img-static/pagination-bkg.html) repeat; background-position: left bottom; } .solutions-title-page { width: 100%; } .solutions-title-page h2 { font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 0; } .solution-designer.hide-mobile{ clear: both; display: block; float:none; margin: auto; padding: 0 0 0 0; height: auto; } .solution-designer img{ width: auto; height: auto; margin: 0; } .main-content .nine .solution-designer p{ margin: 0 0 0 0; padding: 0; text-align: left; } .solution-designer h6{ margin: 0 0 0 0 !important; padding: 0 !important; } /*.solution-detail-tit { margin: 45px auto 0 auto; width: 100%; min-height: 70px; }*/ /*.solution-detail-tit h1{ width: 31.5%; margin: 0 0 0 5px !important; padding-top: 5px !important; vertical-align: top; display: inline; float: left; font-size: 23px; }*/ /*.solution-detail-tit p{ text-align: justify; float: left; width: 64%; vertical-align: top; margin: 0 9px 8px 3px; display: inline; }*/ .solution-home-box p {text-align: left; height:120px;} .solutions-white-space{ width: 90%; height: 1px; background-color: #fff; clear: both; } .lt-ie8.lt-ie9 .solutions-img-detail { margin: 0 0 0 0; padding: 0; clear:both; } .lt-ie8.lt-ie9 .solution-home-box p {text-align: justify; word-wrap: normal !important;} .lt-ie8.lt-ie9 .solution-detail-tit p{ text-align: justify; float: left; width: 63%; vertical-align: top; margin: 0 4px 8px 5px; display: inline; } /* benefits box */ .benefits-box{ margin: 12px 0 12px 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; } .benefits-box li{ list-style: none; display: inline; margin: 12px 4px 12px 4px; } /* product mosaic */ .product-mosaic { height: auto; margin-bottom: 12px; /* margin-left: 10px; */ cursor: pointer; } .product-mosaic ul.level-one > li{ cursor: default !important; padding-bottom: 10px; } .solution-detail-box .product-mosaic { width: 100%; margin: 0 auto 0 auto; } .product-mosaic-search-txt { margin-bottom: 12px; margin-left: 0; cursor: pointer; width: 100%; } .product-mosaic-search-txt ul { margin: 0 auto 2px auto !important; padding: 0; height: auto; clear: both; } .product-mosaic h2, .product-mosaic-search-txt h2 { clear: both; border-bottom: 1px #ddd solid; margin: 0 0 10px 0 !important; padding: 12px 0 0 0; font-size: 22px; font-family: "HelveticaNeueW02-47LtCn_694048","Helvetica Neue LT W06_47 Lt Cn","HelveticaNeueW15-47LtCn_777348","HelveticaNeueW10-47LtCn_777246","Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; } /*.product-mosaic-search-txt h2 { margin: 0 8px 8px 0 !important; }*/ .product-mosaic ul { margin: 0 auto 12px auto !important; padding: 0; /* min-height: 1000px; */ clear: both; } .product-mosaic li, .product-mosaic-search-txt li { width: 20%; height: 253px; border: 1px #eee solid; float: left; display: inline; padding: 2px; background-color: #fff; position: relative; } .product-mosaic li {width: 20%;} .lt-ie8.lt-ie9 .product-mosaic li, .lt-ie8.lt-ie9 .product-mosaic-search-txt li { width: 127px; } .lt-ie8.lt-ie9 .collections-page .product-mosaic li, .lt-ie8.lt-ie9 .product-mosaic.home-selling li {width: 130px;} .product-mosaic li p, .product-mosaic-search-txt li p{text-align: center; font-size: 11px !important; line-height: 110% !important; padding: 0 !important;} .product-mosaic li img, .product-mosaic-search-txt li img{ text-align: center; vertical-align: top; display: block; margin: 12px auto; } .wrapcomp {min-height: 193px; width: 100%; position: relative;} div.mosaic-my-roca.activeme {background-color: #a8c2d7 !important;} .data .div.mosaic-my-roca {background-color: transparent;} .product-mosaic li a, .product-mosaic li a:link { display: block; height: 195px;} .product-mosaic-search-txt a{ display: block; /*height: 170px;*/} .product-mosaic ul.level-one li a, .product-mosaic ul.level-one li a:link { min-height: inherit !important; height: auto !important;} .product-mosaic ul.level-one li:last-child {float: left !important;} .product-mosaic li a:hover, li.product-mosaic-list a:hover {} .product-mosaic li:hover, .product-mosaic-search-txt li:hover {border-color:#c5c5c5;} div.mosaic-list-img{height: 120px;} div.mosaic-list-in {text-align: center; margin: 0 auto; display: block;} .product-mosaic li span.arrow-right, li.product-mosaic-list span.arrow-right {width: 40px; height: 40px; background: transparent url('../images/rocaUI/arrow-right-blue.png') no-repeat center center; position: absolute; left: 35%; top: 33%; text-indent: -8000px; display: none;} div.mosaic-my-roca { position: absolute; bottom: 0; left:0; width: 100%; height: 32px; min-height: 32px; max-height: 32px; background-color: #eeeeee; z-index: 2; border: 1px solid #fff; } div.mosaic-my-roca div.add { margin: 0 0 0 0 ; padding-left: 0; /*padding-top: 2px;*/ position: relative; display: inline-block; height: 26px; min-height: 26px; max-height: 26px; display: inline; width: 25px !important; } div.mosaic-my-roca div.add.wish, div.mosaic-my-roca div.add.compa { display: inline-block; float: none; } .lt-ie9.lt-ie8 div.mosaic-my-roca div.add.wish, .lt-ie9.lt-ie8 div.mosaic-my-roca div.add.compa { display: inline; float: left; } .lt-ie9.lt-ie8 #viewClass div.mosaic-my-roca div.add.compa {margin-left: 40px;} div.mosaic-my-roca div.add.wish{ margin-left: 30% } .lt-ie9.lt-ie8 div.mosaic-my-roca div.add.wish{ margin-left: 30%; } .compare-wish-list-explanation {min-height: 100px; width: 100%; margin: -30px auto 0 auto; padding:0 35px; font-size: 13px; line-height: 140%; display: block; float: none; clear: both; background: url("../images/rocaUI/dialog.png") no-repeat transparent -10px top;} .compare-wish-list-explanation:after{ content: " "; display: table; } .no-results {font-size: 14px; padding: 10px;} .home-selling-box div.mosaic-my-roca div.add.wish {margin-left: 0; position: relative;} div.mosaic-my-roca div.add.compa { } div.mosaic-my-roca div.add input {position: relative; vertical-align: bottom; margin-top: 10px; cursor: pointer;} .product-mosaic div.add .checkbox {background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -103px; border: none;} div.add .checkbox.checked, li.add .checkbox.checked {background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -144px !important; border: none !important;} div.add .checkbox, li.add .checkbox{background-image: none;} div.add.wish span.checkbox, li.add.wish span.checkbox {background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 7px !important; width: 25px !important; height: 20px; border: none;} div.add.wish span.checkbox.checked, li.add.wish span.checkbox.checked {background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -41px !important; width: 25px !important; height: 20px;} div.add.compa span.checkbox, li.add.compa span.checkbox {background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -98px; width: 25px !important; height: 20px; border: none;} .lt-ie9.lt-ie-8 div.add.compa span.checkbox, .lt-ie9.lt-ie-8 li.add.compa span.checkbox {display: block;} div.add.compa span.checkbox.checked, li.add.compa span.checkbox.checked {background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -139px !important; width: 25px !important; height: 20px;} xdiv.mosaic-my-roca div.delete{ position: absolute; right: 0; top: 0; margin: 0 0 0 0; padding: 0; height: 34px; width: 34px; background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -482px; } xdiv.mosaic-my-roca div.delete:hover{ background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -575px; } div.mosaic-my-roca div.delete{ position: relative; display: inline-block; margin: 0 0 0 0; padding: 0; height: 20px; width: 34px; background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 5px -519px; } .lt-ie8.lt-ie9 div.mosaic-my-roca div.delete{ height: 23px; background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -514px; margin-left: 27px; margin-top: 4px; } .lt-ie9 #viewClass div.mosaic-my-roca div.delete{ margin-top: 4px; background-position:0 -512px; } td div.mosaic-my-roca{ position: absolute; margin: 0 auto 0 auto; padding: 0; height: 16px; width: 95%; background: transparent; display: block; clear: both; bottom: 0; left: 0; border-color: #F5F5F5; } .lt-ie9 td div.mosaic-my-roca{ height: 20px; } td div.mosaic-my-roca .delete {position: absolute; right: 27%; bottom: 1px;} td div.mosaic-my-roca .delete:hover {cursor: pointer;} td div.mosaic-my-roca div.add.wish {margin: 0; position: absolute; left: 27%; top: 0; max-height: 20px; height: 20px; min-height: 20px;} td div.mosaic-my-roca div.add.wish:hover, td mosaic-my-roca div.delete:hover {cursor: pointer;} td div.mosaic-my-roca div.add.wish span.checkbox {background-position: 0 0;} div.mosaic-my-roca div.delete:hover{ background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 5px -540px; } .lt-ie9.lt-ie8 div.mosaic-my-roca div.delete:hover{ background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 5px -532px; } .lt-ie9 #viewClass div.mosaic-my-roca div.delete:hover{ background-position:0 -512px; } div.mosaic-my-roca div.add label { background-color:#494949; color: #fff; font-size: 11px; width: auto; min-width: 10px; padding: 2px; } div.mosaic-my-roca div.delete p{ text-indent: -1000px; overflow: hidden; padding: 0; margin: 0; } .special-white{background-color: #fff !important;} /* Overlays tooltips */ div.msg { position: absolute; top:-25px; left:-45px; z-index: 20; display: none; font-size: 11px; text-align: center; color: #fff; min-width: 110px; background-color: #333; padding: 4px 1px; -webkit-box-shadow: 0 0 4px #aaa; box-shadow: 0 0 4px #aaa; border:1px solid #6b6b6b; } .wrapcomp div.msg {z-index: 999;} .lt-ie8.lt-ie9 .wrapcomp .wish div.msg {top:-15px;} .lt-ie8.lt-ie9 .wrapcomp .delete div.msg {top:-25px;} div.msgdel { position: absolute; top:32px; left:30%; z-index: 20; display: none; font-size: 11px; color: #fff; min-width: 100px; background-color: #333; padding: 5px 2px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; border:1px solid #6b6b6b; } /* Products Section ---------------------------------------------------------------------------------*/ .all-products h1 {margin: .5em 0 .5em 16px; font-size: 1.25em;} .products-title-page {width: 100%; margin: 0 0 5px 0;} .products h1.entry-title {padding: 0; margin:0;} #pageContentRightColumn h1.entry-title:hover {color: #000 !important;} .products .products-title-page h2 {margin: 0; font-size: 1.5em;} .products .products-title-page h3 {margin: 0; font-size: 1em;} .products .dimensions p{padding: 0;} .products .column2-data h1.entry-title, .products .column2-data h2.entry-summary {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; border: none; margin: 0 0 .35em 0;} .products .column2-data h1.entry-title {color: #000; font-size: 22px;} .products .column3-data h2.entry-summary, .products .column2-data h2.entry-summary {color: #000; font-size: 24px;padding: 0;} /*.products .column3-data h1.entry-title:hover, .products .column2-data h1.entry-title:hover {color: #666;}*/ #pageContentRightColumn .accordion.twelve.columns {display: block; float:none; margin: 0 auto 10px auto;} p.special-counry-select {width: 80%; margin: .5em auto; } p.special-counry-select a {padding: .5em .75em; color:#178ACD; display: block; background-color: #fff; border: 1px solid #ddd; } p.special-counry-select a:hover {background-color: #eee; border-bottom-color: #c4c4c4;} .all-products-box{ width: 100%; clear: both; margin: 0 8px 10px 8px; } .column-five{ width: 176px; background: #eee url(../img-static/all_products_bkg.html) repeat-x; min-height: 1940px; float: left; margin: 2px 10px 2px 0; padding: 5px; } .column-five ul li { font-size: 13px; margin: 0; padding: 0; } .column-five ul li h2{ font-size: 110%; line-height: 110%; letter-spacing: 0; color: #666; border-bottom: 1px #666 solid; margin-top: 4px; } .column-five ul li h2 a:link, .column-five ul li h2 a{ font-size: inherit; font-weight: bold; line-height: 140%; color: #666; } .column-five ul li h2 a:hover{ color: #222; } .column-five ul li ul li h3{ font-size: 105%; line-height: 110%; letter-spacing: 0; color: #1E415F; } .column-five ul li ul li h3 a:link, .column-five ul li ul li h3 a{ font-size: inherit; font-weight: bold; color: #1E415F; } .column-five ul li ul li h3 a:hover{ color: #222; } .column-five ul li ul {margin: 12px 0;} .column-five ul li ul li{ font-size: 102%; margin: 0; line-height: 150%; color: #000; text-indent: 1px; } ul.all-fourth { margin: 0 !important; background-color: transparent; padding-left:11px !important; } ul.colors {margin: 0; padding: 3px 0; display: block;} ul.colors h6 {margin: 2px 2px 0 4px;} ul.colors li {display: block; background-color: #fff; min-height: 33px; margin: 0 0 2px 0 !important;} ul.colors li:first-child {background-color: transparent; margin: 0; min-height: 27px;} ul.colors li p{padding:5px 0 5px 0 !important; line-height: 108% !important; width:155px; vertical-align: middle !important; display: inline-block !important; font-size: 12px !important;} .lt-ie9 ul.colors li p {display: inline !important;} ul.colors li img{vertical-align: middle !important; margin:0 1px 0 0 !important;} div.inside-colors {display: block; clear: both; width: 100%;} .column-five ul li ul li a, .column-five ul li ul li a:link {color: #666; font-weight: normal; text-decoration: underline;} .column-five ul li ul li a:hover {color: #222; text-decoration: underline; font-weight: normal;} .column2{ width: 225px; min-height: 600px; background-color: transparent; vertical-align: top; display: block; float: left; margin-right: 8px; padding: 5px 5px 5px 0; } .column2 h1 {height: auto; padding-top: 18px;} .column2 p {font-size: 12px;} .column2-data { /*margin: 4px 0 !important;*/ clear: both !important; float: none !important; padding: 0 10px 10px 0; } .openclose, .opentext {display: inline-block; width: 20px; height: 20px; position: absolute; top:3px; right: 1px; background: transparent url("../img-static/ui-icons_888888_256x240.png") no-repeat -31px -127px; text-indent: -3000px; overflow: hidden; cursor: pointer;} .openclose.opened-content, .opentext.opened-content {background-position: -62px -127px;} /* PRICES */ .pricebox {} .single-pricebox {background-color: #eee; position: relative; padding: 12px 0.25em 9px 0.25em; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; clear: both; display: block; margin-top: 0; margin-bottom: 20px;} .single-pricebox h3 {font-family: Helvetica, Arial, sans-serif !important; font-size: 12px !important; color:#666 !important; font-weight:normal; margin: 0;} .single-pricebox span > span {color: #000;} #pricebox {z-index: 3; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin-bottom:20px;} #pricebox div{background-color: #fff; position: relative; padding: 0.35em 0.35em 0 0.35em; border-right: none !important; border-left: none !important; border-radius: 0;} #pricebox h3.ui-accordion-header {background: #eee !important; border-right: none !important; border-left: none !important; border-radius: 0; font-family: Helvetica, Arial, sans-serif;} #pricebox h3.ui-accordion-header a {padding-left: .25em !important; padding-bottom:6px; padding-top:8px; border-right: none !important; border-left: none !important; border-radius: 0; outline: none; text-decoration: none;} li.priceitem {font-size: 12px; color: #666; padding: 2px 0 2px 0; border-bottom: 1px solid #ddd; width: 100% !important; position: relative; overflow: hidden;} #pricebox li.priceitem p{width: 74% !important; display:block; margin: 0 !important; padding: 0 !important; line-height: 100%; } span.pricevalue {position: absolute; right: 1px; top:2px;} #pricebox .ui-accordion-content-active {display: block; min-height: 30px;} #pageContentRightColumn .ui-accordion-content-active {background-color: #eee;} #pricebox div li:last-child {border-bottom: none;} .column3-data {width: 98%;} .column2-data ul { font-size: 12px; /*margin: 10px 2px;*/ /*padding: 4px 0 0 0;*/ width: 100%; min-height: 30px; clear: both; word-wrap:break-word; display: block; } .column3-data ul, .column2-data ul{ font-size: 12px; /* margin: 12px 1px; */ clear: both; /* border-top: 1px #ddd solid; */ /*padding: 6px 0 0 0;*/ } .column2-data.first ul {border-top:none;} .column2-data.first h2.entry-summary {line-height: 120%;} .column3-data.features ul, .column2-data.features ul { padding: 5px 0; } .column2-data ul li h6 { font-size: 12px; font-weight: bold; color: #333; margin: 0; } .column3-data ul li h6{ font-weight: bold; color: #333; border-bottom: 1px #ddd solid; } .column3-data ul li{ list-style-type: none; line-height: 140%; margin-top: 2px; } .column2-data ul li { list-style-type: none; line-height: 130%; margin-top: 2px; clear: both; } .column3-data ul li:first-child, .column2-data ul li:first-child { margin-top: 0; } .column3-data ul li p, .column2-data ul li p {display: inline; font-size: 12px; color: #666;} .column3-data ul li h5, .column2-data ul li h5 {color: #000; font-weight: normal; font-size: 12px; display: inline;} .lt-ie9.lt-ie8 .column2-data ul li p, .lt-ie9.lt-ie8 .column2-data ul li h5 {display: inline !important;} .column2-data ul li p {display: inline-block !important; font-size: 13px; color: #666 !important; line-height: 140% !important; padding-top: 0 !important; padding-right: 3px !important; padding-bottom: 0 !important; padding-left: 0 !important; margin: 0;} .column2-data ul li h5 {color: #000; font-weight: normal; font-size: 13px; display: inline-block; line-height: 140%; margin: 0 !important;} .column3-data.features ul li, .column2-data.features ul li {display: inline-block; margin-right: 1px; margin-top: 1px !important;} .column3-data.features ul li, .column2-data.features ul li {display: inline-block; margin-right: 1px; margin-top: 1px !important;} .column2-data.features ul li {height: 56px; width: 56px; border-radius: 50%; overflow: hidden; margin: auto;} .lt-ie9.lt-ie8 .column3-data.features ul li, .lt-ie9.lt-ie8 .column2-data.features ul li {display: inline; margin-right: 1px; margin-top: 1px !important;} .column3-data.features ul li img, .column2-data.features ul li img {margin: 0 !important; padding: 0; max-width: 56px;} /* .column2-data ul li img {margin:2px 5px 3px 0; vertical-align:middle; float: left;} */ .column2-data ul li div, .column2-data.features ul li div {clear: both;} /* fix for chrome list */ .row .datasheet .row { margin: 0 0 10px 0!important; width: 100%; padding-bottom: 0; float: left; clear: both; } .datasheet .row hr {margin: 0 0 6px 0; } .six.columns.datasheet {padding:0 5px;} .columns.datasheet {padding:0;} .nine.columns.datasheet {padding:0 0 0 10px;} .six.columns.datasheet .ui-accordion {margin-top: 10px;} .six.columns.datasheet .ui-accordion h3 a{text-indent: 4px;} .three.datasheet .eleven {font-size: 13px; line-height: 130%; position: relative; clear: both; float: none; display: block; margin: 0 0 20px 15px;} .three.datasheet.end .eleven {position: inherit;} /* .three.datasheet .eleven ul li.related a:hover {color: #0093D0;} */ .three.datasheet .eleven h5 {margin-left: 1px; color: #666; font-weight: normal;} .three.datasheet.end {margin-top: 54px;} .three.datasheet.end .eleven {margin-left: 6px;} .datasheet form {margin: 0;} .three.datasheet .eleven p, .three.datasheet .eleven h6 {margin: 0;} .three.datasheet .eleven p {color: #666;} .three.datasheet h4.eleven {color:#666;} .three.datasheet .eleven.related li p a, .three.datasheet .eleven.related li p a:link {padding: 2px 0;} .three.datasheet .eleven.related li p a:hover {color: #0093d0;} .call-actions {background-color: #eee; border-top:1px solid #ddd; margin-bottom: 10px;} .call-actions label {font-size: 13px; color: #666; font-weight: normal;} .call-actions label:hover {color: #0093D0;} .call-actions ul li{padding: 5px 8px 5px 8px; display: block; border-bottom: 1px solid #ddd; font-weight: normal; color: #666; font-size: 13px; line-height: 150%;} /*.call-actions ul li:first-child {padding: 10px 8px 7px 8px;}*/ /*.call-actions ul li.download-pdf { padding: 8px 8px 6px 8px; }*/ .call-actions ul li.download-pdf a { background: transparent url("../images/rocaUI/pdf-icon.png") no-repeat 0 3px !important; padding-left: 25px; /*height: 20px;*/ display: block; /*line-height: 150%;*/ padding: 5px 5px 5px 25px; } .btn-product-datasheet { background-color: #eee; padding: 8px 8px 6px 8px; font-size: 12px; float: left; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .btn-product-datasheet.icon { padding: 8px 14px 6px 8px; } .popup-measures a { background: transparent url("../images/rocaUI/dimension-bkg.png") no-repeat 0 0 !important; padding-left: 28px; height: 20px; display: block; padding-top: 3px; } .lt-ie9 .popup-measures a {padding-top:0;} .datasheet h6, .datasheet h5, .datasheet h3 { font-size: 13px; margin: .5em 0 0 0 !important; padding: 0; } .datasheet h6 { margin: 0 !important; } .activeme {background-color: #dadada;} .activeme label{color: #0093D0;} .product-designer.hide-mobile, .product-collection.hide-mobile { padding: 3px; text-align: left; float: none !important; clear: both; display: block; background-color: #fff; line-height: 130%; margin: 0 auto 10px auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .product-collection p {background-color: #fff;} .product-designer h6, .product-collection h4 {margin: 0; padding: 0; font-size: 0.75em; color: #000; font-weight: normal; font-size: 13px;} .product-collection img, .product-designer img {width: 50%;} .eleven.columns.data-column h4{ margin-bottom: 4px; padding-top:6px;} .lt-ie9.lt-ie8 .eleven.columns.data-column h4{ padding-top:0;} .datasheet .eleven.columns.data-column a p:hover{ color: #0093D0;} .datasheet .product-designer img{ width: 50%; height: auto; margin: 6px 12px 0 0; } .column3{ width: 485px; min-height: 600px; display: block; background-color: transparent; float: left; vertical-align: top; } .column3 h4{font-size: 12px; font-weight: normal; text-align: justify; margin: 10px 0 0 0 !important; line-height: 141%; width: 98%} .product-list-tit { margin: 0 0 0 0; width: 100%; min-height: 1px; } .product-list-tit h1{ padding: 0 0 0 0; } .product-list-tit h2{ vertical-align: middle; padding-top: 18px; } .featured-product {display: none; height: 0;} .morephotos{position: relative; border: 1px #ddd solid; display: block; height: auto; width: 88%; padding: 0; margin: 0 auto 10px auto; background-color: #FFF; overflow: hidden;} .morephotos div.orbit .fluid-placeholder {visibility: hidden; position: static; display: block;width: auto !important;} .morephotos .orbit-slide {text-align: center;} .solution-detail-box .slider-wrapper.morephotos{border: none; background-color: transparent !important; background: transparent !important;} .solution-detail-box .morephotos:hover {border: none;} .morephotos:hover {border: 1px #b6b6b6 solid;} .morephotos ul {height: auto; display: block; } .morephotos .orbit-controls { width:210px; margin:0 auto; position:relative; overflow: visible; left:0%; display: block; /* height: 1px; */ bottom: 0px; } .morephotos ul li a{line-height: 209px;} .morephotos ul li img {text-align: center; vertical-align: middle;} img.photobox {border: 1px #ddd solid;} img.photobox:hover {cursor:pointer; border: 1px #888 solid;} .zoom-icon {z-index: 3; position: absolute; top: 4px; left:2px; width:34px; height:32px; line-height: 12px !important;} .z-icon {visibility:visible; vertical-align: top !important;} .galleryinformation {position:absolute; top:161px; left:0; height:24px; width: 100%; background-color:#f5f3f3; font-size: 12px; text-align: center; line-height: 200%; color:#666 !important;} ul.gallerythumb{position: relative; display: block; margin: 10px 0 4px 0; width: 100%; min-height: 31px; border: 0; padding: 0;} ul.gallerythumb li { border: 1px solid #ddd; display: inline; float: left; margin: 0 !important; padding: 0 !important; height: 32px; max-width:42px; } .resizemedium {margin: 0 !important; padding: 0 !important; background-color:#f5f3f3;} .resizethumb {height: 32px; width: auto;} .resizethumb:hover {opacity:0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} /* -- level 1 -- */ .sellingtop {position: relative; display: block; padding: 0px; cursor: pointer; background-color: transparent; margin: 0;} .sellingtop .sellingtop { margin: 0 0 2px 13px; } .sellingtop.group { cursor: default; } .sellingtop:hover {} .sellingtop.group:hover {background-color: #fff;} .sellingtop h3 {margin:0 0 0 5px; padding: 2px !important; font-size: 17px !important; color:#666;} .sellingtop.menu-solutions.group h3 {color:#666;} .sellingtop.menu-solutions h3, .sellingtop .sellingtop.menu-solutions h3 {margin:0 0 0 5px; padding: 4px 0 2px 0 !important; font-size: 15px !important; color:#666;} .sellingtop.active {background-color: #eee;} .sellingtop.active h3{color:#6f83a6;} .sellingtop.active span.icon {background-position: -64px -130px;} .sellingtop span.icon {width: 15px; height: 15px; position: absolute; right: 3px; top:3px; background-image: url(../img-static/ui-icons_888888_256x240.png); background-position: -32px -129px;} .sellingtop.menu-solutions span.icon {width: 18px; height: 15px; position: relative; float: right; background: transparent url(../images/rocaUI/arrow-right-white.png) no-repeat; margin-right: -5px;} /* .parentone {display: none; margin-top: 10px;} .openone {display: block !important;} */ .main-content.products .three #accordion_menu h3, .main-content.products .three #accordion_menu_faucets h3 {padding: 0 !important;} .main-content.products .three #accordion_menu h3.ui-state-default a, .main-content.products .three #accordion_menu h3.ui-state-default a:link, .main-content.products .three #accordion_menu h3.ui-state-default a:visited {font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif !important; font-weight: normal; font-style: normal; font-size:1em; line-height:140%; outline: 0; } .main-content.products .three #accordion_menu h3.ui-state-active, .main-content.products .three #accordion_menu_faucets h3.ui-state-active {font-weight: normal;} .main-content.products .three #accordion_menu h3.menu-products.ui-accordion-header a{ font-family:Arial,Helvetica,sans-serif !important; font-size: 13px !important; text-indent:3px; } #accordion_menu.ui-widget {z-index: 1;} .special-level {width: 100%; background-color:#fff; margin-top: 12px; } ul.level-one {min-height: 240px; display: block; float: none;} ul.level-one li { min-height:180px; height: auto; display: table-cell; background: transparent url('../images/rocaUI/mosaic-bkg.png') no-repeat left top; padding: 0; vertical-align: top; border-bottom: none; border-left: none; border-right: none; border-top-width: 4px; margin: 1px 0 1px 0 !important;} ul.level-one li:nth-child(4n+1) {clear: both;} ul.level-one li.nofloat {clear: both; float:left;} /* working with jquery and fixing IE */ .product-mosaic ul.level-one li:hover {background-color: transparent; border-color: #EEEEEE;} .product-mosaic ul.level-one li ul {margin: 0 auto !important; padding: 2px 0 2px 1px; min-height: 40px !important; width: 95%; float: none; clear: both;} .lt-ie9 .product-mosaic ul.level-one li ul {min-height: 280px !important;} .product-mosaic ul.level-one li ul li h3{color: #000; line-height: 100%; margin-top: 8px; padding: 3px 0 2px 0; font-size: 16px;} .product-mosaic ul.level-one li ul li h3:hover{color: #1d1d1d;} .product-mosaic ul.level-one li ul li {font-size: 12px; line-height: 11px; color: #666; border: none; display: block; float: none; clear: both; width: 100%; list-style-type: none; text-align: left; min-height: 10px; height: auto; background-color: none; background-image: none; padding: 2px; margin: 0;} ul.level-one li ul li a {color: #666; display: block; padding: 1px 0;} ul.level-one li ul li a:hover {color: #0093D0;} ul.level-one li ul li h3 a{color: #000;} ul.level-one .mosaic-list-img img {zoom: 1;filter: alpha(opacity=40);opacity: 0.4; margin-top: 12px;} /*-- nuevo product gallery --*/ .column2 li.specialgallery { border: 1px solid #ddd; display: inline; float: left; margin: 0 !important; padding: 0 !important; height: 31px; max-width:48px; } /* usado para tooltip */ .tip, .references .tip { color: #666; background:#eee; display:none; /*--Hides by default--*/ padding: 10px; position:absolute; z-index:1000; top: 10px !important; left: 0 !important; } .tip h4, .tip p, .references .tip p {font-size: 12px !important;} .references .tip_trigger {font-size: 12px !important;} .tip_trigger{color:#666 !important; display: block; position: relative;} .tip_trigger a, .tip_trigger a:link {color:#666 !important; position: relative;} .tip_trigger:hover, .tip_trigger a:hover {color:#000 !important; cursor: help;} /* usado para list-view */ .list_view{ width: 711px; margin-left: 0 auto; } .list_view ul{ margin: 6px 0; } .list_view .list_tit {background: #DAECF8 url(../img-static/tit_list_blue_bkg.html) repeat-x; min-height:40px; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } .list_view .list_body {height: 40px;} li.list_tit {list-style-type: none; clear: both;font-size: 11px; font-weight: normal; margin: 4px 2px 1px 2px; line-height: 110%;} li.list_body {list-style-type: none; clear: both; font-size: 11px; margin: 4px 5px 2px 2px; line-height: 110%; border-bottom: 1px #eee solid;} li.list_body a:hover, li.list_body:hover {background: #eee; cursor: pointer;} .list_view .list_tit div, .list_view .list_body div{float: left;} .list_tit div.col01 {font-size: 11px; font-weight: bold; width: 80px; min-height:39px; margin-left: 1px; padding-left: 6px; padding-top: 1%; padding-bottom: 1.5%; word-wrap: break-word;} .lt-ie9 .list_tit div.col01 {min-height:22px;} .list_body div.col01 {width: 80px !important; height:28px; margin-left: 1px; padding-left: 6px; padding-top: 6px;} .list_tit div.col02, .list_body div.col02 {line-height: 105%; width: 94px; margin-left: 1px; padding-left: 5px; padding-top: 4px; word-wrap: break-word; color:#666;} .list_tit div.col03, .list_body div.col03 {width: 439px; margin-left: 1px; padding-left: 6px; padding-top: 5px; word-wrap: break-word; border-left: 1px #fff solid; color:#666;} .list_tit div.col03with04, .list_body div.col03with04 {width: 139px; margin-left: 1px; padding-left: 6px; padding-top: 2px; word-wrap: break-word; border-left: 1px #fff solid; color:#666;} .list_tit div.col04, .list_body div.col04 {width: 349px; margin-left: 1px; padding-left: 6px; padding-top: 5px; word-wrap: break-word; border-left: 1px #fff solid; color:#666;} ul.thumb { list-style: none; margin: 0; padding: 0; } ul.thumb li { margin: 0; padding: 1px; float: left; position: relative; /* Set the absolute positioning base coordinate */ width: auto; height: 108px; overflow: visible; } ul.thumb li img { width: auto; max-width: none; height: 27px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: 1px solid #ddd; padding: 1px; background: #f0f0f0; position: absolute; left: 0; top: 0; cursor: move; } ul.thumb li img.hover { background:#ddd url(thumb_bg.html) no-repeat center center; /* Image used as background on hover effect border: none; /* Get rid of border on hover */ } .list_body div.col01 a, .list_body div.col02 a, .list_body div.col03 a, .list_body div.col04 a{ color:#666; } /* estilos para chekbox y rariobuttons*/ input {} /* loading box */ #loading_box { margin: 0; text-align: center; width:100%; height:100%; position:absolute; top: 110px; border-bottom:-200px; left:0; z-index: 9999; /* display: none; background-img: rgb(255, 255, 255); opacity:0.6; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/ } #loading_box span{ position: relative; height:100px; width: 100px; margin:0 auto; background: transparent url('../img-static/loader_gray_48.gif') no-repeat center center; display: block; } #infinite_scroll_loading_box { margin: 0; text-align: center; width:100%; height:100%; top: 110px; border-bottom:-200px; left:0; z-index: 9999; /* display: none; background-img: rgb(255, 255, 255); opacity:0.6; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/ } #infinite_scroll_loading_box span{ position: relative; height:100px; width: 100px; margin:0 auto; background: transparent url('../img-static/loader_gray_48.gif') no-repeat center center; display: block; } /* ESTILOS PARA inputs wrapper divs First, we absolutely positioned the input and label pair so that we could layer the label over the input, like a mask. For this to work, we relatively positioned the wrapper div to contain the input and label */ .custom-checkbox, .custom-radio { position: relative; } /* input, label positioning */ .custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; } /* Next, we styled each type of label (checkbox and radio button) with a background image we used an image sprite for all states: default, hover, and checked */ .custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; font-size: 1.3em; padding-right: 1em; line-height: 1; padding: .5em 0 .5em 30px; margin: 0 0 .3em; cursor: pointer; } /* And added classes for hover and checked states that repositioned the background sprite accordingly. We also included a class for the "focus" state for keyboard users */ .custom-checkbox label, .custom-radio label { background-position: -10px -14px; } .custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -10px -114px; } .custom-checkbox label.checked, .custom-radio label.checked { background-position: -10px -214px; } .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -10px -314px; } .custom-checkbox label.focus, .custom-radio label.focus { outline: 1px dotted #ccc; } /* download PDF box */ .download-box { border: 1px solid #eee; min-height: 34px !important; width: 205px !important; margin: 15px 0 0 0 !important; padding: 4% !important; text-align: center !important; background: #f9f9f9 url(../img-static/download-bkg.html) repeat-x; } .download-icon { float: left; width: 23px; height: 31px; vertical-align: middle; margin: 0 0 0 10%; } .download-bot { border: 1px solid #ddd; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; display: inline; float: left; height: auto; width: auto; margin: 4px 2px 2px 2px; padding: 1px 10px 1px 10px; font-size: 12px; font-weight: bold; vertical-align: middle; } .download-bot:hover { border-left: 1px solid #ddd; border-right: 2px solid #ddd; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; cursor: pointer; text-shadow: 1px 1px 0 #fff; } /* ESTILOS BOTON ALL PRODUCTS DEL MENU PPAL */ .allproducts-bot { font-size: 14px; position:absolute; right:4px; bottom: 6px; width:158px; height:26px; background-color: #2d5875; padding:2px; border: 1px solid #3e6587; text-align:left; z-index: 99999; cursor: pointer; text-indent: 4px !important;} .allproducts-bot:hover {background-color:#4b7496; cursor: pointer; } .allproducts-in {text-align:left; text-indent: 0 !important;} /* PANTALLA HOME NAVEGANDO EN SELLING */ .home-selling { width: 100%; height: 295px; /* padding:2px 0 2px 2px; */ margin: 0 auto 26px auto; /*background-color: #fff;*/ } .home-selling.product-mosaic { height: auto; min-height: 298px; margin: 0 auto 25px auto; border-top:2px solid #dcdcdc; } .home-selling-head { width: 100%; height: 36px; background-color: transparent; display: block; position: relative; } .home-selling-box { margin: 0 auto !important; text-align: center; width:100%;} .home-selling-box .mosaic-list-img {overflow: hidden;} .home-selling-box .mosaic-list-img img {margin-top:12px;} .home-selling-bot { width: 19.5%; background-color: transparent; display: inline; float: right;} .home-selling-bot #hierarchy_bot { -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; text-align: center; margin: 4px 0 0 0 !important; font-size: 13px; background-color:#dcdcdc; border:0; float: right; width: 146px; } .lt-ie8.lt-ie9 .home-selling-bot #hierarchy_bot { width: auto; padding: 4px 10px;} .home-selling-bot #hierarchy_bot a {color: #666; text-align: center;padding: 5px 11px; display: block; } .home-selling-bot #hierarchy_bot a:hover {color: #fff;} .home-selling-bot #hierarchy_bot:hover { background-color:#636363; } .specialclass-bot { font-size: 12px !important; font-weight: normal; padding: 2px 4px !important; width: 210px !important; } .specialclass-ext {width: 214px !important;} .specialclass-tit { width: 491px !important; } .home-selling-tit { width: 78%; margin: 0; padding: 0; background-color: transparent; display: inline; float: left;} .home-selling-tit h2 { font-family: "HelveticaNeueW02-47LtCn_694048","Helvetica Neue LT W06_47 Lt Cn","HelveticaNeueW15-47LtCn_777348","HelveticaNeueW10-47LtCn_777246","Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: normal; margin: 0; padding: 5px 0 5px 0; border-bottom: none; cursor: default; } .home-selling-tit h2 a {color:#000000; cursor: default;} .home-selling-tit h2 a:hover{color:#666666; cursor: default;} .home-selling-tit h2 .theparent { font-size: 20px; color: #b0aeae; font-weight: normal; padding-right: 6px; padding-left: 0; background: url("../img-static/ui-icons_triangle.png") no-repeat center right; cursor: default; } .thelastparent{padding-left: 8px;} .thelastparent:hover {cursor: pointer !important;} .home-selling-tit h2 .thefirstparent { font-size: 14px; color: #b0aeae; font-weight: normal; padding-right: 6px; padding-left: 6px; background: url("../img-static/ui-icons_triangle.png") no-repeat center right; cursor:default; } p.dl-name { font-size: 12px !important; line-height: 130% !important; text-align: center; font-weight: bold; color: #000; background-color: #F8F8FA; display: block; width: 75%; margin: 0 auto 2px auto; padding: 1px;} ul.home-selling-box li.mosaic-home-selling{width: 128px !important;} /* pagination --------------------------------------------------------------------------------*/ .solution-detail-box .pagination2 { width: 100%; margin: 5px auto 5px auto; } .pagination2 { position: relative; height: 20px; background-color: transparent; margin: 5px auto 5px auto; padding: 0; text-align: left; clear: both; border: 0; } .lt-ie8.lt-ie9 .pagination2 { width: 96%; height: 26px; background-color: #eee; padding: 2px 0 2px 0; } .lt-ie8.lt-ie9 .pagination2.results { width: 95%; } .pagination-bottom2{ width: 708px; height: 30px; background-color: #eee; margin: 8px auto 8px auto; padding: 2px 0 1px 0; text-align: center; clear: both; border: 1px #eee solid; -moz-border-radius: 6px/*{cornerRadius}*/; -webkit-border-radius: 6px/*{cornerRadius}*/; border-radius: 6px/*{cornerRadius}*/;} .pagination2 ul, .pagination-bottom2 ul{ list-style: none; width: 65%; text-align: left; margin-left: 4px; } .lt-ie8.lt-ie9 .pagination2 ul, .lt-ie8.lt-ie9 .pagination-bottom2 ul{ width: 60%; float: left; } .pagination2 li, .pagination-bottom2 li{ float: left; display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 140%; margin: 0 4px; padding: 0 4px; } .lt-ie8.lt-ie9 .pagination2 li, .lt-ie8.lt-ie9 .pagination-bottom2 li{ padding: 0 3px; } .pagination2 li a, .pagination-bottom2 li a {float: left;} .pagination2 select, .pagination-bottom2 select { padding: 2px; float: right; margin: 3px; width: 120px; text-indent: 2px; color:#666; font-family: Helvetica, Arial, sans-serif; font-size: 11px; } .twelve.columns li.all-results { margin:0; padding: 0 0 0 273px; color: #000; } li.all-results { margin:0; padding: 0 0 0 0; color: #000; } li.grid-options { margin:0 3px 0 0; padding: 0; height: 28px; background-color: transparent; color: #676767; border: 0; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; display: inline; float: left; } .lt-ie8.lt-ie9 li.grid-options { position: relative; margin:0 2px 0 0; } #list-bot { background: #f5f5f5 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -73px;; width: 35px; height: 25px; padding: 4px 6px; cursor: pointer; /* hand-shaped cursor */ border: 1px #dbe6ef solid; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } #mosaic-bot { background: #f5f5f5 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -25px;; width: 35px; height: 25px; padding: 4px 6px; cursor: pointer; /* hand-shaped cursor */ border: 1px #dbe6ef solid; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } #list-bot:hover { background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -49px; } #mosaic-bot:hover { background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px 3px; } #mosaic-bot.state-active{ background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px 3px; } #list-bot.state-active{ background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -49px; } ul.grid-selector { width: 78px; height: 100%; display: inline; float: right; padding: 0 0 0 0; } .lt-ie8.lt-ie9 ul.grid-selector { display: inline; position: absolute; right: 6px; top:2px; padding: 0; width: 86px; } li button.pagination-button { margin: 1px 0 0 0; padding: 3px 1em 3px 1em; color: #8a8a8a; background-color: #fff !important; border: 1px solid #ddd; cursor: pointer; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; height: 22px; } .lt-ie8.lt-ie9 li button.pagination-button { line-height: 118%; height: 1.85em; margin: 2px 0 0; padding: 0 0.1em 0.2em 0.1em; } li button.pagination-button:hover { color: #008BD0; background-color:#fff; border-top: 1px solid #b6b6b6; border-right: 1px solid #8a8a8a; border-left: 1px solid #b6b6b6; border-bottom: 1px solid #8a8a8a; cursor: pointer; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;} .pagination-button { outline: 0; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } .pagination-loading {visibility: visible;} .page-tit {width: 96%; margin: 0 auto;} /* LOADING BOX */ .product-mosaic-box {position:relative; height: auto; width: 100%; margin: 0 auto;} .lt-ie9.lt-ie8 .product-mosaic-box {width: 95%;} .collections-page .product-mosaic-box {position:relative; height: auto; width: 100%; margin: 0 auto;} #product-mosaic-load { position:absolute; top: 0; left: 1px; z-index: 9999; display: none; width: 728px; height: 110%; background: #fff url(../img-static/loading2.gif) no-repeat 260px 60px; opacity:0.85; filter: alpha(opacity=85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .loading-bottom {background: #fff url(../img-static/loading3.html) no-repeat center bottom !important;} #product-content { margin-left: 0;} /* boton zoom dimensions */ .margintop {margin-top: 4% !important;} .column2-data ul li.dimensions, .features ul li.dimensions { margin: 2% 0 2.5% 22% !important; display: block; width: 37px; height: auto; list-style-type: none; clear: both; } .dimensions ul { width: auto; float: none; margin-bottom: 10px; } #dimensions-bot { font-size: 12px; font-weight: bold; line-height: 115%; display: block; width: 140px; text-align: center; height: auto; margin: 2px auto; border: 1px solid #DDDDDD; -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; padding: 5px 2px; cursor: pointer; vertical-align: middle; } #dimensions-bot:hover { border-left: 1px solid #ddd; border-right: 2px solid #ddd; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; cursor: pointer; text-shadow: 1px 1px 0 #fff;} .dimensions-bkg { background: transparent url("../img-static/dimension-bkg.html") no-repeat 20px 12px !important; border: 1px solid #eee !important; /*padding-bottom: 3px !important;*/ } ul.download-box .dimensions-bkg { padding: 4% 0 !important; } .fileicon{margin: -3px 4px 0 0 !important;} /* Usado para product detaill image */ #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:40px; height:40px; position:absolute; left:0px; top:161px; z-index:1000; } #nextBtn, #slider1next{ left:196px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:40px; height:40px; background: #fff url("img-static/bot-playstop-bkg.html") no-repeat 0 -305px; } #nextBtn a, #slider1next a{ background: #fff url("img-static/bot-playstop-bkg.html") no-repeat 0 -268px; } #prevBtn, #nextBtn, #slider1next, #slider1prev {text-indent: -8000px;} #sliderproducts {width: 209px !important; min-height: 209px; margin: 0 auto; display: block; border: 0px solid #ddd; padding: 0; position: relative;} ol#controls{ height: 25px; padding: 0; margin: 2px 0 2px 7px;} ol#controls li { float: left; height: 23px; line-height: 25px; list-style: none outside none; margin: 0 1px 0 1px; padding: 0;} ol#controls li.current a {background-color:#ddd} ol#controls li a { font-size: 11px; border: 1px solid #CCCCCC; float: left; height: 18px; line-height: 18px; padding: 0; text-decoration: none; text-align: center; width: 19px; } /* texto en ficha de producto cuando es coleccion */ p.ver{ margin: 0 !important; padding: 0 !important; float:none; clear:both;} /*solucionamos los botones download para doble linea*/ .new-download-box-outer1 {width:auto; min-height: 25px; border: 1px solid #E5E5E5; text-align: center;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; margin: 2px 0 2px 0; background-color: #ececec;} .new-download-box-outer2 {min-height: 24px; border: 1px solid #E5E5E5; text-align: left; margin: 2px 0 2px 0; background-color: #ececec; display: block;} .new-download-box-outer2 img {vertical-align: bottom;} .new-download-box-outer1:hover{cursor: pointer; border: 1px solid #b1b1b1;} .the-border-color {cursor: pointer; border: 1px solid #b1b1b1;} .new-download-box-inner1 {width:auto; min-height: 20px; text-align: center; margin: 1% auto 1% auto; font-size: 12px; line-height: 110%; font-weight: bold; padding: 0 1%;} .new-download-box-inner2 {min-height: 20px; text-align: center; margin: 1px auto 1px auto; font-size: 12px; line-height: 110%; font-weight: bold; padding: 0 10px; display: block;} .new-download-box-outer2 a, .new-download-box-outer2 a:link {vertical-align: middle; font-size: 12px; color:#666; display: block; padding: 3px; border: 0; outline: 0;} .new-download-box-outer2 a:hover {color: #0093D0;} .new-download-box-inner2 a, .new-download-box-inner2 a:link {vertical-align: middle; font-size: 12px; color:#666;} /* SAFARI Chrome HACK */ @media screen and (-webkit-min-device-pixel-ratio:0) {} /* END SAFARI Chrome HACK */ .new-download-box-inner1 a {vertical-align:1px;} .new-download-box-inner1 img{vertical-align:-30% !important; padding: 0 3px 0 0 !important; float: none !important; margin: 0 !important;} .new-download-box-inner2 img {vertical-align:-33% !important; padding: 1px 3px 0 0 !important; float: none !important; margin: 0 !important;} /* ===== Magnific Popup CSS ================================================== */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 502; overflow: hidden; position: fixed; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 503; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:pointer; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #666; font-style: normal; font-size: 28px; font-family: Arial, Helvetica, Verdana; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .markets-white-popup .mfp-close { color: #666 !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #666; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .lt-ie9.lt-ie8 .mfp-image-holder .mfp-close, .lt-ie9.lt-ie8 .mfp-iframe-holder .mfp-close { right: 6px; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; top: 0; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: #666; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { opacity: 0.8; border-top-width: 12px; border-bottom-width: 12px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 20px; border-bottom-width: 20px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 0 solid black; left: 5px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border-right: 20px solid #ddd; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 0px solid black; left: 3px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 20px solid #ddd; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close { top: -40px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-device-width: 800px) and (orientation: landscape), screen and (max-device-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-device-width: 800px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== V4 styles ========================================================================== */ .featured-landing-article { padding-top: .5em !important; border-top: 2px solid hsl(0, 0%, 87%); background-color: hsl(0, 0%, 93%); clear: both; margin-bottom: 20px !important; min-height: 190px; } .featured-landing-article .column:first-child, .featured-landing-article .column:last-child { padding-left: 10px !important; } .lt-ie9.lt-ie8 .featured-landing-article .column:first-child { padding-left: 4px !important; } .featured-landing-article .columns:first-child, .featured-landing-article .columns:last-child { padding-left: 8px !important; } .featured-landing-article h3 { padding: 0 !important; } .featured-landing-article .entry-picture { padding-bottom: 20px !important; float: left; } .featured-landing-article .entry-picture img {max-width: 100%; width: 100%; height: auto; } .featured-landing-article p { margin: 0; line-height: 140%; } .featured-landing-article p span { color: #666; } .featured-landing-article p.type { padding-top: 0; } .lt-ie9 .featured-landing-article p.type { padding: 0 0 0 10px; } .featured-landing-article ul.popup-gallery { margin-bottom: 10px !important; float: left; } .featured-landing-article ul.popup-gallery li { float: left; margin-right: 2px; width: 100px; } .featured-landing-article ul.popup-gallery li:last-child { margin-right: 0; } .featured-landing-article ul.popup-gallery li p { font-size: 11px; white-space: normal; } .featured-landing-article .more-info { margin-top: 2em; font-size: .75em; float: left; } .featured-landing-article .more-info a { padding: .35em .85em; color: #666; background-color: #dcdcdc; display: block; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; } .featured-landing-article .more-info a:hover {background-color: #636363; color:#fff;} .featured-landing-filter { border: none; font-size: 13px; color: #666; padding: 5px; background-color: #eee; float: left; width: 100%; margin: 10px 0; } .featured-landing-filter p { margin: 4px 0; } .featured-landing-filter > ul > li { float: left; margin-right: 10px; } ul.emblematic-designlines-gallery {padding: 0;} .lt-ie9 ul.emblematic-designlines-gallery {padding: 0 0 0 5px; margin-top:4px; } ul.emblematic-designlines-gallery li{ width: 100px; min-height: 75px; display: inline-block; float: none; clear: both; overflow: hidden;} .lt-ie9.lt-ie8 ul.emblematic-designlines-gallery li{ display: inline; float:left; overflow: hidden; clear: none; margin-right: 1px;} ul.emblematic-designlines-gallery li img{width: 100px; height: auto;} .main-content .article-content p.data { margin: 0.2em 0 !important; padding: 0; color: #000; } .main-content .article-content p.data span { color: #666; } .article-related-collections h6 { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; font-style: normal; font-size: 1.1em; color: hsl(0, 0%, 0%); padding: 0 1em 0 0 !important; margin-bottom: 10px; font-weight: normal; } .article-related-collections .solution-home-box { margin: 4px 0 10px 0 !important; } .solution-home-box .out_solution {overflow: hidden;} .solution-home-box .out_solution img { width: 100%; height: auto; } .article-slider-wrapper { position: relative; display: block; padding: 0; overflow: hidden; } .lt-ie9.lt-ie8 .article-slider-wrapper.emblemat-recognit {min-height: 400px;} .article-slider-wrapper img { margin: 0 !important; } .article-slider-wrapper .orbit-controls { width: 100%; margin: 0 auto; position: absolute; overflow: visible; left: 0; display: block; height: 1px; bottom: 0px; } .article-slider-wrapper .featured-article { height: auto !important; overflow: hidden; margin-bottom: 30px; width: 100%; } .lt-ie9.lt-ie8 .article-slider-wrapper .featured-article { height: 415px !important; } .article-slider-wrapper .featured-article div { display: none; } .article-slider-wrapper .orbit-controls .slider-nav { display: none; } .article-slider-wrapper ul.orbit-bullets { position: absolute; z-index: 50; list-style: none; bottom: 0; left: 50%; top: 10px; padding: 0; } .article-slider-wrapper ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: hsl(0, 0%, 60%); text-indent: -9999px; background: transparent url('../images/foundation/orbit/bullets-box-transp.png') no-repeat center center; width: 12px; height: 12px; overflow: hidden; position: relative; border: none; } .article-slider-wrapper ul.orbit-bullets li.active { background-position: -6px center; } .article-slider-wrapper ul.orbit-bullets li.timer, .morephotos ul.orbit-bullets li.timer { display: none; } .featured-catalogues .columns .container, .list-catalogues .columns .container { padding: .5em 0 .5em 0 !important; border-top: 2px solid hsl(0, 0%, 87%); margin-right: 1em !important; margin-top: 1em; } .featured-catalogues .columns .container, .list-catalogues .columns .container { padding: .15em 0 .5em 0 !important; border-top: 4px solid #ddd; margin-right: 1em !important; margin-top: 1em; } .lt-ie9 .list-catalogues .four.columns {min-height: 280px;} .list-catalogues .columns .container ul li {font-size: 12px;} .featured-catalogues .columns .container > div { float: left; width: auto; margin: 0 auto; } .lt-ie9.lt-ie8 .featured-catalogues .columns .container > div.picture { margin-left: 5px; } .featured-catalogues .columns .container > div:last-child { padding-left: 10px; width: 55%; } .featured-catalogues .columns .container p, .list-catalogues .columns .container p { color: #666; font-size: 13px; margin: 0; padding: 0; float: left; white-space: normal !important; width: auto; } .featured-catalogues .columns .container p.brochure-title { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; font-style: normal; font-size: 1.1em; color: hsl(0, 0%, 0%); padding: 0 1em 0 0 !important; margin-bottom: 10px; font-weight: normal; } .list-catalogues { float: none; clear: both; display: block;} .list-catalogues .columns:nth-child(3n + 1) { clear: both; } .list-catalogues .columns:last-child { float: left !important; } .list-catalogues .columns .container > ul > li { clear: both; position: relative; } .lt-ie9.lt-ie8 .list-catalogues .columns .container > ul > li {float: none; display: block;} .list-catalogues .columns .container p.brochure-group { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-weight: normal; font-style: normal; font-size: 1.1em; color: hsl(0, 0%, 0%); padding: 0 1em 0 0 !important; margin-bottom: 10px; font-weight: normal; } .list-catalogues .columns .container a.toggle { width: 100%; display: block; padding: 5px; outline: 0; } .list-catalogues .columns .container a.toggle:hover, .list-catalogues .columns .container a.toggle.active { color: #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ddd; outline: 0; } .list-catalogues .columns .container a.toggle span, .list-catalogues .columns .container a.active span { width: 10px; height: 6px; position: absolute; right: 1px; top:9px; } .list-catalogues .columns .container a.toggle:hover span, .list-catalogues .columns .container a.active span { background: transparent url('../images/rocaUI/resources.png') no-repeat -14px -101px; } ul.brochure-links { margin-top: 10px; float: left; clear: both; } .list-catalogues ul.brochure-links { margin: 5px 0 20px 0; display: none; } ul.brochure-links li { padding: 2px 0 2px 22px; color: #666; font-size: 13px !important; margin-right: 10px; margin-left: 5px; float: left !important; } ul.brochure-links li.view { background: transparent url('../images/rocaUI/ico_view_pdf.png') no-repeat 0 0; } ul.brochure-links li.download { background: transparent url('../images/rocaUI/ico_download_pdf.png') no-repeat 0 0; } /* TECH SERVICE */ /* .st-bot {background-color: #eee; margin: 10px 0 4px 0; height:auto; clear: both; border:1px #DBEDF7 solid;} */ input#searchDistributors {margin-left:8.33333%;} .tech-search .entry-content.tech-land h3, .tech-search .entry-content.tech-land img, .tech-search .entry-content.tech-land p {float: left; display: inline;} .tech-search .entry-content.tech-land h3,.tech-search .entry-content.tech-land p {width: 80%;} .tech-search .entry-content hr {float: none; display: block; clear: both;} .points-sale.tech-search .search-result {width: 57.5%; margin-left: 25px; border-top: 3px solid #ddd; } .points-sale.tech-search .points-result.nine.columns {margin-top: 0;} .points-sale.tech-search .accordion-map {margin-left: 5px;} .tech-search .entry-content img {width: 109px; height: auto;} .form-message img {width: auto !important; height: auto;} .form-message h3, .form-message h6 .form-message p, .form-message img{clear: both !important; float: none; display: block;} .form-message h3, .form-message h6, .form-message p, .termsandconditions p {width: 100% !important;} .tech-service-search {margin: 15px auto; padding: 10px 0; display: block; min-height: 150px; width: 95%; border-top: 3px solid #ddd; background-color: #eee;} .tech-service-search .offset-by-one input#cp {width: 90%;} .tech-service-search button {float: right; margin-right: 15px;} .st-bot h5 {font-size: 1em; color:#000; margin: 0 !important; } .st-bot h5 a, .st-bot h5 a:link {color:#666 !important; padding: 2px; display: block; outline: none; font-weight: normal;} .st-bot h5 a:hover {color:#FFFFFF !important; } .search_special_result {width: 85%; margin: 0 auto;} .form-message {margin: 20px 0; padding: 5px; font-size: 12px;} .error {color:red !important; font-weight: bold;} .double-text-area {margin: 15px 0; display: block;} .st-bot { width: 230px; margin: 10px 0 0 0 !important; background: #dcdcdc; border: 0; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: normal; line-height: 1; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .st-bot:hover, .st-bot:focus { color: white; background-color: #636363; } .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } /* FAQs */ .faqs #accordion-container { font-size:13px; background:transparent; padding-right: 0.9em; display:block; float: left; margin-top: 10px; width: 100%; } .faqs #accordion-container .headline { font-weight: bold; } .faqs .accordion-header { position:relative; margin:0; border-radius:4px; background-color:#d4d4d4; cursor:pointer; text-align:left; padding:8px; font-weight:400; color:#000; font-size: 1.2em !important; margin-top:10px !important; } .faqs .accordion-header:hover { background-color:#999; color: #fff; } .faqs .accordion-header span { width: 21px; height: 15px; display: block; position: absolute; margin-right: 0; float: right; right: 10px; top: 8px; } .faqs .active-header span { background: transparent url('../images/rocaUI/resources.png') no-repeat -272px -97px; } .faqs .active-header:hover span { background: transparent url('../images/rocaUI/resources.png') no-repeat -272px -117px; } .faqs .inactive-header span { background: transparent url('../images/rocaUI/resources.png') no-repeat -272px -117px; } .faqs .inactive-header:hover span { background: transparent url('../images/rocaUI/resources.png') no-repeat -272px -97px; } .faqs .accordion-content { display:none; padding:0 10px; background:transparent; color:gray; font-size:.9em; } /* SOLUTIONS LANDING */ .solution-landing .solution-home-box { min-height: 300px !important; margin-bottom: 0; } .lt-ie9 .solution-landing .solution-home-box { min-height: 340px !important; } .solution-landing .solution-home-box:nth-child(2n+1) { clear: both; } .solution-landing .solution-home-box h3 { cursor: default; margin-top: 5px; } .solution-landing .solution-home-box h3, .solution-landing .solution-home-box h3 a { font-size: 18px; line-height: 1em; font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; padding: 0; } .solution-landing .solution-home-box h3 a {padding-left: 1px;} .solution-landing .solution-home-box h3:hover {color:#0093D0; cursor: pointer;} /* Modificacion, CLASE CREADA, S'HA DE MODIFICAR */ .link_but { margin: 2em 0 6em 0; clear: both; float: left; } /* ========================================================================== jQuery Horizontal Slider ========================================================================== */ .compare-products-main { background: #f4f4f4; position: relative; margin: 0 auto; display: block; visibility: hidden; opacity: 0; padding: 0 0 0 0; height: 0; overflow: hidden; } .compare-products-main.show { visibility: visible; opacity: 1; } .lt-ie8 .compare-products-main, .lt-ie8 .compare-products-filter { width: 98%; } .compare-products-main form { margin: 0; } .wrapper { width: 758px; height: 100%; float: left; background-color: #eeeeee; position: relative; } .compare-products-main .wrapper {background-color:#F4F4F4;} #horiz_container_outer { width:708px; overflow-x:hidden; overflow-y:hidden; position:absolute; left: 248px; height:300px; margin:0; background-color: #4F4F4; } .touch #horiz_container_outer {overflow-x: auto;} #horiz_container { width:100%; margin:0px; padding:0px; height:300px; } #horiz_container ul { margin:0px; padding:0px; float:left; } #horiz_container_inner { padding:0; padding-left:0px; } #horiz_container li { list-style:none; display: inline-table; margin:0px; } #horiz_container li img { padding:0px; margin:0px; } #horiz_container, #horiz_container_inner, #table-compare-values, #table-compare-labels { border-spacing: 0; padding: 0; border-collapse: collapse; } #table-compare-values { width: 100%; float: left; } .compare-products-main img.thumb { width: auto; height: 80px; -ms-interpolation-mode: bicubic; border: 1px solid #DDD; } .compare-products-main td { padding: 0; vertical-align: top; } .compare-products-main td { padding: 0; vertical-align: top; } .compare-products-filter { margin: 0 0 4px 0; min-height: 31px; position: relative; } .columns.compare-products-filter:last-child, .columns.compare-products-filter:last-child {float: none;} .compare-products-hint { width: 230px; float: left; } #table-compare-category { position: absolute; width: 230px; z-index: 1; padding: 4px 0 14px .5em; background-color: #F4F4F4; } #table-compare-category h3 { font-size: 14px; margin: 0; } .compare-products-filter-form { background-color:transparent; padding: 0 .5em 0 0; float: left; width: 727px; height: 31px; } .compare-products-filter-form form { margin: 0; padding: 2px 21px; } .products-delete-form { position: absolute; top: -44px; right: 32px; padding: 0; margin: 0; } .pagination2 .products-delete-form { right: 0; } .products-delete-form a, a.delete-items { padding: 8px 40px 10px 14px !important; font-size: 12px !important; height: 30px; box-shadow: none; -webkit-box-shadow: none; border: none; background: #888 url("../images/rocaUI/ico_delete.html") no-repeat scroll right 0; white-space: nowrap; font-weight: normal; } .compare-products-delete-form a:hover { background-color: #c8dae8; } .compare-products-filter-form form.custom div.custom.dropdown { margin: 0 !important; font-size: 12px; } #table-compare-labels tr:nth-child(odd), #table-compare-values tr:nth-child(odd) { /* background: #f4f4f4; */ } #table-compare-header { width:708px; overflow-x:hidden; overflow-y:hidden; position: absolute; display: none; height: 100px; z-index: 100; background-color: #eee; } #header { position: absolute; } #header .sliderpos td {height: 12px;position: relative;} #table-compare-header.fixed{ display: block !important; position: fixed !important; top: 0 !important; } #table-compare-category.fixed{ display: block !important; position: fixed !important; top: 0 !important; } #scrollbar.fixed { position: fixed !important; left: inherit !important; } #horiz_container_inner {position: absolute !important; top:0 !important;} #header td, #header_inner td, #table-compare-values td { max-width: 150px; width: 150px; } #table-compare-labels { position: absolute; left: 0; top: 0; width: 230px; float: left; margin: 0 0 .5em 0; } .compare-products-main td div.data { width: 150px; margin: 0 !important; padding: 4px !important; font-size: 11px !important; font-family: Helvetica, Arial, sans-serif; position: relative; } .lt-ie9.lt-ie8 .compare-products-main td div.data { padding-bottom: 5px !important; } #table-compare-values td, #table-compare-labels td { border-top: 1px solid #d4d4d4; } .compare-products-main td div.data.true p{background: transparent url("../images/rocaUI/okis.png") no-repeat left center; text-indent: -6000px; margin: 0 !important;} div.data.false {} .compare-products-main td div.data p { font-size: 11px !important; margin: 2px 0 0 0 !important; padding: 0 !important; } #table-compare-labels td div.data { width: 100%; font-weight: bold; } .row .references { margin-bottom: 0; } div.data p.product-reference { font-weight: bold; } div.data p.product-description { color: #000; } div.data p.product-description span { font-weight: bold; padding-right: 1px; } .compare-products {width: 980px; overflow-x: hidden;} .compare-products-main td div.data { float: left; } .compare-products-main td.picto { background: #fff; } .compare-products-main td.picto .data { float: left; display: block; float: left; background: #fff; } .compare-products-main td.picto .data div { width: 40px; height: 40px; float: left; display: block; float: left; text-indent: -999px; } .compare-products-main td.picto .data div img { margin: 0 !important; padding: 0; min-width: 30px; height: 30px; display: block; float: left; } .compare-products-main td.picto.dissable .data div img { opacity: 0.5; } #scrollbar { position:absolute; width:708px; height:20px; display:block; font-size:1px; top:0px; margin:0px auto; background-color: #eee; } .touch #scrollbar{display: none;} .lt-ie9 #scrollbar { margin:8px auto 0 auto; } #track { position:absolute; left:0px; top:0; width:708px; height:12px; background: #676767; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #dragBar { position:absolute; left:0px; top:0px; width:20px; height:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; background-image: url('../images/rocaUI/dragbar.png'); background-position: left center; background-repeat: no-repeat; background-color: transparent; } .lt-ie9 #dragBar { /* -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: none; */ } #left_scroll { position:absolute; border-color: transparent gray transparent transparent; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; top:1px; left:-15px; } #right_scroll { position:absolute; right:-15px; top:1px; border-color: transparent transparent transparent gray; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; } /* Prevent selection problem */ #scrollbar, #track, #dragBar, #left, #right { -moz-user-select: none; -khtml-user-select: none; } /* ========================================================================== V5 styles (Roca World Map) ========================================================================== */ .world-map-content { position: relative; } .world-map { width: 100%; height: 530px; overflow: hidden; position: relative; display: block; margin-bottom: 10px; } .world-map #map_sidebar { width: 279px; height: 530px; position: absolute; top: 0; left: 0; z-index: 20; background: transparent url("../images/rocaUI/rwm_layer_bkg.png") no-repeat 0 0; padding: 4px 40px 4px 8px; } .world-map #map_sidebar p { font-size: 0.7em; margin: 0 0 8px 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #777; } .world-map #map_sidebar p.title { font-size: 1em; margin-bottom: 10px; padding: 5px 0; } .world-map #map_sidebar .group { margin-top: 20px; clear: both; float: left; position: relative; } .world-map #map_sidebar .group .local_selector { top: 120px; float: left; clear: both; position: absolute; } .world-map #map_sidebar .map_sidebar_toggle { position: absolute; top: 0; right: 4px; width: 29px; height: 33px; display: block; cursor: pointer; } .world-map #map_sidebar ul li { font-size: 0.8em; clear: both; line-height: 2.2em; position: relative; float: left; margin-bottom: 5px; } .world-map #map_sidebar ul li span.check, .world-map #map_sidebar ul li span.check.inactive { width: 26px; height: 26px; display: block; background: transparent url(../images/rocaUI/rwm/ico_inactive_check.html) no-repeat 0 0; float: left; margin-right: 5px; cursor: pointer; } .world-map #map_sidebar ul li span.check.active { background: transparent url(../images/rocaUI/rwm/ico_active_check.html) no-repeat 0 0; } .world-map #map_sidebar ul li p { float: left; font-size: 1.2em; color: #000; } .world-map #map_sidebar ul li span.ico { width: 46px; height: 37px; display: block; margin-left: 5px; float: left; margin-top: -5px; } .world-map #map_sidebar ul li.offices span.ico { background: transparent url(../images/rocaUI/rwm/ico_offices.html) no-repeat 0 0; } .world-map #map_sidebar ul li.galleries span.ico { background: transparent url(../images/rocaUI/rwm/ico_galleries.html) no-repeat 0 0; } .world-map #map_sidebar ul li.showrooms span.ico { background: transparent url(../images/rocaUI/rwm/ico_showrooms.html) no-repeat 0 0; } .world-map #map_sidebar ul li.labs span.ico { background: transparent url(../images/rocaUI/rwm/ico_labs.html) no-repeat 0 0; } .world-map #map_sidebar ul li.industries span.ico { background: transparent url(../images/rocaUI/rwm/ico_industries.html) no-repeat 0 0; } .world-map #map_sidebar ul li.pointsofsale span.ico { background: transparent url(../images/rocaUI/rwm/ico_pointsofsale.html) no-repeat 0 0; } .world-map #map_sidebar ul li.technicalservices span.ico { background: transparent url(../images/rocaUI/rwm/ico_technicalservices.html) no-repeat 0 0; } .world-map-content #map_form, .world-map #map_sidebar .map_form_sidepos { position: absolute; z-index: 40; width: 230px; } .world-map-content #map_form { display: none; } .world-map-content #map_form form, .world-map #map_sidebar .map_form_sidepos form { width: 100%; } .world-map-content #map_form form.custom div.custom.dropdown, .world-map #map_sidebar .map_form_sidepos form.custom div.custom.dropdown { width: 100% !important; font-size: 0.9em; color: #999; } .world-map-content #map_form form.custom div.custom.dropdown ul, .world-map #map_sidebar .map_form_sidepos form.custom div.custom.dropdown ul { width: 100% !important; } .world-map #map_canvas { width: 100%; height: 530px; position: absolute; top: 0; left: 0; z-index: 10; } .world-map #map_sidebar #showRange label input {margin-right:5px; } .region-selector, .cities-selector, #map_sidebar {font-weight:normal !important;} #showRange {margin: 15px 0 0 0;} #showRange .button {margin-top:10px;} /* poland special content */ .nine.columns.article-content.salon {margin-top: 10px;} .salon-box {background-color: #ffffff; display:block; clear:both; margin: 10px auto;} #detailPointOfSale {width:49%; float: left; display:inline-block;} .salon-box #detailPointOfSale .six.columns img {float:left; padding:5px; width: auto; max-width:auto; margin-bottom:10px} .salon-box #detailPointOfSale .six.columns p {} .salon-box .button {margin: 0 0 5px 5px;} .twelve.columns.salon-box #detailPointOfSale p {padding: 5px 0 0 5px; clear:both;} .salon_maps {border:0 !important;} .twelve.columns.salon-pictures {display:block; clear:both; margin-bottom:10px;} .twelve.columns.salon-pictures img {padding:5px 5px 0 0; margin-bottom:0 !important;} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: transparent; width: 40px; height: 98%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 3px solid transparent; display: inline-block; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subclose:before { bottom: 47%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); float: left; } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-device-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-device-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 80px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; } .mm-header [href].mm-close:after { content: 'x'; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-list li.mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after { top: 8.5px; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search { padding: 10px; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-device-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-device-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-device-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-device-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-device-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-device-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: #000; } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: #3C8CC7; } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: #ccc; } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* jQuery.mmenu custom */ .mm-menu.mm-current { display: block !important; } .mm-menu .mm-list { padding: 0 0 20px 0; border-right: 1px solid rgba(0, 0, 0, 0.15); } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 0px; position: relative; left: auto; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 18px; display: block; padding: 10px 10px 10px 23px; margin: 0; } .mm-list a.mm-subclose { text-indent: 0; padding-top: 30px; margin-top: -20px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -13px; left: 10px; } .mm-list > li.tagline { font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 18px; color: #fff; height: 48px; padding-top: 3px; } .mm-list > li.products, .mm-list > li.search { /*margin-bottom: 20px;*/ } .mm-list > li.myselection, .mm-list > li.professional-area { margin-top: 20px; } /* Tiles */ .technology-tiles {min-height:60px; background: #ecedef;} .technology-tiles img {width: 120px; text-align: center; clear: both; float: none; display: block; margin: 0 auto; vertical-align: middle; padding-top: 5%;} .pictos-tiles {min-height:60px; background: #fff; text-align: center;} .pictos-tiles ul {max-width: 80%; margin: 0 auto; padding-top:15px;} .pictos-tiles ul li {display: inline; width: auto;} .pictos-tiles ul li img {max-height: 30px !important; width: auto;} .accordion img.tiles-compatible {width: 120px; height: auto;} .tiles .solution-home-box {height: 400px; margin-bottom:10px;} .tiles .solution-home-box .technology-tiles {background-color: transparent; min-height:20px; clear:both; float:none;} .tiles .solution-home-box .technology-tiles img {text-align: left; margin-left:2px; max-width: 21%; padding-top:0;} .tiles .solution-home-box ul {position: absolute; right: 5px; top: 62%;} .tiles .solution-home-box.odd ul {right: 0;} .tiles .solution-home-box ul li {width: 20px; height: auto} .tiles .solution-home-box ul li {display: inline;} .tiles .solution-home-box ul li img {width: 20px; height: auto;} .tiles .solution-home-box a p.hide-mobile {height:100px; display:block; margin-top: 10px;} .tiles .column2-data.pictos-tiles, .tiles .column2-data.featured-tiles {background-color: transparent; min-height: 30px; margin: 0; padding: 10px 0;} .tiles .column2-data.pictos-tiles ul, .tiles .column2-data.featured-tiles ul {margin: 0; padding-top: 0;} .tiles .column2-data.pictos-tiles ul li, .tiles .column2-data.featured-tiles ul li {float: left; display: inline; clear: none; margin: 0 10px 0 0;} .tiles .column2-data.featured-tiles ul li {margin-right: 50px; background: transparent url("../img/rocaUI/green-icon.html") no-repeat 0 0; background-size: 30px 30px; height: 100%; padding: 5px 0 5px 0;} .tiles .column2-data.featured-tiles ul li.recycle {background:none; padding-top: 0; padding-bottom: 0;} .tiles .column2-data.featured-tiles ul li.recycle img {width: 80px; height:auto;} .tiles .column2-data.featured-tiles ul li.thick {background: transparent url("../images/rocaUI/thickness-icon.png") no-repeat 0 0; background-size: 30px 30px;} .tiles .column2-data.featured-tiles ul li.thick h6 {padding-left:35px; line-height:200%} .tiles .column2-data.featured-tiles ul li h6 {font-weight: normal} .lt-ie9 .tiles .column2-data.featured-tiles ul li.thick {background: transparent url("../images/rocaUI/thickness-icon.png") no-repeat 0 -14px;} .tiles .column2-data.technology-tiles {background-color:transparent; min-height: 25px; margin: 0; padding: 10px 0 0 0; } .tiles .column2-data.technology-tiles img {margin: 0 !important; padding: 0; width: 100px;} .tiles .datasheet hr {padding: 0; margin: 0; width: 98%;} .product-mosaic h2.tiles-designline { font-family: "HelveticaNeueW02-47LtCn_694048","Helvetica Neue LT W06_47 Lt Cn","HelveticaNeueW15-47LtCn_777348","HelveticaNeueW10-47LtCn_777246","Swiss721BT-LightCondensed",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: normal; padding: 10px 0 2px 0; cursor: default; display:block; clear:both; float:none; width:100%;} .tiles h6.recycle {} /* Tiles End */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */ @import url("../../../fast.fonts.net/t/1e73e.css?apiType=css&projectid=25a1882d-d750-4b5e-a1e9-3424c8657179"); @font-face{ font-family:"HelveticaNeueW02-47LtCn_694048"; src:url("../webfonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639ed41d.eot?#iefix"); src:url("../webfonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639ed41d.eot?#iefix") format("eot"),url("../webfonts/4d888997-2061-451b-8569-6cee195e9915.woff") format("woff"),url("../webfonts/bc71ac4a-9cc7-4120-a150-788ae80b91ec.ttf") format("truetype"),url("../webfonts/3cf3e566-7fc6-488f-8058-e5eb7ac5dc23.svg#3cf3e566-7fc6-488f-8058-e5eb7ac5dc23") format("svg"); } @font-face{ font-family:"Helvetica Neue LT W06_47 Lt Cn"; src:url("../webfonts/b0bc7ef4-d4c2-47e2-8c2f-741b214668d1d41d.eot?#iefix"); src:url("../webfonts/b0bc7ef4-d4c2-47e2-8c2f-741b214668d1d41d.eot?#iefix") format("eot"),url("../webfonts/1996da69-46f4-424f-8180-309e1767e417.woff") format("woff"),url("../webfonts/5b54187d-0170-4a3e-a5f5-05e32357d7e0.ttf") format("truetype"),url("../webfonts/673b33f8-cad4-47b6-851b-9cb4e0364558.svg#673b33f8-cad4-47b6-851b-9cb4e0364558") format("svg"); } @font-face{ font-family:"HelveticaNeueW10-47LtCn_777246"; src:url("../webfonts/3bef9f36-dff9-4ee8-a795-764005d8a07dd41d.eot?#iefix"); src:url("../webfonts/3bef9f36-dff9-4ee8-a795-764005d8a07dd41d.eot?#iefix") format("eot"),url("../webfonts/2b7ddafc-2d87-44b4-8271-5ecd2f90414d.woff") format("woff"),url("../webfonts/9d50677b-423a-40d2-8cc2-6f548d47f5a9.ttf") format("truetype"),url("../webfonts/41217c38-8dca-4ed2-b43a-26f077084c16.svg#41217c38-8dca-4ed2-b43a-26f077084c16") format("svg"); } @font-face{ font-family:"HelveticaNeueW15-47LtCn_777348"; src:url("../webfonts/1344b7a2-4f5d-49c4-9d89-93e6dac29992d41d.eot?#iefix"); src:url("../webfonts/1344b7a2-4f5d-49c4-9d89-93e6dac29992d41d.eot?#iefix") format("eot"),url("../webfonts/e1488caa-6328-42e8-aca4-e26411f9f80a.woff") format("woff"),url("../webfonts/409ec097-3050-432b-9ad6-65c443dd2a23.ttf") format("truetype"),url("../webfonts/c44aa3d7-7b0e-4b44-9359-4eec541f857d.svg#c44aa3d7-7b0e-4b44-9359-4eec541f857d") format("svg"); } /* @license * MyFonts Webfont Build ID 2107807, 2012-02-23T10:43:28-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Swiss 721 Light Condensed by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/light-condensed/ * Licensed pageviews: 20,010,000 * * Webfont: Swiss 721 Light Condensed Italic by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/light-condensed-italic/ * Licensed pageviews: unspecified * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=2107807 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved. * * © 2012 Bitstream Inc * Licencia comprada por Roca Sanitario SA. */ /* @font-face {font-family: 'Swiss721BT-LightCondensed';src: url('../webfonts/20299F_0_0.eot');src: url('../webfonts/20299F_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/20299F_0_0.woff') format('woff'),url('../webfonts/20299F_0_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721BT-LightCondensedItalic';src: url('../webfonts/20299F_1_0.eot');src: url('../webfonts/20299F_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/20299F_1_0.woff') format('woff'),url('../webfonts/20299F_1_0.ttf') format('truetype');} */