@charset "UTF-8";
/*
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
*/
@font-face {
  font-family: "HelveticaNeueW02-47LtCn_694048";
  src: url("../webfonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?#iefix");
  src: url("../webfonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.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-741b214668d1.eot?#iefix");
  src: url("../webfonts/b0bc7ef4-d4c2-47e2-8c2f-741b214668d1.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-764005d8a07d.eot?#iefix");
  src: url("../webfonts/3bef9f36-dff9-4ee8-a795-764005d8a07d.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-93e6dac29992.eot?#iefix");
  src: url("../webfonts/1344b7a2-4f5d-49c4-9d89-93e6dac29992.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");
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
  color: #222;
}

body {
  font-size: 1em;
  background: #f5f5f5;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -ms-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

::-moz-selection, ::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: #000000;
  padding: 0.2em 0;
}

a {
  outline: none;
}
a img {
  outline: none;
}
a:hover {
  transition: all 0.7s ease;
}

li:hover, h2:hover, a img:hover {
  transition: all 0.7s ease;
}

*:focus {
  outline: none;
}

button {
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  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 {
  width: 80%;
  display: block;
  margin: 0 auto;
}
#cookieadvice div.in-advice {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
}
#cookieadvice p {
  font-size: 13px;
  line-height: 130%;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}
#cookieadvice p a {
  color: #0096d0;
}
#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;
}

.fixed {
  height: 59px;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
  background: #000000;
  border-bottom: 1px solid #666666;
}

.main-content .nine .left-five p, .main-content .nine .left-five h3, .main-content .nine .left-five ul {
  padding-left: 4%;
}

/* ==========================================================================
   Foundation Grid styles
   ========================================================================== */
/* Global Reset & Standards ---------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* The Grid ---------------------- */
#main-header .four, #main-header .row .four {
  width: 35%;
}

.row {
  width: 1024px;
  max-width: 1024px;
  min-width: 1024px;
  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%;
}

.two.brand, .row .two.brand {
  width: 13%;
}

.lt-ie9.lt-ie8 .two, .lt-ie9.lt-ie8 .row .two {
  width: 16.5%;
}

.three {
  width: 25%;
}

.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 {
  width: 100%;
}

.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), object, embed {
  max-width: 100%;
}

object, embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* Nicolas Gallagher's micro clearfix */
/* .row { *zoom: 1; } */
.row:before {
  content: " ";
  display: table;
}
.row:after {
  content: " ";
  display: table;
  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 > li {
  width: 100%;
}
.block-grid.two-up > li {
  width: 50%;
}

/* .block-grid.one-up { margin: 0; margin: 0 -8px; } */
/* .block-grid.two-up { margin: 0 -15px; margin: 0 -8px; } */
.lt-ie9.lt-ie8 .block-grid.two-up > li {
  width: 49.5%;
}

.block-grid.two-up.mobile > li {
  width: 100%;
}

.lt-ie9.lt-ie8 .block-grid.two-up.mobile > li {
  width: 99%;
}

.block-grid.two-up > li:nth-child(2n+1) {
  clear: both;
}
.block-grid.three-up > li {
  width: 33.33333%;
}
.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}
.block-grid.four-up > li {
  width: auto;
}
.block-grid.four-up > li:nth-child(4n+1) {
  clear: both;
}
.block-grid.five-up > li {
  width: 20%;
}
.block-grid.five-up > li:nth-child(5n+1) {
  clear: both;
}
.block-grid.six-up > li {
  width: 16.66667%;
}
.block-grid.six-up > li:nth-child(6n+1) {
  clear: both;
}

/* .block-grid.three-up { margin: 0 -12px; margin: 0 -8px; } */
/* .block-grid.four-up { margin: 0 -10px; } */
/* .block-grid.five-up { margin: 0 -8px; } */
/* .block-grid.six-up { margin: 0 -8px; } */
.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 > li {
  width: 12.5%;
}
.block-grid.eight-up > li:nth-child(8n+1) {
  clear: both;
}
.block-grid.nine-up > li {
  width: 11.11111%;
}
.block-grid.nine-up > li:nth-child(9n+1) {
  clear: both;
}
.block-grid.ten-up > li {
  width: 10%;
}
.block-grid.ten-up > li:nth-child(10n+1) {
  clear: both;
}
.block-grid.eleven-up > li {
  width: 9.09091%;
}
.block-grid.eleven-up > li:nth-child(11n+1) {
  clear: both;
}
.block-grid.twelve-up > li {
  width: 8.33333%;
}
.block-grid.twelve-up > li:nth-child(12n+1) {
  clear: both;
}

/* .block-grid.eight-up { margin: 0 -8px; } */
/* .block-grid.nine-up { margin: 0 -8px; } */
/* .block-grid.ten-up { margin: 0 -8px; } */
/* .block-grid.eleven-up { margin: 0 -8px; } */
/* .block-grid.twelve-up { margin: 0 -8px; } */
/* 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 {
  width: 100% !important;
}
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-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;
  }
}
.morephotos ul.orbit-bullets li.timer {
  display: none;
}

/* ==========================================================================
   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: 98888;
}
#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_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);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  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, .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: #000000;
}

#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, .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;
}

html.lt-ie9.lt-ie8 .tt-picture img {
  /* width:84% !important; max-width: 84% !important; min-width: 84% !important; */
}

#tiptip_holder .tt-box h4 {
  font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
  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-size: .8125em;
  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: #0096d0;
  padding: 2px 2px 2px -2px;
  margin-top: 8px;
}
#tiptip_holder .tt-box p a:hover {
  color: #0096d0;
}

/* SWIPER */
.swiper-slide {
  width: 100%;
  height: auto;
}
.swiper-slide img {
  width: 100%;
  height: auto;
}

/* 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: #eeeeee;
  font-size: 11px;
  line-height: 140%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-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: #000000;
}
.box h3 a {
  color: #000000 !important;
}

.masonry .box h3 a:link {
  color: #000000 !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:hover {
  color: #0082D1 !important;
}
.box img {
  display: block;
  width: 100%;
}

#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 {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: "height, width";
  -moz-transition-property: "height, width";
  -ms-transition-property: "height, width";
  -o-transition-property: "height, width";
  transition-property: "height, width";
}
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: "left, right, top";
  -moz-transition-property: "left, right, top";
  -ms-transition-property: "left, right, top";
  -o-transition-property: "left, right, top";
  transition-property: "left, right, top";
}
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

/* disable transitions on container */
/* Infinite Scroll loader */
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000000;
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-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;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/**** Pygments ****/
code .s1, code .s {
  color: #78BD55;
}
code .mi, code .cp, code .kc {
  color: #5298D4;
}
code .k {
  color: #E39B79;
}
code .kd, code .na {
  color: #A9D866;
}
code .p {
  color: #EDB;
}
code .o {
  color: #F63;
}
code .nb {
  color: #AA97AC;
}
code .c, code .c1 {
  color: #666666;
  font-style: italic;
}
code .nt {
  color: #A0C8FC;
}
code .nf {
  color: #9EA8B8;
}
code .nc {
  color: #A78352;
}
code .m {
  color: #DE8E50;
}
code .nd {
  color: #9FAD7E;
}

/* string */
/*boolean*/
/* keyword */
/* markup attribute */
/* punctuation */
/* operator */
/* support */
/* comment */
/* Markup open tag */
/* css id */
/* CSS class */
/* CSS value */
/* CSS pseudo selector */
/**** Clearfix ****/
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   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 {
  *zoom: 1;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

 /*
	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 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  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 {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 14px;
}
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-list a {
  text-decoration: none;
}
.mm-list a:hover {
  text-decoration: none;
}
.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 a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}
.mm-list a.mm-subopen:after {
  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 {
  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%;
  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-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;
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}
.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 > 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-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 {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}
.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}
.mm-menu.mm-current {
  display: block;
}

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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  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;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: 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 {
  box-sizing: border-box;
}
.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;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  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 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px;
}
label.mm-toggle:before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  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, .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);
}
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-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);
  }
}
@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);
}
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;
}

@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
*/
.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: #000000;
}
.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;
}
.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);
}

/*
   jQuery.mmenu custom
*/
.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;
}

/* ===== 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;
  -ms-box-sizing: border-box;
  -o-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 {
  cursor: pointer;
}
.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, .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: #666666;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
}
.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: #666666 !important;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #666666;
  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: #666666;
}
.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;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.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-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;
  }
  .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;
    -ms-box-sizing: border-box;
    -o-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;
  }

  /* The shadow behind the image */
}
@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;
  }
}
/* ==========================================================================
   Author styles
   ========================================================================== */
#ventanaChatLOPD {
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 15px;
  width: 180px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  transform: translateY(calc(100% - 41px));
  -o-transform: translateY(calc(100% - 41px));
  -ms-transform: translateY(calc(100% - 41px));
  -moz-transform: translateY(calc(100% - 41px));
  -webkit-transform: translateY(calc(100% - 41px));
  transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -o-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -ms-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -moz-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -webkit-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
}
#ventanaChatLOPD:hover {
  width: 280px;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
#ventanaChatLOPD #tituloLOPD {
  padding: 12px 10px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  user-select: none;
  color: white;
  background-color: #0095CB;
}
#ventanaChatLOPD #idlpd {
  width: 280px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #444;
}
#ventanaChatLOPD #idlpd input {
  position: relative;
  top: 1px;
  margin-right: 5px;
}
#ventanaChatLOPD #idlpd a {
  text-decoration: underline;
  color: #0096d0;
}
#ventanaChatLOPD #idlpd button {
  display: block;
  margin: 15px 0 0;
  border-radius: 4px;
  border: 0;
  padding: 8px 12px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #0095CB;
  color: white;
}
#ventanaChatLOPD #idlpd button:hover {
  opacity: .8;
}

.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: 60px;
  background-color: #f5f5f5;
  padding: 5px 0 10px;
}
.main-content.section {
  padding-bottom: 0;
}

.softgrey {
  color: #b1b1b1;
}

/* BREADCRUMB */
div.breadcrumb {
  margin-bottom: 4px;
}
div.breadcrumb ul {
  display: block;
  padding: 0.29em 5px 1em 0;
}
div.breadcrumb ul li {
  display: inline;
  float: left;
  padding: 0 0.35em 0 0;
  font-size: 0.75em;
}
div.breadcrumb ul li a {
  color: #666666;
}
div.breadcrumb ul li a:hover {
  color: #0096d0;
  outline: none;
}

/* 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: #666666;
}

.dark_grey {
  color: #505050;
}

.soft_grey {
  color: #A7A7A7;
}

.cool_gray_bkg {
  background-color: #f1f2f3;
}

.white_bkg {
  background-color: #fff;
}

.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.gif") repeat-x;
}

.black {
  color: #000000 !important;
  font-weight: bold;
  font-size: 13px !important;
}

.thebold {
  font-weight: normal;
}

.blue {
  color: #3c8cc7 !important;
}
.blue p {
  color: #3c8cc7 !important;
}

.borderbottom {
  border-bottom: 1px #fff solid !important;
}

.no-border {
  border: none !important;
}
.no-border ul li {
  border: none !important;
}

.rojo {
  color: red !important;
}

/* .twelve {font-size: 12px !important;} */
.fourteen,
.thirteen {
  font-size: 13px !important;
}

.three.columns h3.entry-title {
  margin: 0 0 10px;
}
.three.columns p.entry-summary {
  margin: 10px 0 0;
  padding: 1px 4px 0 0;
  color: #000000;
  line-height: 120%;
  font-size: 13px;
}
.three.columns h2.entry-title {
  margin: 0;
  font-size: 1.5em;
}

.collection-page .entry-header h2.entry-title,
h2.entry-title {
  margin: 0;
  font-size: 1.5em;
}

.goto-local-bt:hover {
  cursor: pointer;
}
.goto-local-bt h3 {
  font-size: 12px;
  margin: 2% 0 0;
  padding: 0;
  line-height: 114%;
  color: #0096d0;
  text-align: center;
}
.goto-local-bt p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 114%;
  color: #666666;
}

/*
	.fixmargin {
	  margin-top: 4px !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;
}

/*-- 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;
}

/* 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: 0.5em 0 0.5em 30px;
  margin: 0 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.focus, .custom-checkbox label.hover {
  background-position: -10px -114px;
}

.custom-radio label.focus, .custom-radio label.hover {
  background-position: -10px -114px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
  background-position: -10px -214px;
}

.custom-checkbox label.checkedFocus, .custom-checkbox label.checkedHover {
  background-position: -10px -314px;
}
.custom-checkbox label.focus {
  outline: 1px dotted #ccc;
}

.custom-radio label.focus {
  outline: 1px dotted #ccc;
}

.dd-selected {
  overflow: hidden;
  display: block;
  padding: 10px;
  font-weight: bold;
}
.dd-selected label {
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.mobile img.dd-selected-image, .mobile img.dd-option-image {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dd-options {
  border: solid 1px #ccc;
  border-top: none;
  list-style: none;
  box-shadow: 0 1px 5px #ddd;
  display: none;
  position: absolute;
  z-index: 2000;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: auto;
}

.dd-option {
  padding: 10px;
  display: block;
  border-bottom: solid 1px #ddd;
  overflow: hidden;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.dd-option-image,
.dd-selected-image {
  vertical-align: middle;
  float: left;
  margin-right: 5px;
  max-width: 64px;
}

.mobile .dd-pointer-down {
  right: 15px;
  top: 35%;
  margin-top: 0;
}
.mobile .dd-pointer-down.dd-pointer-up {
  right: 15px;
  top: 35%;
  margin-top: 0;
}

.dd-pointer-down {
  width: 16px !important;
  height: 16px !important;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: 10px;
}
.dd-pointer-down:after {
  content: "\e901";
  display: block;
  font-family: 'icomoon-roca', Helvetica, Arial;
  color: #666666;
}
.dd-pointer-down.dd-pointer-up {
  width: 16px !important;
  height: 16px !important;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: 10px;
}

/* Modificacion, CLASE CREADA, S'HA DE MODIFICAR */
.link_but {
  margin: 2em 0 6em;
  clear: both;
  float: left;
}

#mobile_app_banner {
  position: fixed;
  padding: 5px 5px 5px 0;
  display: block;
  max-height: 75px;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #E6E6E6;
  transition: .3s;
}
#mobile_app_banner.banner-out {
  top: -90px;
  opacity: 0;
}
#mobile_app_banner .close {
  background: url(../images/rocaUI/close_icon.png) no-repeat center;
  height: 21px;
  padding-right: 40px;
  width: 23px;
  display: inline-block;
  vertical-align: middle;
}
#mobile_app_banner .logo {
  background: url(../images/rocaUI/logo_mobile_banner.png);
  background-size: cover;
  height: 45px;
  width: 45px;
  display: inline-block;
  vertical-align: middle;
}
#mobile_app_banner p {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  padding-left: 10px;
  color: #666;
  max-width: calc(100% - 205px);
}
#mobile_app_banner a {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -15px;
}
#mobile_app_banner a button {
  border-radius: 5px;
  border: 0;
  border: 1px solid #666;
  color: #666;
  padding: 8px 22px;
  text-transform: uppercase;
  font-size: 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;
  text-align: left;
}
label.right {
  float: none;
  text-align: right;
}
label.inline {
  line-height: 32px;
  margin: 0 0 12px 0;
}

li label {
  font-size: 14px;
  color: #666666;
  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;
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  -ms-border-top-left-radius: 2px;
  -o-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden;
}

.postfix {
  right: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -ms-border-top-right-radius: 2px;
  -o-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -ms-border-bottom-right-radius: 2px;
  -o-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"] {
  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);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-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;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

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);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-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;
  -ms-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 {
  font-size: 17px;
  padding: 4px 6px;
}

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 {
  background: #fafafa;
  border-color: #b3b3b3;
}

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] {
  background-color: #ddd;
}

textarea {
  height: auto;
}
textarea[disabled] {
  background-color: #ddd;
}

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;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -ms-border-bottom-right-radius: 2px;
  -o-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: #666666;
  font-family: Verdana, Arial, sans-serif;
  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 {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #222222 transparent transparent transparent;
}
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: #eeeeee;
  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.basic span.custom, .lt-ie8.lt-ie9 .call-actions form.custom span.custom {
  display: inline-block !important;
}

/* .lt-ie8.lt-ie9 form.custom span.custom {display: none;} */
/* 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;
}

/* 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, .formpage .termsandconditions label {
  font-size: .85em;
  line-height: 130%;
  text-align: justify;
  display: block;
  clear: both;
  color: #747474;
}

.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: #666666;
}

p.descriptive {
  font-size: 0.85em;
  color: #666666;
}

.suscription {
  background-color: #e7e7e7;
  padding-top: 1em;
}
.suscription h5 {
  padding: 0 0 0 1em;
  margin: 0;
}
.suscription .three.columns {
  padding: .5em 0 1em .5em;
}
.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;
}

/* Contact */
.contact form {
  margin-top: 1em;
}

/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: #dcdcdc;
  border: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  -ms-box-shadow: 0;
  -o-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;
  -ms-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: #f5f5f5;
  background-color: #636363;
}
.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;
  -ms-box-shadow: none;
  -o-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 {
  background-color: #5da423;
  outline: none;
}
.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 {
  background-color: #c60f13;
  outline: none;
}
.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 {
  background-color: #e9e9e9;
  outline: none;
}
.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 {
    border: none;
    padding: 0;
  }

  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 {
    padding: 8px 20px 9px;
  }
  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;
  -ms-box-sizing: content-box;
  -o-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 {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left;
}
.button.dropdown > ul li button {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left;
  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;
  -ms-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;
  -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -o-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;
  -ms-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -o-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;
  -ms-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 {
  content: " ";
  display: table;
}
ul.button-group:after {
  content: " ";
  display: table;
  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 {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
ul.button-group.radius li .button.radius {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
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 {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
ul.button-group.radius li:first-child .button.radius {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
ul.button-group.radius li:first-child .button.rounded {
  -webkit-border-top-left-radius: 1000px;
  -moz-border-top-left-radius: 1000px;
  -ms-border-top-left-radius: 1000px;
  -o-border-top-left-radius: 1000px;
  border-top-left-radius: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -moz-border-bottom-left-radius: 1000px;
  -ms-border-bottom-left-radius: 1000px;
  -o-border-bottom-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}
ul.button-group.radius li:last-child .button {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.button-group.radius li:last-child .button.radius {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.button-group.radius li:last-child .button.rounded {
  -webkit-border-top-right-radius: 1000px;
  -moz-border-top-right-radius: 1000px;
  -ms-border-top-right-radius: 1000px;
  -o-border-top-right-radius: 1000px;
  border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -moz-border-bottom-right-radius: 1000px;
  -ms-border-bottom-right-radius: 1000px;
  -o-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;
}

/*buttons box
--------------------------------------------------------------------------------*/
.bottons {
  height: 30px;
  margin: 10px auto 10px auto;
  clear: both;
  display: none;
}

/* ==========================================================================
   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: #666666;
  text-decoration: none;
}
a:hover {
  color: #0096d0;
}

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;
}

#photos.swiper-wrapper img[src*='No_Foto_ByN_Big'] {
  width: 100%;
  height: 115%;
  min-height: 0px;
}

/* ==========================================================================
   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;
}

.fullrow .swiper-home {
  width: 100%;
  max-width: 100%;
  margin: 58px auto 0 auto;
  overflow: hidden;
  visibility: hidden;
}

.swiper-container .product-swiper-slide {
  justify-content: center;
  padding-top: 0;
  text-align: center;
}
.swiper-container .product-swiper-slide img {
  vertical-align: middle;
  width: 100%;
}

.morephotos .product-swiper {
  width: 100%;
  border: 1px #ddd solid;
  background-color: #fff;
}

.emblemat-recognit .emblematic-swiper {
  width: 525px;
  height: 371px;
}

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.png',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 #666666;
}
.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 #666666;
}

.slider-wrapper ul.orbit-bullets li:first-child {
  margin: 0;
}

ul.orbit-bullets li.timer {
  display: none;
}

.lt-ie8 .slider-wrapper .orbit-wrapper, .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 {
  background-color: #070707 !important;
  background-image: none;
}
.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;
  -ms-box-sizing: border-box;
  -o-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: #000000;
  padding: 3px;
  font-size: 13px;
  color: #666666;
  text-transform: uppercase;
  z-index: 999;
}

/*  Responsive gallery - large screens */
@media only screen and (min-width: 768px) {
  .fullrow .swiper-home {
    max-height: 100%;
  }

  .swiper-container-horizontal > .swiper-pagination {
    bottom: 10px !important;
  }
}
@media only screen and (min-width: 1278px) {
  .swiper-container-horizontal > .swiper-pagination {
    bottom: 40px !important;
  }
}
@media only screen and (min-width: 1400px) {
  .fullrow .swiper-home {
    max-height: 100%;
  }

  .swiper-container-horizontal.swiper-home > .swiper-pagination {
    bottom: 4px !important;
  }
}
/* ==========================================================================
   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 {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 575px !important;
}
.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 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: #666666;
}
.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;
}

/* solutions home / detail
--------------------------------------------------------------------------------*/
.row .solution-detail-box .row.solution-detail-tit {
  margin: 0 0 10px 0 !important;
}
.row .solution-detail-box .swiper-container.mobile {
  min-height: inherit;
}
.row .solution-detail-box .swiper-slide {
  text-align: center;
}

.solution-detail-tit .nine.columns {
  margin: 0;
  padding: 0;
}

.solution-designer.nine.columns {
  margin: 0;
  padding: 0;
}

.solution-home-box {
  min-height: 412px;
  margin: 0;
  padding: 0 0 6px 0;
  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: 267px;
  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 {
  cursor: pointer;
}
.solution-home-box a:link {
  cursor: pointer;
}
.solution-home-box a:hover {
  background-color: #eeeeee;
  background-image: none !important;
  cursor: pointer;
}
.solution-home-box:hover {
  background-color: #eeeeee;
  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 {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
}
.solution-home-box h3 a:link {
  color: #000000;
  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 {
  color: #f5f5f5 !important;
}
ul.solutions-menu li a:hover {
  color: #f5f5f5 !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: #000000;
  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 {
  color: #666666;
  width: 100%;
  cursor: pointer;
}
ul.solutions-menu2 li:hover {
  background: #ddd url(../img-static/pagination-bkg.jpg) repeat;
  background-position: left bottom;
}
ul.solutions-menu2 li:hover a {
  color: #666666;
  width: 100%;
  cursor: pointer;
}

.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;
}
.solution-designer .short-description {
  color: #000000 !important;
  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: 1.35em !important;
  display: block;
  margin-bottom: 8px;
  text-indent: 0;
}

.product-designer .designer-description {
  color: #444444;
}
.product-designer .short-description {
  color: #000000 !important;
  display: block;
  text-indent: 0;
  margin-bottom: 8px;
}

.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;
}

/* 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, .solution-landing .solution-home-box h2 {
  cursor: default;
  margin-top: 5px;
  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, .solution-landing .solution-home-box h2 a {
  display: block;
  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;
  padding-left: 1px;
  font-weight: 400;
  color: #000;
  margin-top: 5px;
  margin-left: 3px;
}
.solution-landing .solution-home-box h3:hover, .solution-landing .solution-home-box h2:hover {
  color: #0096d0;
  cursor: pointer;
}

/* 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;
}

/* widgets ecommerce */
.widget-home {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 10px;
}
.widget-home .widget-label p {
  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: 1.5em;
}
.widget-home ul > li {
  height: 227px;
  text-align: center;
}
.widget-home ul > li a {
  width: 100%;
}
.widget-home ul > li img {
  height: 64.5%;
  width: auto !important;
  text-align: center;
}
.widget-home ul > li .widget-home p {
  margin-bottom: .25em;
}
.widget-home ul > li p {
  text-align: center;
  font-size: 13px;
  margin: 0;
  color: #666666;
  text-rendering: optimizeLegibility;
}
.widget-home ul > li p span {
  color: #000000;
  font-size: 1.5em;
  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;
  display: block;
}

.home-highlighted-1 .columns.widget-home.mobile {
  background-color: #f5f5f5 !important;
  margin-bottom: 0 !important;
}
.home-highlighted-1 .columns.widget-home.mobile .widget-label p {
  color: #000000;
  font-size: 1.2em;
  width: 100%;
}
.home-highlighted-1 .columns.widget-home.mobile ul > li .widget-home p {
  margin-bottom: .25em;
}
.home-highlighted-1 .columns.widget-home.mobile ul > li p {
  height: inherit;
  padding: .3em 0;
  white-space: inherit;
}
.home-highlighted-1 .columns.widget-home.mobile ul > li p.description {
  height: 5.5em;
}

.home-widget-productos .product-image {
  height: 150px;
  display: table-cell;
  vertical-align: middle;
}
.home-widget-productos .product-image img {
  height: auto;
  width: auto;
  margin: auto;
  max-height: 100%;
}

.home-widget-productos {
  float: left;
  position: relative;
  width: 100%;
}
.home-widget-productos p.description {
  height: 3.6em;
}
.home-widget-productos.mobile {
  background-color: #f5f5f5;
  margin-bottom: 10px;
  padding: 10px 15px 0 15px;
}

.home-widget-container.mobile {
  margin: auto;
  width: 98%;
}

.widget-label {
  text-align: center;
}

.widget-one.row, .widget-coleccion.row, .widget-productos.row, .widget-two.row, .widget-three.row {
  position: relative;
}

.widget-one.row {
  clear: both;
}

.titulo4 {
  margin-left: 10px;
  font-size: 24px;
  word-wrap: break-word;
  color: #000000;
  line-height: 1.2em;
  margin-bottom: .5em;
  font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
}

.widget-one.row .row, .widget-productos.row .row, .widget-compatible.row .row, .widget-two.row .row, .widget-three.row .row {
  margin: 0 !important;
  position: relative;
}

.widget-two img {
  width: 100%;
  height: auto;
}

.widget-coleccion, .widget-compatible {
  padding: .5em 0;
}

.widget-coleccion {
  background-color: #FCFCFC;
}
.widget-coleccion .banner-image.columns {
  min-height: 263px;
  width: 38%;
  overflow: hidden;
  background: #fff;
}
.widget-coleccion .banner-image.columns:hover {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.widget-coleccion .banner-image.columns .titulo2 {
  font-size: 16px;
  color: #000000;
  margin-left: 20px !important;
}
.widget-coleccion .banner-image.columns .titulo3 {
  font-size: 13px !important;
  padding: 4px 5px 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Helvetica, Arial, sans-serif;
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*si no se declara añade los ... pero muestra todo el texto*/
}
.widget-coleccion img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 3px !important;
}
.widget-coleccion .product-mosaic {
  width: 58%;
  float: right !important;
  margin-right: 15px;
}
.widget-coleccion li.product-mosaic-list.swiper-slide {
  margin-right: 0 !important;
  /* important notation to override swiper styles */
}
.widget-coleccion .widget-button-prev {
  left: 37.5%;
}

div.widget-coleccion .banner-image.columns {
  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 !important;
  font-style: normal !important;
  padding-top: 0 !important;
  font-weight: normal !important;
  margin: 0 !important;
  line-weight: 130% !important;
}

.widget-coleccion.mobile {
  padding-top: 4px !important;
  /*to override mediaQueries */
}
.widget-coleccion.mobile form.custom {
  padding: 0 15px;
}
.widget-coleccion.mobile .product-mosaic {
  width: 100%;
  margin-right: 0;
}
.widget-coleccion.mobile .product-mosaic img {
  width: auto;
}
.widget-coleccion.mobile .twelve.columns p.description {
  padding: 0 10px 5px 0 !important;
}
.widget-coleccion.mobile .twelve.columns.highlighted-img {
  padding: 4px 0 8px 0;
}
.widget-coleccion.mobile .widget-button-prev, .widget-coleccion.mobile .widget-button-next {
  top: 127px;
}
.widget-coleccion.mobile .widget-button-prev {
  left: -5px;
}

.widget-productos.mobile .custom.basic {
  padding: 0 15px;
}
.widget-productos.mobile .widget-button-prev, .widget-productos.mobile .widget-focused-button-prev {
  left: -5px;
}
.widget-productos.mobile .widget-button-next, .widget-productos.mobile .widget-focused-button-next {
  right: -5px;
}
.widget-productos.mobile .product-mosaic img {
  width: auto;
}

.widget-coleccion .product-mosaic li {
  width: 33.33%;
}
.widget-coleccion .swiper-wrapper {
  padding-bottom: 20px;
}
.widget-coleccion .product-mosaic {
  padding: 0;
}
.widget-coleccion h5 {
  margin: 5px 0 0 0;
  color: #000000 !important;
}

.row.main-content.products .widget-coleccion.row {
  margin: 0;
}
.row.main-content.products .widget-coleccion.row .row {
  margin: 0;
}

.widget-coleccion .swiper-slide img, .widget-productos .swiper-slide img {
  width: auto;
  margin-bottom: 0px;
  margin-top: 5px;
}

.widget-coleccion > div {
  margin-bottom: 8px;
}
.widget-coleccion div.mosaic-list-in {
  padding: 0 6px;
  vertical-align: top;
}
.widget-coleccion .product-mosaic li a {
  height: auto !important;
}

.widget-productos.row {
  margin-top: 20px;
  margin-bottom: 20px;
}
.widget-productos.row .product-mosaic.swiper-container-horizontal {
  width: 100%;
  border-right: 16px solid #f5f5f5;
  border-left: 16px solid #f5f5f5;
}
.widget-productos.row .product-mosaic.swiper-container-horizontal ul {
  margin-bottom: 0 !important;
}
.widget-productos.row .product-mosaic.swiper-container-horizontal ul li a {
  height: auto !important;
}
.widget-productos.row .widget-focused-button-prev {
  left: -6px;
}
.widget-productos.row .widget-focused-button-next {
  right: -6px;
}
.widget-productos .twelve.columns h3.title {
  padding-bottom: 8px;
}
.widget-productos h3.title {
  font-size: 14px !important;
  color: #666666;
}

.mobile .widget-productos .product-mosaic-box {
  width: 90%;
}

.widget-coleccion h3.title, .widget-coleccion h5, .widget-coleccion p.description {
  padding-left: 0px !important;
}
.widget-coleccion h3.title {
  font-size: 14px !important;
  color: #666666;
}

.widget-coleccion div.mosaic-my-roca div.add.wish {
  margin-left: 0;
}

.widget-one, .widget-two {
  position: relative;
}

.widget-one > a {
  display: block;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  width: 99%;
  margin: 0 auto 1%;
  line-height: 1;
}
.widget-one > a:after {
  content: '';
  display: block;
  clear: both;
}
.widget-one .four.columns {
  height: 214px;
}
.widget-one div {
  position: relative;
  display: block;
}
.widget-one .in {
  padding: 20% 6% 0 6%;
}
.widget-one .in p {
  line-height: 140%;
}
.widget-one img {
  margin-bottom: 0 !important;
}

.widget-one.row.mobile .columns .in {
  padding: 0;
  margin: 3px auto;
}
.widget-one.row.mobile .columns h3 {
  font-size: 24px;
  max-height: 2.6em;
  margin-bottom: .2em;
}
.widget-one.row.mobile .columns p {
  max-height: 3.9em;
}

.widget-two.row .six.columns > a {
  width: 98.2%;
  display: block;
  margin: 0 auto;
}
.widget-two.row .six.columns .twelve.columns {
  float: left;
}
.widget-two.row .six.columns:last-child .twelve.columns {
  float: right;
}
.widget-two .in {
  padding-bottom: 15px;
}

.widget-three .in {
  padding-bottom: 15px;
}
.widget-three.row .twelve.columns {
  background: #ffffff;
  width: 97.5%;
  float: left;
}

.widget-two.row .twelve.columns {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-top: none;
}

.widget-three.row .twelve.columns {
  width: 100%;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-top: none;
}
.widget-three.row .four.columns {
  padding: 0 2px 0 2px;
}

.widget-three.row .four.columns:last-child {
  float: right;
}
.widget-three.row .twelve.columns {
  width: 100%;
}

.widget-two.row .twelve.columns:first-child, .widget-three.row .twelve.columns:first-child {
  border-bottom: none;
  border-top: 1px solid #eeeeee;
}

.widget-two.row .twelve.columns img {
  width: 100%;
  height: auto;
}
.widget-two.row .twelve.columns h3, .widget-two.row .twelve.columns p {
  width: 95%;
  margin: 0 auto;
}

.widget-two.row.mobile .twelve.columns h3 {
  margin: 3px auto;
}

.widget-three.row .twelve.columns h3, .widget-three.row .twelve.columns p {
  width: 91%;
  margin: 0 auto;
}

.widget-one.row .four.columns h3, .widget-two.row .twelve.columns h3, .widget-three.row .twelve.columns h3 {
  color: #000000 !important;
  max-height: 2.4em;
  line-height: 1.2em;
}

.widget-coleccion.row h3.title {
  margin-left: 10px;
}
.widget-coleccion.row .banner-image.columns .imageb {
  max-height: 2.3em;
  margin-bottom: .2em;
}
.widget-coleccion.row .banner-image.columns p.description {
  max-height: 4.7em;
}

.widget-one.row .four.columns h3, .widget-two.row .twelve.columns h3 {
  font-size: 24px;
  margin-bottom: .5em;
}

.widget-three.row .twelve.columns h3 {
  margin-bottom: .4em;
}

.widget-one.row.visualEffect .four.columns h3,
.widget-two.row .visualEffect .twelve.columns h3,
.widget-three.row .visualEffect .twelve.columns h3,
.widget-one.row.visualEffect .four.columns .in .titulo4 {
  color: #0096d0 !important;
}

.widget-one h3,
.widget-two h3,
.widget-three h3 {
  font-weight: 100;
  font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
}
.widget-one:hover h3,
.widget-two:hover h3,
.widget-three:hover h3 {
  color: #0096d0;
}
.widget-one a:hover,
.widget-two a:hover,
.widget-three a:hover {
  color: inherit;
}

.widget-one.row .four.columns img, .widget-two.row .twelve.columns img, .widget-three.row .twelve.columns img {
  margin-bottom: 0 !important;
}

.widget-two.row .twelve.columns .in, .widget-three.row .twelve.columns .in {
  padding-top: 10px;
}

.widget-two.row.mobile .twelve.columns .in, .widget-three.row.mobile .twelve.columns .in {
  padding-top: 0;
}

.widget-one.row .four.columns p, .widget-two.row .twelve.columns p, .widget-three.row .twelve.columns p {
  font-size: 13px;
  height: 3.9em;
}

.widget-coleccion .twelve.columns p.description {
  font-size: 13px;
  padding: 5px 10px !important;
}
.widget-coleccion .twelve.columns p.description.more {
  color: #0096d0;
}
.widget-coleccion .twelve.columns h5 {
  padding-left: 10px !important;
}
.widget-coleccion .visualEffect.banner-image .twelve.columns h5 {
  padding-left: 10px !important;
  color: #0096d0 !important;
}

.widget-three.row .twelve.columns img {
  width: 100%;
  height: auto;
}

.description {
  padding: 5px 10px !important;
}

.title-widget-image-product {
  font-size: 16px !important;
  margin-left: 10px !important;
}

div.title-widget-image-product {
  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-style: normal !important;
  padding-top: 0 !important;
  font-weight: normal !important;
  line-height: 130% !important;
  color: #000000 !important;
  margin: 0 !important;
  font-size: 1.25em;
  padding-left: 10px;
}

.title-image-product {
  font-size: 24px !important;
  margin-left: 10px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}

.subtitle-image-product {
  margin-left: 0px;
  max-height: 2.6em;
  white-space: normal !important;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*si no se declara añade los ... pero muestra todo el texto*/
}

/* banners home */
.home-highlighted-1, .home-highlighted-2 {
  background: transparent;
  padding-top: 10px;
  position: relative;
}

.home-highlighted-1 .columns {
  background: transparent;
  padding-right: 0px;
}
.home-highlighted-1 .columns .bannerframe {
  width: 98%;
  margin: 0 auto 15px auto;
  clear: both;
  border: 1px solid #fff;
}
.home-highlighted-1 .columns .bannerframe.visualEffect {
  border: 1px solid #e5e5e5;
}
.home-highlighted-1 .columns .picture {
  padding: 0;
  height: 212px;
  overflow: hidden;
}

.home-highlighted-2 .columns {
  background: transparent;
  padding-right: 1px;
}
.home-highlighted-2 .columns .picture {
  padding: 0;
  height: 155px;
  overflow: hidden;
}
.home-highlighted-2 .columns .bannerframe {
  width: 98%;
  margin: 0 auto 15px auto;
  clear: both;
  border: 1px solid #fff;
}
.home-highlighted-2 .columns .bannerframe.visualEffect {
  border: 1px solid #e5e5e5;
}

.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: #666666;
  padding: .75em 0 0 0;
  margin: 0;
}
.home-highlighted-1 .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, .widget-coleccion h5 {
  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: #000000;
  outline: none;
  display: block;
}

.home-highlighted-1 .columns h2 a:hover, .home-highlighted-2 .columns h2 a:hover, .home-highlighted-1 .visualEffect h2 a, .home-highlighted-2 .visualEffect h2 a {
  color: #0096d0;
}

.visualEffect {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.specialfixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  widows: 100%;
  background: #000000;
  border-bottom: 1px solid #4a4a4a;
}

.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: #666666;
  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: 212px !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: #fff;
  width: auto;
  padding: 8px 4px;
}

.home-highlighted-2 .columns .content {
  background: #fff;
  width: auto;
  height: 100%;
  padding: 8px 4px;
}

/* ==========================================================================
   Header styles
   ========================================================================== */
@font-face {
  font-family: 'icomoon-roca';
  src: url("../webfonts/icomoon.eot?i3bhwd");
  src: url("../webfonts/icomoon.eot?i3bhwd#iefix") format("embedded-opentype"), url("../webfonts/icomoon.ttf?i3bhwd") format("truetype"), url("../webfonts/icomoon.woff?i3bhwd") format("woff"), url("../webfonts/icomoon.svg?i3bhwd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.header {
  background-color: #000000;
  border-bottom: 1px solid #4a4a4a;
}

.sub-nav {
  height: 35px;
  padding-top: 10px;
  position: relative;
  border-top: 3px solid #0096d0;
}
.sub-nav > nav > .columns {
  /*border-bottom: 1px solid #2f2f2f;*/
  height: 21px;
}
.sub-nav > nav > .columns > ul {
  position: relative;
  height: 47px;
}
.sub-nav > nav > .columns > ul > li {
  float: left;
  height: 32px;
}
.sub-nav > nav > .columns > ul > li#menu-idiomas {
  padding-left: 5px;
}
.sub-nav > nav > .columns > ul > li.link-to a:before {
  content: "\e947";
  font-size: 1.35em;
  display: inline-block;
  vertical-align: middle;
  text-indent: 0;
  color: #fff;
}
.sub-nav > nav > .columns > ul > li.link-to:hover a:before {
  color: #0096d0;
}
.sub-nav > nav > .columns > ul > li > a {
  padding: 8px 22px 6px 0;
  line-height: 19px;
  font-size: 11px;
  color: #ffffff;
  float: left;
  font-weight: normal;
  outline: none;
}
.sub-nav > nav > .columns > ul > li > a.hovered, .sub-nav > nav > .columns > ul > li > a:hover {
  color: #0096d0;
  height: 47px;
}
.sub-nav > nav > .columns > ul > li > a.search-but:hover {
  cursor: pointer;
  color: #0096d0;
}
.sub-nav > nav > .columns > ul > li > a.search-but:hover:before {
  color: #0096d0;
}
.sub-nav > nav > .columns > ul > li > a.search-but {
  font-family: 'icomoon-roca', Helvetica, Arial;
  padding: 8px 0 6px 27px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sub-nav > nav > .columns > ul > li > a.search-but:before {
  content: "\e90a";
  font-size: 1.35em;
  display: inline-block;
  vertical-align: middle;
  text-indent: 0;
  color: #fff;
}
.sub-nav > nav > .columns > ul.last {
  right: inherit;
}
.sub-nav > nav > .columns > ul.last > li {
  margin-left: 0;
  position: relative;
}
.sub-nav > nav > .columns > ul.last > li:first-child {
  margin-left: 0;
}
.sub-nav > nav > .columns > ul.last > li.myroca-box {
  width: 50px;
  background-color: transparent;
}
.sub-nav > nav > .columns > ul.last > li.link-to a {
  padding-right: 18px;
}
.sub-nav > nav > .columns > ul.last > li:last-child {
  width: auto;
  background-color: transparent;
  padding-left: 10px;
}

li.myroca-box {
  background-color: #343232;
  width: 205px;
}

.main-nav ul.block-grid.four-up.mobile-two > li:hover {
  border-bottom: 0 solid #0096d0;
  height: 45px !important;
  color: #fff !important;
}

.international-products ul li.first-level-but a,
.local-products ul li.first-level-but a {
  display: table;
  color: #000;
}

#sub-nav a#countries_menu:before,
.my-roca .content ul li a:after,
.my-roca .content ul li.basket a:before,
.my-roca .content ul li.comparer a:before,
.my-roca .content ul li.comparer a:before,
.my-roca .content ul li.login a:before,
.my-roca .content ul li.logout a:before,
.my-roca .content ul li.wish a:before,
li.basket-icon:before,
li.comparer-icon:before,
li.comparer-icon:before,
li.link-to a:before,
li.wish-icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-roca', Helvetica, Arial;
  padding: 0;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#sub-nav a#countries_menu:before,
li.basket-icon:before,
li.comparer-icon:before,
li.comparer-icon:before,
li.link-to a:before,
li.wish-icon:before {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

#sub-nav a#countries_menu:before {
  transition: none;
}

.my-roca .content ul li.wish a:before {
  content: "\e906";
  font-size: 1.35em;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.my-roca .content ul li.comparer a:before {
  content: "\e904";
  font-size: 1.35em;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.my-roca .content ul li.basket a:before {
  content: "\e905";
  font-size: 1.35em;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.my-roca .content ul li.login a:before {
  content: "\e907";
  font-size: 1.35em;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.my-roca .content ul li.logout a:before {
  content: "\e9b6";
  font-size: 1.15em;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.main-nav .menu-design-and-innovation.menu-main {
  left: -136px;
  height: 380px !important;
  overflow: visible !important;
}

.menu-design-and-innovation > .content > .columns > ul {
  display: table;
  width: 1024px;
}

  /*
.local-products.new ul.product-banners:after {
position: absolute;
  content: "";
  background-color: #e6e6e7;
  width: 210px;
  height: 505px;
  top: -13px;
  z-index: -1;
}*/
.main-header {
  background-color: #000000;
  height: 58px;
  position: relative;
  z-index: 1000;
}
.main-header h1.logo {
  margin: 15px 0 0 !important;
  padding: 0;
  font-size: 14px;
}
.main-header h1.logo a {
  height: auto;
  width: 100%;
  padding: 0;
  overflow: hidden;
  display: block;
  margin: 0;
  outline: 0;
}
.main-header h1.logo img {
  width: 90%;
  height: auto;
}

.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: #000000;
  height: 35px;
  position: relative;
  margin-top: 12px;
}
.main-nav ul > li {
  border-right: 0;
  font-size: 13px;
  line-height: 20px;
  text-indent: 0;
  height: 45px;
}
.main-nav ul > li.last, .main-nav ul > li:last-child {
  border-right: none;
}

.lt-ie8 .main-nav > nav > ul > li.last {
  width: 16.2%;
}

.main-nav > nav > ul > li:hover {
  background: transparent;
  color: #0096d0;
  cursor: pointer;
  overflow: visible;
  height: 150%;
}
.main-nav > nav > ul > li:hover > a {
  color: #0096d0;
}
.main-nav > nav > ul > li > a {
  color: #fff;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: 19px;
  padding: 8px 18px 6px 0;
  position: inherit;
  width: auto;
  text-transform: inherit;
}

/* product nav */
.product-nav {
  position: relative;
  display: block;
  clear: both;
  margin-top: 37px;
}

.lt-ie8.lt-ie9 .product-nav {
  z-index: 98;
}

.country-nav {
  position: relative;
  top: 58px;
  background-color: #7f7f7f;
  font-size: 14px;
  text-align: center;
  transition: .3s all ease;
}
.country-nav:hover {
  opacity: .8;
}
.country-nav a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #fff;
}

.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 {
  border-right: none;
}

.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.hovered a,
.product-nav > nav > ul > li a:hover {
  background-color: #0096d0;
  color: #fff;
}
.product-nav > ul > li.hovered a,
.product-nav > ul > li a:hover {
  background-color: #0096d0;
  color: #fff;
}

ul.block-grid li.hovered a {
  background-color: #0096d0;
  color: #fff;
}

.product-nav > nav > ul > li.goto-local-bt:hover h3,
.product-nav > nav > ul > li.goto-local-bt:hover p {
  color: #222;
}
.product-nav > nav > ul > li > a {
  width: auto;
  padding-left: 6px;
  font-size: 11px;
  color: #666666;
  display: block;
}
.product-nav > nav > ul > li > a:hover {
  color: #fff;
}

/* ==========================================================================
   Header Menus
   ========================================================================== */
/* menu-select-country */
.new-box-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000000;
  height: 600px;
}

.bigmenu,
.menu-select-country,
.menu-select-products,
.menu-select-solutions,
.submenu-select-country {
  display: none;
  height: 625px;
  position: absolute;
  top: 33px;
  width: 1024px !important;
  /* z-index: 65000; */
  left: -137px;
}

.menu-main::after,
.menu-select-country::after {
  background-color: #ededed;
  content: "";
  height: 505px;
  left: 0;
  position: fixed;
  top: 59px;
  width: 100%;
  z-index: -2;
}

.submenu-select-country::after {
  background-color: #ededed;
  content: "";
  height: 560px;
  left: 0;
  position: fixed;
  top: 59px;
  width: 100%;
  z-index: -2;
}

.menu-design-and-innovation.menu-main:after {
  background-color: #ededed;
  content: "";
  height: 385px;
  left: 0;
  position: fixed;
  top: 59px;
  width: 100%;
  z-index: -2;
}

.menu-design-and-innovation.menu-main .category-link {
  position: relative;
  top: 180px;
  width: 100%;
  text-align: center;
}

.menu-main.specialtop::after,
.menu-select-country.specialtop::after {
  top: 58px;
}

.lt-ie9.lt-ie8 .menu-select-country {
  width: 982px;
  padding: 4px 0;
}
.lt-ie9 .menu-select-country,
.lt-ie9 .menu-select-products,
.lt-ie9 .menu-select-solutions,
.lt-ie9 .submenu-select-country {
  background-color: #000000;
}

.menu-select-products {
  display: none;
  height: 420px;
  position: absolute;
  top: 35px;
  width: 990px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  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;
  -webkit-box-shadow: 0 6px 3px -3px #969696;
  -moz-box-shadow: 0 6px 3px -3px #969696;
  -ms-box-shadow: 0 6px 3px -3px #969696;
  -o-box-shadow: 0 6px 3px -3px #969696;
  box-shadow: 0 6px 3px -3px #969696;
  background-color: rgba(0, 0, 0, 0.9);
}

.submenu-select-country {
  border-bottom: 0px solid #666666;
  top: 47px;
  left: -667px;
  background-color: transparent;
}
.submenu-select-country .container {
  height: 490px;
  overflow: auto;
}

.menu-select-country,
.menu-select-products {
  font-size: 14px;
  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;
}

.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;
  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: #eeeeee;
  padding: 20px;
  width: auto;
  max-width: 990px;
  min-height: 740px;
  height: auto;
  margin: 0 auto;
  display: block;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.markets-white-popup .country-tit {
  border-bottom-color: #666666;
  color: #666666;
}

.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 !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: #0096d0;
  font-size: 14px;
  line-height: 24px;
}

.submenu-select-country .content {
  margin: 25px 0 0 0;
  font-size: 13px;
}
.submenu-select-country .content .columns {
  margin-right: 10px;
}

.header-logo {
  margin: 15px 0 0;
  padding: 0;
}
.header-logo a {
  text-indent: -9999px;
  background: transparent url("../images/rocaUI/roca-brand.png") no-repeat 0 0;
  background-size: 70px 30px;
  width: 70px;
  height: 30px;
  padding: 0;
  overflow: hidden;
  display: block;
  margin: 0;
  overflow: hidden;
}

.menu-select-country .content .columns {
  margin-right: 10px;
}

.menu-select-country .content .one,
.page-select-country .content .one {
  width: 116px;
}

.submenu-select-country .content .one {
  width: 120px;
}

.menu-select-country .content .two {
  width: 242px;
}

.submenu-select-country .content .two {
  width: 248px;
}

.menu-select-country .content .extra,
.page-select-country .content .extra,
.submenu-select-country .content .extra {
  width: 180px;
  margin-left: 1px;
  margin-right: 0;
}

.lt-ie9 .menu-select-country .content .extra,
.lt-ie9 .submenu-select-country .content .extra {
  width: 170px;
}

.page-select-country .content .extra {
  float: left !important;
}

.menu-select-country .content .columns p,
.submenu-select-country .content .columns p {
  clear: both;
  border-bottom: 1px solid #4a4a4a;
  color: #000;
  margin: 15px 0 5px;
  padding-bottom: 2px;
  width: 100%;
  float: left;
}

.page-select-country .content .columns p {
  clear: both;
  border-bottom: 1px solid #4a4a4a;
  color: #fff;
  margin: 15px 0 5px;
  padding-bottom: 2px;
  width: 100%;
  float: left;
  width: 98% !important;
  clear: both !important;
  float: none !important;
  margin: 0 0 5px !important;
  color: #999 !important;
  padding: 0 !important;
}

.menu-select-country .content .columns p:first-child,
.submenu-select-country .content .columns p:first-child {
  margin: 0 0 5px;
  color: #000;
}

.menu-select-country .content .columns > ul,
.page-select-country .content .columns > ul,
.submenu-select-country .content .columns > ul {
  float: left;
  width: 116px;
  margin-right: 5px;
  position: relative;
}

.menu-select-country .content .columns > ul:last-child,
.page-select-country .content .columns > ul:last-child,
.submenu-select-country .content .columns > ul:last-child {
  margin-right: 0;
}

.menu-select-country .content .columns > ul li,
.page-select-country .content .columns > ul li,
.submenu-select-country .content .columns > ul li {
  clear: both;
  border: none;
  margin-bottom: 5px;
}

.menu-select-country .content .columns > ul li a,
.submenu-select-country .content .columns > ul li a {
  color: #8a8a8a;
  font-size: 13px;
  line-height: 120%;
}

.menu-select-country .content .columns > ul li a.other,
.submenu-select-country .content .columns > ul li a.other {
  color: #0096d0;
}

.menu-select-country .content .columns > ul li a:hover,
.submenu-select-country .content .columns > ul li a:hover {
  color: #0096d0;
}

.submenu-select-country .content .submenu {
  display: none;
  margin-top: 60px;
}

.menu-select-country .content .submenu {
  display: none;
  margin-top: 0;
}

.menu-select-country .content .submenu p,
.submenu-select-country .content .submenu p {
  margin: 0 0 5px;
}

.menu-select-country .content .international-site-link,
.submenu-select-country .content .international-site-link {
  display: inline-block;
}

.menu-select-country .content .international-site-link a,
.submenu-select-country .content .international-site-link a {
  color: #fff;
}

.submenu-select-country .content .international-site-link a {
  color: #000000;
}
.submenu-select-country .content .international-site-link a:hover {
  color: #fff;
}
.submenu-select-country .content .international-site-link a span.chevron-small-nomenu {
  margin-top: 3px;
}

.menu-select-country .content .international-site-link a span.chevron-small-nomenu {
  margin-top: 3px;
}

.menu-select-country .content .submenu p,
.submenu-select-country .content .submenu p {
  color: #6a6a6a;
  width: 100%;
  border-bottom: 1px solid #8a8a8a;
}

.menu-select-country .content .submenu p.country-list,
.submenu-select-country .content .submenu p.country-list {
  color: #8a8a8a;
  padding: 3px 0 10px;
  float: none;
  clear: both;
}

.menu-select-country .content .submenu p.country-list a,
.submenu-select-country .content .submenu p.country-list a {
  color: #8a8a8a;
  line-height: 150%;
}

.menu-select-country .content .submenu p.country-list a:hover,
.submenu-select-country .content .submenu p.country-list a:hover {
  color: #0096d0;
}

/* menu-more-sites */
.menu-more-lang,
.menu-more-sites {
  background-color: #f2f2f2;
  border-bottom: 3px solid #666666;
  display: none;
  position: absolute;
  top: 47px;
  z-index: 65000;
  left: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.menu-more-sites {
  width: 170px;
  min-height: 109px;
}

.menu-more-lang {
  width: 170px;
  min-height: 109px;
  left: 156px;
}

.menu-more-lang .content,
.menu-more-sites .content {
  margin: 10px auto;
  font-size: 12px;
  text-align: left;
  width: 85%;
}

.menu-more-lang .content .columns,
.menu-more-sites .content .columns {
  margin: 0;
}

.menu-more-lang .content > ul,
.menu-more-sites .content > ul {
  position: relative;
}

.menu-more-lang .content ul li a,
.menu-more-sites .content ul li a {
  color: #666;
  font-size: 13px;
  padding: 1em 0;
  display: block;
  border: 0 !important;
  text-align: center;
}

.menu-more-lang .content > ul li a:hover,
.menu-more-sites .content > ul li a:hover {
  color: #0096d0;
}

/* My Roca */
.my-roca-out {
  border-top: 0 none;
  position: relative;
  width: auto;
  height: 32px;
}
.my-roca-out .my-roca-logo {
  font-family: Helvetica;
  font-size: 13px;
  line-height: 1.7em;
}

.lt-ie9 ul.my-roca-out li,
ul.my-roca-out li {
  margin-right: 0;
}

.my-roca-out:hover {
  cursor: pointer;
}

.my-roca-active {
  background-color: #eeeeee !important;
}

.myroca-box .my-roca-active {
  background-color: transparent !important;
}

.my-roca {
  background-color: #f2f2f2;
  display: none;
  position: absolute;
  top: 47px;
  z-index: 100;
  right: -55px;
  width: 205px;
  min-height: 110px;
  border-right: 0 solid #575757;
  border-left: 0 solid #575757;
  border-bottom: 3px solid #666666;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  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;
  width: 94%;
}
.my-roca .content ul li {
  font-size: 13px;
  text-indent: 17px;
}
.my-roca p {
  color: #666666;
  text-align: center;
  font-weight: bold;
}

.row.main-header.hide-desktop {
  z-index: 1000 !important;
}
.row.main-header.hide-desktop ul.my-roca-out li a:after {
  content: "\e901";
  display: inline;
  font-family: 'icomoon-roca', Helvetica, Arial;
}

.rocalifeWrapper #catalog-page-header #mobile-my-menu .my-roca.mobile-active {
  top: 48px !important;
}

#mobile-my-menu .my-roca {
  display: inline !important;
  position: absolute;
  right: 0;
  top: -185px;
  transition: top 0.5s;
  width: 100%;
}
#mobile-my-menu .my-roca.mobile-active {
  top: 48px;
}
#mobile-my-menu .my-roca .content ul {
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-bottom-style: solid;
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
}
#mobile-my-menu .my-roca .content ul li {
  padding: .2em 1em .2em 1em;
  font-size: 14px;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: 100%;
}

#sub-nav a.chevron-tiny-right.menu-button span.ico-select-country {
  background-image: none !important;
  background-color: red !important;
  top: 0;
}

#sub-nav a#countries_menu::before {
  content: "\e90b";
  font-size: 1.35em;
  display: inline-block;
  vertical-align: middle;
  top: 0;
}

.lt-ie9.lt-ie8 .my-roca .content ul li.comparer, .lt-ie9.lt-ie8 .my-roca .content ul li.wish {
  position: relative;
  width: 190px;
}

.my-roca .content ul li span.icon {
  display: none;
}
.my-roca .content ul li span.icon:before {
  position: absolute;
  right: 10px;
  top: 0;
}

.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: #666666;
  font-weight: normal;
  background: #eeeeee url("../images/rocaUI/icons-my-roca.png") no-repeat 1px 10px;
}
.my-roca .content ul li.comparer a {
  color: #666666;
  font-weight: normal;
  background: #eeeeee url("../images/rocaUI/icons-my-roca.png") no-repeat 2px -95px;
}
.my-roca .content ul li.basket a {
  color: #666666;
  font-weight: normal;
  background: #eeeeee url("../images/rocaUI/icons-my-roca.png") no-repeat 2px -620px;
}
.my-roca .content ul li.login a {
  color: #666666;
  font-weight: normal;
  background: #eeeeee url("../images/rocaUI/icons-my-roca.png") no-repeat 2px -583px;
}
.my-roca .content ul li.logout a {
  color: #666666;
}
.my-roca .content ul li.logout a:hover {
  color: #fff;
}
.my-roca .content ul li.basket a, .my-roca .content ul li.comparer a, .my-roca .content ul li.login a, .my-roca .content ul li.wish a {
  background-image: none !important;
}

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: inherit;
  height: auto;
  width: 65px;
  top: inherit;
  top: 10px;
}
ul.last li ul.my-roca-out li:last-child a {
  vertical-align: baseline;
}
ul.last li ul.my-roca-out li a {
  color: #fff;
}
ul.my-roca-out .my-roca-logo {
  color: #f5f5f5;
}
ul.my-roca-out li.active a {
  color: #0096d0 !important;
}
ul.my-roca-out:hover {
  height: 47px;
  transition: all 0.7s ease;
}
ul.my-roca-out:hover li a {
  color: #0096d0 !important;
}

.my-roca .content ul li:last-child {
  padding-left: 2px;
}

ul.last li ul li a {
  color: #fff;
}

.my-roca .content ul > li {
  display: table;
  margin: 0 auto;
  padding: 3px 0;
  text-indent: 0;
  width: 98%;
}

.my-roca .content ul li a {
  display: table-cell;
  line-height: 2.75;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  background-color: transparent !important;
}
.my-roca .content ul li a:hover {
  background-color: #0096d0 !important;
  color: #fff;
}
.my-roca .content ul li a:after {
  content: "\e903";
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  text-indent: 0;
  color: #666;
  position: absolute;
  right: 3px;
}

li.basket-icon p, li.comparer-icon p, li.wish-icon p {
  font-size: 11px;
  color: #8f8f8f;
  margin: 0;
  padding: 0 0 0 18px;
  display: inline;
}
li.comparer-icon, li.wish-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;
}
li.basket-icon {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -630px;
}
li.basket-icon, li.comparer-icon, li.wish-icon {
  background-image: none !important;
}

.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/arrow-down-new.png") no-repeat 0 0;
  background-size: 10px 6px;
  width: 10px;
  height: 6px;
}

.wish-list .pagination2 {
  background-color: #c8dae8 !important;
}

/* Wish List */
p#addto {
  display: inline-block;
}
p#delof {
  display: inline-block;
  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: #000000;
  background-color: #eeeeee;
  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;
  cursor: pointer;
  display: none;
  text-indent: 20px;
}
.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-comparer,
#my-roca-message-wish {
  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: 227px;
  height: 90px;
  top: 25px;
  right: -10px;
}

#my-roca-message-comparer div,
#my-roca-message-wish div {
  background-color: #0096d0;
  color: #fff;
  height: 25px;
  width: 90%;
  margin: 0 auto;
}

#my-roca-message-comparer div p,
#my-roca-message-wish div p {
  padding: 5px 8px 0;
  font-size: 13px;
  text-align: center;
}

.lt-ie9.lt-ie8 #my-roca-message-comparer,
.lt-ie9.lt-ie8 #my-roca-message-wish {
  z-index: 65000;
  right: -1px;
  width: 220px;
}
.lt-ie9.lt-ie8 #my-roca-message-comparer div p,
.lt-ie9.lt-ie8 #my-roca-message-wish div p {
  padding: -3px 6px 0;
  margin-top: 0;
  font-size: 13px;
  text-align: center;
  line-height: 90%;
  color: #fff;
}

/* Menus */
.menu-main {
  display: none;
  position: absolute;
  top: 0;
  z-index: 0;
  left: 0;
  width: 100%;
  padding-top: 35px;
}

.lt-ie8 .menu-main-products {
  position: absolute;
  top: 35px;
  z-index: 50 !important;
  left: 0;
  width: 100%;
}

.menu-design-and-innovation,
.menu-news-and-events,
.menu-sustainability,
.menu-where-to-find-us {
  /*margin-left: 330px;*/
  margin-top: 20px;
}

.menu-main .content {
  padding: 0;
  overflow: visible;
}

.main-nav .menu-select-country {
  padding: 0;
  overflow: visible;
}

.lt-ie8.lt-ie9 .menu-main .content,
.lt-ie8.lt-ie9 .menu-select-country {
  background-image: none;
  background-color: #000000 !important;
}
.lt-ie8 .menu-main .content,
.lt-ie8 .menu-select-country {
  background-image: none;
}

.menu-select-country {
  padding: 5px;
}

.menu-main .columns > ul > li {
  display: table-cell;
  float: left;
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  margin: 0;
  min-height: 140px;
  position: relative;
  width: 25%;
  padding: 2px 4px;
}
.menu-main .category-link {
  clear: both;
  float: right;
  margin-right: 0;
}
.menu-main .category-link a {
  color: #000;
  font-size: 14px;
}

.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: none;
  height: auto;
  margin: 0;
  width: 100%;
  display: block;
}

.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 {
  border-bottom: 1px solid #ddd;
  color: #8a8a8a;
  font-size: 14px;
  line-height: 105%;
  margin: 5px 0 0;
  padding: 4px 0;
  text-indent: 0;
}
.menu-main .columns > ul > li .title p.subtitle {
  font-size: 11px;
  line-height: 12px;
  color: #8a8a8a;
  display: none;
}

p.subtitle {
  height: 57px;
}

.menu-main .columns > ul > li .picture {
  float: none;
  width: 100%;
  height: auto;
  display: block;
}

.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: 100%;
  height: auto;
}
.menu-main .columns > ul > li .picture img:hover {
  cursor: default;
}
.menu-main .columns > ul > li .title p:hover {
  cursor: default;
}
.menu-main .content:hover {
  cursor: default;
}

.menu-select-country.menu-item:hover,
.menu-select-country .content.local-products.new:hover {
  cursor: default;
}

.menu-main.menu-item:hover {
  cursor: default;
}

.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 {
  display: block;
  position: relative;
  width: 100%;
  clear: both;
  top: inherit;
  margin-top: 18px;
}

.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: 1;
  height: inherit;
  text-indent: 0;
  margin-bottom: 8px;
}
.menu-main .columns > ul > li .link-items ul li a {
  color: #666;
  font-size: 14px;
}
.menu-main .columns > ul > li .link-items ul li a:hover {
  color: #0096d0;
}

/* 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 .bigmenu.menu-main,
li.last .smallmenu.menu-main {
  right: 0 !important;
}

.bigmenu.menu-main {
  box-shadow: none;
}
.bigmenu.menu-main .columns > ul > li {
  margin: 0 6px 6px 0;
}
.bigmenu.menu-main .columns > ul > li:first-child {
  margin: 0 6px 6px 1px;
}
.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 {
  height: 325px;
  margin: 16px 15px 6px 0;
}

.smallmenu.menu-main .columns > ul > li.twoheight {
  height: 325px;
  margin: 16px 15px 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 {
  width: 290px;
}

.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 {
  float: right !important;
  background-color: yellow;
}
.mirrow.menu-main .columns > ul > li.oneheight, .mirrow.menu-main .columns > ul > li.twoheight {
  float: right !important;
  background-color: yellow;
}
.mirrow.menu-main .content {
  overflow: hidden;
}

.smallmenu.menu-main .content {
  overflow: hidden;
}

/* ==========================================================================
   ICOs and chevrons
   ========================================================================== */
a.chevron-tiny-nomenu-right, a.chevron-tiny-right {
  padding-right: 1px;
  position: relative;
}
a.chevron-tiny-nomenu-right span, a.chevron-tiny-right span {
  background: transparent url("../images/rocaUI/arrow-down-new.png") no-repeat 0 0;
  background-size: 10px 6px;
  width: 9px;
  height: 6px;
  position: absolute;
  right: 6px;
  top: 10px;
  margin: 5px 0 0;
}

.my-roca-out a.chevron-tiny-right span {
  right: 2px;
}
.my-roca-out a.chevron-tiny-nomenu-right span {
  right: 2px;
  display: inline-block;
  position: relative;
  margin-left: 4px;
  top: 0;
}

a.chevron-tiny-nomenu-right span {
  background-position: -15px -108px;
}
a.chevron-small-nomenu-right, a.chevron-small-right {
  padding-right: 10px;
  position: relative;
}
a.chevron-small-nomenu-right span, a.chevron-small-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;
}
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;
}

.product-nav a.chevron-small-nomenu-right span, .product-nav a.chevron-small-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;
}
.product-nav a.chevron-tiny-nomenu-right span {
  background-position: -13px -108px;
  margin: 6px 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 {
  display: none;
}

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;
}

.lt-ie8 a.chevron-search-link span {
  margin: 3px 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;*/
  display: none;
}
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.hovered span.ico-select-country, a:hover span.ico-select-country {
  background-position: -57px -112px !important;
}

.tt-box a.chevron-link span {
  display: none !important;
}

li.goto-action-links {
  padding-top: 5px;
}

.goto-action-inner {
  display: table-row-group;
  width: auto;
  margin: 0;
}
.goto-action-inner .single-action {
  background-color: #d4d4d4;
  display: table;
  color: #666666;
  margin-left: 20px;
  margin-top: 20px;
  width: 100%;
  padding: 15px 15px 15px 5px;
  text-align: center;
}
.goto-action-inner .single-action.sales-point:before {
  font-family: 'icomoon-roca', Helvetica, Arial;
  content: "\e947";
  vertical-align: middle;
  text-indent: 0;
  color: #999;
  float: left;
  margin-left: 3px;
}
.goto-action-inner .single-action.market-sites {
  background-image: url(../images/rocaUI/ico_mmenu_market.png);
}

.catalog-page-footer, #catalog-page-footer, .footer.fullrow.found-ie7 {
  float: none;
  clear: both;
  display: block;
  background: #fff;
  padding-top: 20px;
}

#catalog-page-footer > .footer {
  margin-top: 0;
  padding-top: 0;
}

.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: #0096d0;
  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 {
  padding-bottom: 10px;
}
.footer .footer-copyright p {
  color: #666666;
  font-size: 11px;
  line-height: 25px;
  padding-right: 5px;
  float: left;
  margin: 5px 0 0 0;
}
.footer .footer-copyright p:last-child {
  margin-left: 1px;
}
.footer .footer-copyright p a:before {
  content: "-";
  padding: 0 5px;
}
.footer .footer-copyright p a:first-child:before {
  content: none;
  padding-left: 0;
}
.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;
}

/* Do you want to know more banner */
.more-footer {
  clear: both;
  background-color: #F4F5F5;
  padding-top: 1em;
  border-top: 1px solid #eeeeee;
  margin: 0 !important;
}
.more-footer:first-child .two {
  padding-left: 5px !important;
}
.more-footer .two.columns {
  background-color: #eeeeee;
  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: #666666;
  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;
}

/* 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: #666666;
  padding: 0 .5em;
  margin: 0;
}
.extra-footer .four.columns h6 {
  font-size: 12px;
  color: #0096d0 !important;
  padding: 0 .5em;
  margin: 0;
}

.more-footer .two.columns:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

/* error 404 */
.main-content .no-content {
  min-height: 120px;
}
.main-content .no-content h2 {
  font-size: 1.8125em;
  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 .no-content p, .main-content .no-content ul li {
  font-size: 1em;
}
.main-content .no-content h2, .main-content .no-content p {
  text-align: center;
}
.main-content .no-content ul {
  width: 50%;
  margin: 0 auto;
}

.notfound {
  background: transparent url("../images/rocaUI/404.png") no-repeat 130px 140px;
  background-size: 64px 64px;
  width: 80%;
  margin: 0 auto;
}
.notfound > div {
  width: 70%;
  margin: 0 auto;
}
.notfound 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-style: normal;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 130px;
  text-align: center;
}
.notfound p {
  margin-bottom: 80px;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
}

/* 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: 30px;
  background: #fff;
  text-align: center;
}
.pictos-tiles ul {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 5px;
}
.pictos-tiles ul li {
  display: inline;
}
.pictos-tiles ul li img {
  height: 30px !important;
}

.main-content.products .nine.columns .pictos-tiles img {
  margin: 0;
}

.nine.columns.collection .pictos-tiles ul li img {
  padding-bottom: 5px;
}

.column2-data.pictos-tiles {
  background-color: transparent;
  min-height: 30px;
  margin: 0;
  padding: 10px 0;
}
.column2-data.pictos-tiles ul {
  display: inline-flex;
  margin: 0;
  padding-top: 0;
}
.column2-data.pictos-tiles ul li {
  float: left;
  display: inline;
  clear: none;
  margin: 0 8px 0 0;
  min-height: 35px;
  width: auto;
}
.column2-data.pictos-tiles ul li img {
  height: 30px !important;
  width: auto;
  margin-bottom: 0 !important;
}
.column2-data.pictos-tiles ul li.tech img {
  height: auto !important;
  max-width: 105px;
  padding-top: 5%;
}
.column2-data.pictos-tiles ul li.recycle {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}
.column2-data.pictos-tiles ul li.thick {
  background: transparent url("../images/rocaUI/thickness-icon.png") no-repeat 3px -3px;
  background-size: 30px 30px;
}
.column2-data.pictos-tiles ul li.thick h6 {
  padding-left: 35px;
  line-height: 200%;
}

.accordion img.tiles-compatible {
  width: 120px;
  height: auto;
}

.product-mosaic-list .tiles-installation-picto {
  position: absolute;
  width: 100%;
  bottom: 22px;
  height: auto;
  text-align: center;
}
.product-mosaic-list .tiles-installation-picto img {
  width: 95% !important;
  height: auto;
  margin: 0 !important;
}
.product-mosaic-list .tiles-installation-picto ul {
  margin: 0 auto;
  clear: both;
  position: relative;
  text-align: center;
}
.product-mosaic-list .tiles-installation-picto li {
  border: none;
  height: auto;
  text-align: center;
  float: none;
  display: inline-table;
}

.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;
  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: 5px;
}

.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;
}
.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;
  cursor: default;
  display: block;
  clear: both;
  float: none;
  width: 100%;
}

/* 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: #0096d0;
}

.extra .submenu {
  background-color: #fff !important;
  min-height: 150px;
  padding: .5em;
  border-top: 1px solid #666666;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}
.extra .submenu .country-list {
  background-color: #fff !important;
  padding: 3em 2em;
}

/* MAIN CONTENT BOX */
/*  left column  */
.main-content .three h2, .main-content .twelve h2 {
  padding: 0;
}
.main-content .three h1, .main-content .three h3, .main-content .three p {
  padding: 0;
}

div.four h2 {
  padding: 0;
}

.main-content .four p {
  padding: 0;
}
.main-content .three h2, .main-content .twelve h2, .main-content .three h3, .main-content .twelve 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.15em;
}
.main-content .three h3, .main-content .twelve h3 {
  font-size: 18px;
  /*!important;*/
}
.main-content .three h1, .main-content .three 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.15em;
}

.products-title-page h2.entry-title, .products-title-page h4.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;
}

.products-title-page h5.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: 13px !important;
  margin: 0;
  margin-bottom: 1px;
  margin-top: 0;
}
.main-content .three h2 {
  font-size: 1.5em;
}
.main-content .three h1 a {
  color: #000000;
}
.main-content .three h1 a:hover {
  color: #0096d0;
}
.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 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: #666666;
  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: #666666;
}
.main-content .three .second-menu.news ul li a:hover {
  color: #0096d0;
}
.main-content .three .second-menu.news ul li a.active {
  color: #000000;
}
.main-content .three .second-menu ul li a.active {
  color: #0096d0;
  background-color: #FFFFFF;
}
.main-content .three .second-menu ul li a:hover {
  color: #0096d0;
  /*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 {
  color: #666666;
  padding: 0.25em 0 0.25em 0;
  background: #eeeeee;
  display: block;
}

ul#toggle-view-archive li {
  font-size: 16px;
  padding: 0.25em 0 0.25em 0;
  color: #000000;
  display: block;
  cursor: pointer;
}
ul#toggle-view-archive li.label {
  color: #666666;
  padding: 0.25em 0 0.25em 0;
  background: #eeeeee;
  display: block;
}
ul#toggle-view-archive li.label:hover {
  color: #666666;
  cursor: default;
}
ul#toggle-view-archive li:hover {
  color: #0096d0;
}
ul#toggle-view-archive li span {
  padding: 0 .25em 0 0;
  color: #666666;
  cursor: pointer;
}

h5.rss {
  margin: 5px 0;
}
h5.rss a {
  font-weight: normal;
  color: #666666;
  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: #0096d0;
}

/*  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;
  margin-bottom: 20px;
}

/*.solution-detail-box.collections-page {margin-left: 7px;}*/
.main-content .nine h1, .main-content .nine h2, .main-content .nine p {
  padding: 0 15px 0 0;
}
.main-content .nine .extended_description_text {
  font-size: 14px !important;
  padding: 0 !important;
  line-height: 130% !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: normal;
}
.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: #000000;
  margin: 0;
}
.main-content .nine p, .main-content .nine h2 {
  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: #666666;
  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: #000000;
}
.main-content.wish-list .nine h1 {
  font-size: 1.25em;
}
.main-content .nine h3, .main-content .eight h3, .main-content .nine h4, .main-content .eight h4, .main-content .nine .collection-title-text, .main-content .eight .collection-title-text {
  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;
  padding-top: 0 !important;
  font-weight: normal;
}
.main-content .collection-title-text {
  line-height: 130%;
}

.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", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #000000;
  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: #000000;
  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: #666666;
  padding: 0 1em 0 0 !important;
  font-weight: normal;
  margin: 0;
}
.main-content .four h3 {
  margin: 0;
  color: #666666;
}
.main-content .four .entry-content p, .main-content .four .entry-content-right p {
  margin: 0;
  padding: 1em 1em 0 0;
  font-size: .75em;
  color: #666666;
  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: 14px;
  padding: 0;
}
.main-content .related p {
  font-size: 12px;
  text-align: left;
  color: #666666;
  margin: 0;
  padding: 0;
  line-height: 130%;
}
.main-content .related h6 {
  font-size: 12px;
  text-align: left;
  color: #666666;
  margin: 0;
  padding: 0;
  line-height: 130%;
  color: #000000;
  padding-top: 3px;
}
.main-content .related a {
  color: #666666;
  display: block;
  padding: 4px 0;
}
.main-content .related a:hover {
  color: #0096d0 !important;
}
.main-content .related span:hover, .main-content .related p:hover {
  color: #0096d0 !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 {
  margin-bottom: 10px;
}
.main-content.products .nine.columns img {
  margin-bottom: 10px;
}
.main-content.products .nine.columns .in_solution img {
  margin-top: 0;
}

div.search_designline_title {
  font-size: 14px !important;
}

div.box-slider h3 {
  font-size: 14px !important;
}

.article-menu h2 {
  margin: 4px 0;
}

div.photos, div.links, div.attached, div.ubication, div.schedule, div.date {
  background-color: #eeeeee;
  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 #eeeeee;
}
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 #666666;
}
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: #eeeeee;
  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: #000000;
  margin: 0 0 5px 0;
}
div.date time {
  font-weight: bold;
  font-size: 1.25em;
  letter-spacing: -1px;
  color: #666666;
  padding: 0;
}
div.schedule p {
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  padding: 0 !important;
  margin: 5px 0 0 0;
}
div.schedule p.label {
  background: url("../images/rocaUI/resources.png") no-repeat scroll -1px -340px #eeeeee;
  padding: 3px 0 !important;
  margin: 0;
  color: #000000;
  font-weight: bold;
  text-indent: 21px;
}

.article img.main-photo {
  margin: 0 0 1em 0;
}

/* LIST article */
.list .row {
  margin: 0 !important;
}
.list .row .pos {
  padding: .15em;
  margin: 0 0 1em 0;
  min-height: 60px;
  min-width: 360px;
  border-top: 1px solid #ddd;
}
.list .main-list h3.entry-title {
  display: inline-block;
}
.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: 285px;
}
.list .row .six.map-results {
  padding: .15em;
  margin: 0 0 1em 0;
  min-height: 270px;
}

#locationsInfo .map-results, #locationsInfo h3.entry-title {
  padding-right: .5em !important;
}

/* .list h1.entry-title {margin-left: 5px;}*/
.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;
}

/* MANUALES TECNICOS AJUSTES */
.article-content.nine #container, .article-content.nine #destacado {
  width: 100% !important;
}
.article-content.nine #container table {
  width: 100% !important;
}
.article-content.nine #container table img {
  margin: 0;
}

/* links buttons under article body*/
.link_but {
  display: none !important;
}

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 #eeeeee;
  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 #eeeeee;
  padding-left: 2em;
}

/* 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: #000000;
}

.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: #000000;
  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: #000000;
  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: #666666;
  margin: 4px 0 4px 0;
}
.title-block p {
  font-size: 0.85em;
  margin: 4px 0 4px 0;
  color: #666666;
}

.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: #000000;
  margin: 4px 0 4px 0;
  padding: 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: #000000;
  margin: 4px 0 4px 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: #000000;
  margin: 0 0 4px 0;
  padding: 0 0 0 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: #eeeeee;
  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 p {
  color: #666666;
  padding: 0 .5em;
  margin: 0;
  text-align: left;
}
.landing-section-block .two.columns h3:hover, .landing-section-block .two.columns p:hover {
  color: #0096d0;
}
.landing-section-block h2.twelve {
  padding-left: 4px !important;
}
.landing-section-block .two.columns h3 {
  font-size: 11px !important;
  font-weight: bold;
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
}
.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: #666666;
  font-weight: bold;
}
p.linktosite a:hover {
  background: url("../images/rocaUI/resources.png") no-repeat -6px -162px transparent;
  color: #0096d0;
}

.definition {
  font-size: .85em;
  color: #666666;
  padding-left: .25em;
}

h3.box-effect2, p.box-effect2 {
  color: #0096d0 !important;
}

div.box-effect3 {
  background-color: #fff !important;
}

.landing-general .six.columns h4 a, .landing-general .six.columns h5 a {
  color: #000000;
}

.landing-general .six.columns h4:hover {
  color: #0096d0;
}
.landing-general .six.columns p:hover, .landing-general .six.columns p a:hover {
  color: #0096d0;
}

/* EXPLORER */
.lt-ie9.lt-ie8 .emblem-disct .four.columns, .lt-ie9.lt-ie8 .landing-section-block .two.columns, .lt-ie9.lt-ie8 .landing-section-events .two.columns, .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;
}

/* EMBLEMATIC - DISCTINTIONS - AUDIOS - landing page */
.emblem-disct .four.columns {
  position: relative;
  height: 235px;
  padding-top: .25em;
  border-top: 2px solid #dcdcdc;
  background-color: #eeeeee;
  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: #000000;
  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: #0096d0;
}
.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: #666666;
  background-color: #dcdcdc;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.emblem-disct .four.columns .more-info a:hover {
  background-color: #636363;
  color: #f5f5f5;
}

.more-info {
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  text-align: center;
  font-size: 13px;
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
}

/* ==========================================================================
   V4 styles
   ========================================================================== */
.featured-landing-article {
  padding-top: .5em !important;
  border-top: 2px solid #dedede;
  background-color: #ededed;
  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: #666666;
}
.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: #666666;
  background-color: #dcdcdc;
  display: block;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.featured-landing-article .more-info a:hover {
  background-color: #636363;
  color: #f5f5f5;
}

.featured-landing-filter {
  border: none;
  font-size: 13px;
  color: #666666;
  padding: 5px;
  background-color: #eeeeee;
  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.35em 0 !important;
  padding: 0;
  color: #000000;
}
.main-content .article-content p.data span {
  color: #666666;
}

.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: #000000;
  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;
}

.article-slider-wrapper.emblemat-recognit .emblematic-swiper .swiper-slide img {
  height: auto;
  max-height: 371px;
  width: auto;
}

.article-slider-wrapper.emblemat-recognit {
  margin-bottom: 30px;
}

.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, .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: #999999;
  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 {
  display: none;
}

/* EVENTS CALENDAR */
.landing-section-events .two.columns {
  width: 16.6667%;
  position: relative;
  height: 238px;
  background-color: #eeeeee;
  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: #666666;
  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 !important;
  line-height: 105%;
  color: #000000;
  font-weight: normal;
  display: block;
  padding: 0 .5em 0 .65em;
  margin: 0;
}
.landing-section-events h3:hover {
  color: #0096d0;
}
.landing-section-events p:hover {
  color: #0096d0;
}
.landing-section-events img {
  position: absolute;
  top: 82px;
  left: .5em;
  width: 92%;
  height: auto;
}
.landing-section-events p {
  font-size: 11px !important;
  color: #666666;
  position: absolute;
  top: 152px;
  left: .75em;
  padding: 0 .25em 0 0 !important;
  margin: 1em 0 !important;
}
.landing-section-events a p {
  color: #666666;
}

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: #666666;
  background-color: #ddd;
  font-size: .85em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.actual-archive li.archive a:hover {
  background-color: #fff;
}

.numbers {
  font-weight: normal;
  font-size: 12px;
}

/* 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 {
  color: #666666;
  display: inline;
  float: left;
}
.events .article-pagination ul li {
  color: #666666;
  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: #0096d0;
}
.events .pagination ul li a.active {
  font-weight: bold;
  color: #0096d0;
}
.events .two.columns.actual-archive {
  background-color: transparent;
  border: none;
  height: 10px;
  padding-top: 0;
  position: relative;
}

/* NEWS */
.article-content, .article-list, .article-entry {
  float: right;
}

.article-content .entry-content-right {
  float: 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 {
  padding-right: 1em;
}
.nine.columns.article-list .columns p {
  padding-right: 1em;
  font-size: .75em;
  line-height: 130%;
}
.nine.columns.article-list .columns p.entry-format {
  font-size: .75em;
  font-weight: normal;
  color: #666666;
}
.nine.columns.article-list .columns h3 {
  font-size: 1.15em;
  color: #000000;
}
.nine.columns.article-list .columns h3 a {
  color: #000000;
}
.nine.columns.article-list .columns h3 a:hover {
  color: #0096d0;
}

.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: #000000;
}
.nine.columns.article-content .eight.columns h3 a {
  color: #000000;
}
.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: #666666;
  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: #000000;
  font-size: .75em;
}
.article-pagination time {
  color: #666666;
}
.article-pagination ul.eight.column {
  padding-right: 1em;
}
.article-pagination ul.eight.column li a {
  font-size: .85em;
  color: #666666;
}
.article-pagination ul.eight.column li a:hover {
  font-size: .85em;
  color: #0096d0;
}
.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 {
  color: #666666;
  display: inline;
  float: left;
  margin: 0 !important;
  font-size: 13px !important;
  outline: 0;
  text-decoration: none;
  border: 0;
}
.news .article-pagination ul li {
  color: #666666;
  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;
}

/* other interior landing pages, like designers */
.landing-designers .six.columns {
  background-color: #eeeeee;
  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: #000000;
}
.landing-designers .six.columns h3 a {
  color: #000000;
}

.landing-designers .six.columns h3.nolink-text:hover {
  color: #000000;
}
.landing-designers .six.columns p a {
  color: #666666;
}
.landing-designers .six.columns p a:hover {
  color: #0096d0;
}
.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: #666666;
}
.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: #000000;
}
.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: #000000;
}
.landing-designers .six.columns h3:hover {
  color: #0096d0;
}

.landing-designers p {
  font-size: 12px;
  color: #666666;
  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;
}

.lead-collections {
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 14px;
  line-height: 130%;
  color: #666666;
}

/* Local Products MENU Sub nav --------------------*/
.menu-select-country .content.local-products {
  overflow: hidden;
  padding: 10px;
}

.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 {
  background: transparent none repeat scroll 0 0;
  min-height: 320px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.menu-select-country .content.local-products.new .category-link {
  clear: both;
  padding-top: 25px;
  text-align: center;
  width: calc(100% - 217px);
}
.menu-select-country .content.local-products.new .category-link a {
  color: #000;
}
.menu-select-country .content.local-products.new .category-link a:hover {
  color: #0096d0;
}

.lt-ie8 .menu-select-country .content.local-products.new {
  overflow: hidden;
  margin: 0 auto;
  width: 99%;
}

.local-products.new ul {
  border: medium none !important;
  box-sizing: border-box !important;
  float: left;
  list-style: outside none none;
  margin: 24px 0 0;
  overflow: hidden;
  padding: 0;
  width: 268px;
}

.lt-ie8 .local-products.new ul {
  height: 350px;
}

.local-products.new ul li {
  border-bottom: 1px solid #e6e6e7 !important;
  display: table;
  height: auto;
  margin: 0px auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 0;
  width: 100%;
}
.local-products.new ul li img {
  display: table-cell;
  width: 90px;
  height: auto;
}
.local-products.new ul li div {
  border: medium none;
  display: table-cell;
  margin: 0;
  padding: 0;
  position: relative;
  width: 170px;
  text-align: left;
  vertical-align: middle;
  color: #000;
}
.local-products.new ul li div:hover {
  color: #0096d0;
}
.local-products.new ul li div a {
  color: #fff !important;
  width: 100%;
  height: 100%;
  display: block;
}
.local-products.new ul li div a:hover {
  color: #0096d0 !important;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
}
.local-products.new ul li h2 {
  border: medium none;
  display: table-cell;
  margin: 0;
  padding: 0;
  position: relative;
  width: 170px;
  text-align: left;
  vertical-align: middle;
  color: #000;
}
.local-products.new ul li h2:hover {
  color: #0096d0;
}
.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: #0096d0 !important;
  width: 100%;
  height: 100%;
  background-color: transparent;
  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, Helvetica, sans-serif;
}
.lt-ie8 .local-products.new ul li h2 a:hover {
  color: #000000 !important;
}

.local-products.new ul.solutions-nav {
  width: 325px !important;
  height: 100%;
  padding: 0;
  margin: 0 0 0 0;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-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: #eeeeee !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: #666666;
  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 {
  display: inline-table;
  float: left;
  margin-top: 20px;
  padding: 0 0 0 17px;
  position: relative;
  width: 217px;
  min-height: 340px;
}

.lt-ie8 .local-products.new ul.product-banners {
  height: 350px;
}

.local-products.new ul.product-banners li {
  background-color: transparent;
  display: table;
  float: none;
  height: 64px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f0f0f1 !important;
}

.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: #000000;
}
.local-products.new ul.product-banners li.double h2 {
  position: absolute;
  top: 82%;
  left: 4px;
}
.local-products.new ul.product-banners li h2 {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  padding-left: 25px;
  text-transform: inherit;
  z-index: 2222;
}
.local-products.new ul.product-banners li h2:hover {
  color: #0096d0;
  cursor: pointer;
}
.local-products.new ul.product-banners li img {
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
}

.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: relative;
  float: left !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: #666666;
}
.international-products div p {
  margin: 0;
  padding: 0;
  line-height: 120%;
  color: #666666;
}

.local-products ul li:first-child {
  border-top: 0 !important;
}

.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: 1;
  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 div {
  width: 140px;
  font-size: 14px;
  color: #fff;
  margin: 0 0 0 0;
  padding: 0 4px 0 0;
  display: block;
  font-weight: normal;
}

.local-products ul li h2 {
  width: 140px;
  font-size: 14px;
  color: #fff;
  margin: 0 0 0 0;
  padding: 0 4px 0 0;
  display: block;
  font-weight: normal;
}

.international-products ul li h2 {
  width: 100%;
  font-size: 13px !important;
  line-height: 100%;
  color: #666666;
  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 {
  border-bottom: none !important;
}
.local-products ul.no-child li h2 {
  border-bottom: 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:first-child, .local-products ul.solutions-nav li:last-child {
  border: none !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 {
  padding-left: .35em;
  display: block;
}
li.nav-indent a {
  padding-left: .35em;
  display: block;
}

/*search
--------------------------------------------------------------------------------*/
/* header search */
.product-search-header {
  margin: 0;
  position: absolute;
  width: 360px;
  top: 46px;
  left: -306px;
  background-color: #fff;
  height: 56px;
  padding: 5px;
  color: #666;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.product-search-header input {
  font-size: 12px;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 6px 0 0 0;
  background-color: transparent;
  width: 290px;
  height: 32px !important;
  border: 0 solid #ddd;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  box-shadow: none;
}

#search-mobile-header {
  z-index: 100;
}
#search-mobile-header .product-search-header {
  width: 100%;
  background-color: #000000;
  left: 0;
}
#search-mobile-header.active .product-search-header {
  display: inline;
  top: 0;
}

/* desktop search box */
#main-header form#searchForm.active {
  visibility: visible;
  opacity: 1;
}
#main-header form#searchForm.active #searchText {
  opacity: 1;
}

#main-header form#searchForm {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}
#main-header form#searchForm #searchText {
  opacity: 0;
}

.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: #666666;
}

.product-search-header input:focus {
  color: #000000;
  background: #fff;
  border: 0;
  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: 7px;
  top: 12px;
  padding: 15px 18px;
  background-color: transparent;
  border: 0;
  background-image: url("../images/rocaUI/zoom.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-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: #888;
}
.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 h1 {
  font-size: 1.5em;
  margin: 0;
  text-align: center;
  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;
}
.search-title-page.six.columns p {
  text-align: center;
  margin: 0;
}

.adv_search, .adv_search1, .adv_search2 {
  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 {
  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 {
  margin: 0;
}

.centrarImagen {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.adv_search3 {
  background-color: transparent !important;
  background-image: none !important;
  padding-bottom: 8px;
}
.adv_search3 form {
  margin: 0;
}

.category_sparepart {
  background-color: white !important;
  margin-bottom: 30px !important;
  margin-left: 20px !important;
  border-top: none !important;
  width: 190px;
  height: 120px;
  display: table-cell;
  vertical-align: middle;
}

.category_sparepart:hover {
  cursor: pointer;
}

.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;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  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: #666666;
  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: #666666;
  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;
  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: #eeeeee;
  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: #000000;
}

#back_bot {
  background: transparent url(../img-static/back_bot.jpg) 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.jpg) 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: #666666;
  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: #666666;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 150% !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: #666666;
  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: #666666;
  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 {
  margin: 0 2px 0 2px;
  padding: 4px;
  width: 165px !important;
}
.pseudo-input-check3 .search-cat-home .celda {
  min-height: 40px !important;
  outline: 0;
}

.pseudo-input-check2 input, .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 {
  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;
}
.menu-search p input {
  padding: 0 !important;
  margin: 0 3px 0 3px !important;
  text-align: left;
  overflow: hidden;
  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: #000000;
  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;
}

.adv_search .tit-adv h3, .adv_search1 .tit-adv h3, .adv_search2 .tit-adv h3, .adv_search3 .tit-adv h3 .title-adv-1 {
  line-height: 120%;
  color: #333;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 18px !important;
}

.title-adv-1 {
  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: 18px !important;
  line-height: 120%;
  color: #000000 !important;
  padding: 0;
  margin: 0;
  text-align: center !important;
}

.title-adv-2 {
  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: 18px !important;
  line-height: 120%;
  color: #000000 !important;
  padding: 0;
  margin: 0;
  text-align: center !important;
}

.search-category-2 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  padding: 5px 1px 0 5px !important;
  margin: 0 0 0 0 !important;
  line-height: 110% !important;
  font-weight: normal;
  float: left;
}

.search-items.six.columns {
  float: none;
}

.search-cat {
  width: 120px;
  margin: 8px 2px 0 8px;
}

.search-cat-home {
  width: 24.5%;
  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;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  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.gif) 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.gif) 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;
  color: #000000;
  font-weight: normal;
  border: 0;
}
button#hierarchy_bot:hover {
  background-color: #636363;
  cursor: pointer;
  border-color: #636363;
  color: #f5f5f5;
}

.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: #eeeeee;
}

div.field_filters {
  border: 0;
  width: 232px;
  margin: 8px 0 0 0;
  padding: 3px;
  background-color: #eeeeee;
}

.field_filters h4 {
  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 !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #666666;
  margin: 0 !important;
  padding: 0 !important;
}
.field_filters form.custom .custom {
  background: white none repeat scroll 0 0;
  border: 1px solid #cccccc;
  display: inline-block;
  height: 16px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 16px;
  margin-right: 5px;
}
.field_filters form.custom .custom.checkbox {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
.field_filters form.custom .custom.checkbox:before {
  color: white;
  content: "";
  display: block;
  font-size: 16px;
}
.field_filters form.custom .custom.checkbox.checked:before {
  color: #222222;
  position: absolute;
  top: -50%;
  left: 50%;
  margin-top: 7px;
  margin-left: -7px;
  background: transparent url("../images/rocaUI/checked-icon.png") repeat 0 0;
  background-size: 14px 14px;
}

/* custom checkboxes based on foundation */
/* search hierarchy */
.search-hierarchy {
  width: 100%;
  margin: 0 auto 20px;
  font-size: 12px !important;
}
.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 {
  color: #888;
  font-weight: normal;
  font-size: 12px;
}
.search-hierarchy li a:link {
  color: #888;
  font-weight: normal;
  font-size: 12px;
}
.search-hierarchy li a:hover {
  color: #666666;
}
.search-hierarchy li input {
  margin: 0 4px 4px 0;
}
.search-hierarchy h3 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  color: #666666;
  font-weight: normal !important;
}
.search-hierarchy h4 {
  color: #666666;
}

/* 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: 150%;
  margin-bottom: 6px;
  padding: 0 !important;
}
.box-filter 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 !important;
  font-size: 13px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

.box-filter2 {
  margin: 0;
}
.box-filter2 p {
  border: 0 !important;
  line-height: 150%;
  margin-bottom: 6px;
}

.box-slider {
  width: 220px;
  padding: 0px;
  height: 102px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: transparent;
  text-align: center;
}

p.pSearchCategorySparePart {
  margin-bottom: 15px !important;
  margin-top: 5px !important;
}

.pSearchCategorySparePart:hover {
  cursor: pointer;
}

	/* 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: #666666;
  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: #666666;
}

.pagination select, .pagination-bottom select {
  padding: 2px;
  float: right;
  margin: 3px;
  width: 120px;
  text-indent: 2px;
  color: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.whitespace {
  height: 12px;
  width: 100%;
  margin-top: 12px;
  display: block;
  clear: both;
  background-color: transparent;
}

/* pagination
--------------------------------------------------------------------------------*/
.solution-detail-box .pagination2 {
  width: 100%;
  margin: 5px auto 5px auto;
}

.lead-products {
  color: #666666 !important;
  font-weight: normal;
  line-height: 130% !important;
  font-size: 14px;
  margin-top: 7px !important;
  margin-bottom: 11px !important;
}

.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: #eeeeee;
  padding: 2px 0 2px 0;
}
.lt-ie8.lt-ie9 .pagination2.results {
  width: 95%;
}

.pagination-bottom2 {
  width: 708px;
  height: 30px;
  background-color: #eeeeee;
  margin: 8px auto 8px auto;
  padding: 2px 0 1px 0;
  text-align: center;
  clear: both;
  border: 1px #eeeeee solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.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: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.twelve.columns li.all-results {
  margin: 0;
  padding: 0 0 0 273px;
  color: #000000;
}

li.all-results {
  margin: 0;
  padding: 0 0 0 0;
  color: #000000;
}
li.grid-options {
  margin: 0 3px 0 0;
  padding: 0;
  height: 28px;
  background-color: transparent;
  color: #676767;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#list-bot:hover {
  background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -49px;
}

#mosaic-bot:hover, #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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.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;
}

/* 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 {
  width: 20%;
  height: 263px;
  border: 1px #eeeeee solid;
  float: left;
  display: inline;
  padding: 2px;
  background-color: #fff;
  position: relative;
}

.product-mosaic-search-txt li {
  width: 20%;
  height: 263px;
  border: 1px #eeeeee 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 {
  display: block;
}
.product-mosaic li a .mosaic-list-img img {
  display: block;
  width: auto;
  max-width: 100%;
}

.product-mosaic-search-txt a {
  display: block;
  /*height: 170px;*/
}

.product-mosaic ul.level-one li a {
  min-height: inherit !important;
  height: auto !important;
}
.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-list .black {
  color: black !important;
}

.product-mosaic li:hover, .product-mosaic-search-txt li:hover {
  border-color: #c5c5c5;
}

div.mosaic-list-img {
  height: 130px;
  min-height: 130px;
  width: 140px;
  min-width: 140px;
  display: table-cell;
  vertical-align: middle;
}
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;
  text-align: center;
}
div.mosaic-my-roca div.add,
div.mosaic-my-roca div.delete {
  display: inline-block;
  position: relative;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  width: 25px !important;
}
div.mosaic-my-roca div.add.i3r,
div.mosaic-my-roca div.delete.i3r {
  position: relative;
  top: -4.1px;
}
div.mosaic-my-roca div.add.i3r a,
div.mosaic-my-roca div.delete.i3r a {
  position: relative;
  top: 8px;
  display: inline-block;
  height: 15px;
  width: 15px;
  background: url("../images/rocaUI/roca-3r.png") no-repeat 0 0 scroll transparent;
}
div.mosaic-my-roca div.add.i3r img.imglist,
div.mosaic-my-roca div.delete.i3r img.imglist {
  position: relative;
  top: -4px;
  display: inline-block;
  height: 15px;
  width: 15px;
  background: url("../images/rocaUI/roca-3r.png") no-repeat 0 0 scroll transparent;
  content: url(../images/rocaUI/roca-3r.png);
  float: initial;
}
div.mosaic-my-roca div.add.i3r img.imgcomp,
div.mosaic-my-roca div.delete.i3r img.imgcomp {
  position: relative;
  top: 5px;
  display: inline-block;
  height: 15px;
  width: 15px;
  background: url("../images/rocaUI/roca-3r.png") no-repeat 0 0 scroll transparent;
  content: url(../images/rocaUI/roca-3r.png);
}

.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;
}

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: 19px;
  border: none;
}

.call-actions li.add.wish span.checkbox {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 5px !important;
}

.call-actions.mobile li.add.wish span.checkbox {
  background-position-y: 5px !important;
}

.call-actions li.add.wish span.checkbox.checked {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -43px !important;
}

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, form.custom .add.shop span.checkbox {
  display: inline-block;
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -98px;
  width: 25px !important;
  height: 19px;
  border: none;
}

form.custom .add.shop span.checkbox {
  background-position: 0 -623px;
}

form.custom ul li.shop .add.shop {
  position: absolute;
  right: 14px;
  top: 36px;
}
@media screen and (max-width: 768px) {
  form.custom ul li.shop .add.shop {
    top: 20px;
  }
}
form.custom ul li.shop .add.shop span.custom.checkbox {
  background: transparent;
}
form.custom ul li.shop .add.shop span.custom.checkbox:before {
  content: '\e905';
  font-size: 1.4em;
  font-family: 'icomoon-roca', Helvetica, Arial;
}
form.custom ul li.shop .add.shop.mobile {
  top: 20px !important;
}

.call-actions li.add.compa span.checkbox {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -100px;
}

.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: 19px;
}

.call-actions li.add.compa span.checkbox.checked {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -140px !important;
}

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 {
  height: 20px;
  width: 34px;
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -518px;
}

.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:after {
  content: '';
  display: table;
  clear: both;
}
td div.mosaic-my-roca .delete {
  margin-top: 1px;
  display: inline-block;
  position: relative;
  top: 14px;
}
td div.mosaic-my-roca .delete:hover {
  cursor: pointer;
}
td div.mosaic-my-roca .delete .msg {
  left: 50px;
  bottom: 44px;
}
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;
}

.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.gif) no-repeat center bottom !important;
}

#product-content {
  margin-left: 0;
}
#product-content:after {
  content: '';
  display: block;
  clear: both;
}

.a-description {
  color: #666666 !important;
}

.title-search-lead {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: #666666;
  font-weight: initial;
  font-size: 14px;
}

.title-search {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 130%;
  border-bottom: 1px #ddd solid;
}

#search-by-category-results .r-tabs,
#search-by-text-columns .r-tabs {
  border: 0;
  border-radius: 0;
  margin-top: 0;
  background: transparent;
}
#search-by-category-results .r-tabs .r-tabs-panel,
#search-by-text-columns .r-tabs .r-tabs-panel {
  background: transparent;
  padding: 3% 0 0 0;
  border-bottom: 0;
}
#search-by-category-results .r-tabs .r-tabs-panel h2,
#search-by-text-columns .r-tabs .r-tabs-panel h2 {
  font-weight: bold;
}
#search-by-category-results .r-tabs .r-tabs-nav,
#search-by-text-columns .r-tabs .r-tabs-nav {
  margin-top: 3%;
  border-bottom: 1px solid #BBB;
}
#search-by-category-results .r-tabs .r-tabs-nav .r-tabs-anchor,
#search-by-text-columns .r-tabs .r-tabs-nav .r-tabs-anchor {
  font-size: 12px;
  text-shadow: none;
  background: #DDD;
  color: #666;
}
#search-by-category-results .r-tabs .r-tabs-nav .r-tabs-tab,
#search-by-text-columns .r-tabs .r-tabs-nav .r-tabs-tab {
  margin-left: 0;
}
#search-by-category-results .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor,
#search-by-text-columns .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
  background-color: #0096d0;
  font-weight: normal;
  color: white;
}
#search-by-category-results a > button#hierarchy_bot,
#search-by-text-columns a > button#hierarchy_bot {
  border: 0;
  box-shadow: none;
}

.seeSpareParts td:first-child {
  padding: 0 0 0 20px;
}
.seeSpareParts a {
  color: #0096d0;
  padding: 20px 0;
  display: block;
}

.acordeonFondoBlanco {
  background: white;
}

#acordeon {
  margin-top: 20px;
}
#acordeon h3 {
  padding: 0 32px;
  border-top: 1px solid lightgray !important;
  font-size: 12px;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif !important;
  padding-top: 20px !important;
  padding-bottom: 30px;
}
#acordeon h3 #iconsShopSpareParts {
  width: 108px;
}
#acordeon h3 .titleShopSpareParts ~ div {
  font-family: Helvetica, Arial, sans-serif !important;
  color: #000000;
  margin-left: 20px;
  margin-top: 5px;
}

#spareParts #accordion_spareParts {
  background: white;
  margin-top: 50px;
}
#spareParts #accordion_spareParts h3 {
  padding: 0 32px;
  border-top: 1px solid lightgray !important;
  font-size: 12px;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif !important;
  padding-top: 20px !important;
  padding-bottom: 30px;
}
#spareParts #accordion_spareParts h3 #iconsShopSpareParts {
  width: 108px;
}
#spareParts #accordion_spareParts h3 .titleShopSpareParts ~ div {
  font-family: Helvetica, Arial, sans-serif !important;
  color: #000000;
  margin-left: 20px;
  margin-top: 10px;
}

#spareParts #accordion_sparePartsDesktop {
  padding: 40px 0px;
}
#spareParts #accordion_sparePartsDesktop h3 {
  font-size: 12px;
}
#spareParts #accordion_sparePartsDesktop h3 #iconsShopSpareParts {
  width: 108px;
}
#spareParts #accordion_sparePartsDesktop h3 .titleShopSpareParts ~ div {
  margin-left: 20px;
  margin-top: 16px;
}

#search-by-category-results .r-tabs,
#search-by-text-columns .r-tabs {
  border: 0;
  border-radius: 0;
  margin-top: 0;
  background: transparent;
}
#search-by-category-results .r-tabs .r-tabs-panel,
#search-by-text-columns .r-tabs .r-tabs-panel {
  background: transparent;
  padding: 3% 0 0 0;
  border-bottom: 0;
}
#search-by-category-results .r-tabs .r-tabs-panel h2,
#search-by-text-columns .r-tabs .r-tabs-panel h2 {
  padding-top: 20px;
}
#search-by-category-results .r-tabs .r-tabs-nav,
#search-by-text-columns .r-tabs .r-tabs-nav {
  margin-top: 3%;
  border-bottom: 1px solid #BBB;
}
#search-by-category-results .r-tabs .r-tabs-nav .r-tabs-anchor,
#search-by-text-columns .r-tabs .r-tabs-nav .r-tabs-anchor {
  font-size: 12px;
  text-shadow: none;
  background: #DDD;
  color: #666;
}
#search-by-category-results .r-tabs .r-tabs-nav .r-tabs-tab,
#search-by-text-columns .r-tabs .r-tabs-nav .r-tabs-tab {
  margin-left: 0;
}
#search-by-category-results .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor,
#search-by-text-columns .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
  background-color: #0096d0;
  font-weight: normal;
  color: white;
}
@media screen and (max-width: 768px) {
  #search-by-category-results .r-tabs,
  #search-by-text-columns .r-tabs {
    position: relative;
    padding-top: 60px;
  }
  #search-by-category-results .r-tabs .r-tabs-accordion-title,
  #search-by-text-columns .r-tabs .r-tabs-accordion-title {
    position: absolute;
    width: 48.5%;
    top: 0;
    left: .5%;
    text-align: center;
  }
  #search-by-category-results .r-tabs .r-tabs-accordion-title ~ .r-tabs-accordion-title,
  #search-by-text-columns .r-tabs .r-tabs-accordion-title ~ .r-tabs-accordion-title {
    left: 50.5%;
  }
}
#search-by-category-results a > button#hierarchy_bot,
#search-by-text-columns a > button#hierarchy_bot {
  border: 0;
  box-shadow: none;
}

.seeSpareParts td:first-child {
  padding: 0 0 0 20px;
}
.seeSpareParts a {
  color: #0096d0;
  padding: 20px 0;
  display: block;
}

#accordion_seeProduct {
  font-size: 0.75em;
  clear: both !important;
  float: none !important;
  padding: 0 17px 17px 0;
}

.datasheet #accordion_seeProduct h4.ui-accordion-header, .datasheet #accordion_seeProduct h4.ui-accordion-header-active, .datasheet #accordion_seeProduct h4.ui-state-active, .datasheet #accordion_seeProduct h4.ui-state-focus {
  border-top: 1px solid #ddd;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  background-color: transparent;
  color: #000 !important;
}

#search-by-category-results .r-tabs .r-tabs-panel h3,
#search-by-text-columns .r-tabs .r-tabs-panel h3 {
  padding: 0 32px;
  background-color: white;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  font-size: 12px;
  font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
  border-top: 1px solid lightgray !important;
}
#search-by-category-results .r-tabs .r-tabs-panel h3 + div,
#search-by-text-columns .r-tabs .r-tabs-panel h3 + div {
  padding: 0 32px;
  background-color: white;
}
#search-by-category-results .r-tabs .r-tabs-panel h3 + div > div,
#search-by-text-columns .r-tabs .r-tabs-panel h3 + div > div {
  padding-left: 19px;
}
#search-by-category-results .r-tabs .r-tabs-panel h3 + div > div *,
#search-by-text-columns .r-tabs .r-tabs-panel h3 + div > div * {
  display: inline-block;
}
#search-by-category-results .r-tabs .r-tabs-panel h3:after,
#search-by-text-columns .r-tabs .r-tabs-panel h3:after {
  content: '';
  display: block;
  clear: both;
}
#search-by-category-results .r-tabs .r-tabs-panel h3 #imageShopSpareParts,
#search-by-text-columns .r-tabs .r-tabs-panel h3 #imageShopSpareParts {
  width: 108px;
}
#search-by-category-results .r-tabs .r-tabs-panel h3 .ui-icon,
#search-by-text-columns .r-tabs .r-tabs-panel h3 .ui-icon {
  top: 30px;
  right: 15px;
}
#search-by-category-results .r-tabs .r-tabs-panel h3 .titleShopSpareParts ~ div,
#search-by-text-columns .r-tabs .r-tabs-panel h3 .titleShopSpareParts ~ div {
  margin-left: 20px;
  margin-top: 10px;
}

.product-v-mosaic-box {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.product-v-mosaic-box li {
  display: table;
  width: 100%;
}

.product-v-mosaic {
  height: auto;
  margin-bottom: 12px;
  cursor: pointer;
}
.product-v-mosaic li {
  display: table;
  padding: 2px;
  background-color: #fff;
  border: 1px #eeeeee solid;
  position: relative;
  width: 100%;
}
.product-v-mosaic li .v-mosaic-list-img {
  height: 210px;
  min-height: 210px;
  width: 160px;
  min-width: 160px;
  display: table-cell;
  vertical-align: top;
}
.product-v-mosaic li .v-mosaic-list-data {
  text-align: left;
  margin: 20px auto;
  display: block;
}
.product-v-mosaic li .v-mosaic-list-data li {
  display: block;
}
.product-v-mosaic li .v-mosaic-list-data p {
  display: block;
}

.main-content.products .column2-data .included-accordion p {
  display: block;
}

.ui-accordion > div.included-accordion-header {
  margin: 20px 0;
}

.ui-accordion > div.included-accordion-content {
  margin: 0 0 20px;
}

.attribute-value {
  color: #000000 !important;
}

/* ==========================================================================
   V5 styles (Roca World Map)
   ========================================================================== */
.world-map-content {
  position: relative;
}

.world-map {
  width: 100%;
  height: 570px;
  overflow: hidden;
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.world-map #map_sidebar {
  width: 279px;
  height: 570px;
  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 {
  width: 26px;
  height: 26px;
  display: block;
  background: transparent url(../images/rocaUI/rwm/ico_inactive_check.png) no-repeat 0 0;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.world-map #map_sidebar ul li span.check.inactive {
  width: 26px;
  height: 26px;
  display: block;
  background: transparent url(../images/rocaUI/rwm/ico_inactive_check.png) 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.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li p {
  float: left;
  font-size: 1.2em;
  color: #000000;
}
.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.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.galleries span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_galleries.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.showrooms span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_showrooms.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.labs span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_labs.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.industries span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_industries.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.pointsofsale span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_pointsofsale.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.technicalservices span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_technicalservices.png) 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 {
  width: 100%;
}

.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 {
  width: 100% !important;
}

.world-map #map_sidebar .map_form_sidepos form.custom div.custom.dropdown ul {
  width: 100% !important;
}
.world-map #map_canvas {
  width: 100%;
  height: 567px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.world-map #map_sidebar #showRange label input {
  margin-right: 5px;
}

/* ==========================================================================
   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 {
  border-spacing: 0;
  padding: 0;
  border-collapse: collapse;
}
#horiz_container li {
  list-style: none;
  display: inline-table;
  margin: 0px;
}
#horiz_container li img {
  padding: 0px;
  margin: 0px;
}

#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;
  margin: 10px auto;
  display: block;
}
.compare-products-main td {
  padding: 0;
  vertical-align: top;
  padding: 0;
  vertical-align: top;
}

.compare-products-filter {
  margin: 0 0 4px 0;
  min-height: 31px;
  position: relative;
}

.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.png") 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: #eeeeee;
}

#header {
  position: absolute;
}
#header .sliderpos td {
  height: 12px;
  position: relative;
}

#table-compare-header.fixed, #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;
}

.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: #000000;
}
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: #eeeeee;
}

.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;
  -ms-border-radius: 15px;
  -o-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;
  -ms-border-radius: 10px;
  -o-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;
}

#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;
}

/*custom img alt hover style */
div.hover-title {
  position: absolute;
  color: #666666;
  background-color: #eeeeee;
  display: inline-block;
  padding: 5px;
  font-size: 12px !important;
}

/* 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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #d4d4d4;
  cursor: pointer;
  text-align: left;
  padding: 8px;
  font-weight: 400;
  color: #000000;
  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;
}

/* TECH SERVICE */
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 {
  width: 100% !important;
}

.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: #eeeeee;
}
.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: #000000;
  margin: 0 !important;
}
.st-bot h5 a {
  color: #666666 !important;
  padding: 2px;
  display: block;
  outline: none;
  font-weight: normal;
}
.st-bot h5 a:link {
  color: #666666 !important;
  padding: 2px;
  display: block;
  outline: none;
  font-weight: normal;
}
.st-bot h5 a:hover {
  color: #f5f5f5 !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;
  -ms-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: #f5f5f5;
  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;
  -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

/* 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: #666666;
  font-size: 17px;
}
.markets-white-popup .page-select-country .content .columns p {
  color: #666666 !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: #000000;
}

.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: #0096d0;
}
.page-select-country .extra .submenu {
  background-color: #eeeeee !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 .extra .submenu .country-list {
  background-color: transparent !important;
  padding: 0;
}
.page-select-country .content .submenu {
  display: none;
  margin-top: 20px;
}
.page-select-country p.choose-country {
  font-size: 14px;
}

/* points of sale */
#distributorDescription {
  padding: 10px !important;
}

#aditionalInfoMap {
  height: 350px !important;
  width: 33.33% !important;
}

#aditionalInfoData {
  width: 60% !important;
}

.infoPointOfSaleSearch {
  width: 90% !important;
  margin-right: 0 !important;
}
.infoPointOfSaleSearch p {
  margin: .5em 0;
}

.showRange .submit_address {
  margin-top: 20px;
}

.custom-search-drop-down-cursor {
  content: '\2304';
  font-size: 28px;
  color: #666666;
  top: 0;
  margin-top: -.3em;
}

#searchOtherPointsOfSale {
  /*    
    form.custom div.custom.dropdown:hover a.selector:after {
     			@extend .custom-search-drop-down-cursor;
    }
  */
}
#searchOtherPointsOfSale div p {
  color: #666666;
  float: left;
  width: 45%;
  margin-top: .6em;
  margin-bottom: 1.4em;
  font-size: 18px;
  font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
}
#searchOtherPointsOfSale form.custom .custom.dropdown {
  float: left;
  min-width: 20%;
  max-width: 20%;
  margin-right: 1em;
  margin-top: 0;
  /*
  	   	a.selector:after {
  			@extend .custom-search-drop-down-cursor;
  		}
  */
}
#searchOtherPointsOfSale form.custom .custom.dropdown a {
  height: 2.7em;
  padding-top: .28em;
  color: #666666;
}
#searchOtherPointsOfSale form.custom .custom.dropdown ul {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  position: relative;
  top: -1px;
}
#searchOtherPointsOfSale form.custom .custom.dropdown ul li {
  line-height: 2em;
}
#searchOtherPointsOfSale .custom-search-btn {
  float: left;
}

.points-sale .row.main-content.section.found-ie7 {
  margin-left: 0;
  margin-right: 0;
}

#searchOtherPointsOfSal div p {
  color: #666 !important;
}

.distributor-info {
  display: none;
}
.distributor-info ul.level-one li {
  border-top: 0;
}
.distributor-info div#products_box #accordion_menu .accordion {
  background-color: #efefef;
  padding: 2px 0;
  margin: 0;
}

.distributor-info.twelve > h3 {
  color: #666 !important;
  padding-bottom: 15px;
}

.distributor-info.twelve > h3.online-info {
  font-size: 18px !important;
  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;
}

.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;
}

/* poland special content */
.nine.columns.article-content.salon {
  margin-top: 10px;
}

.salon-box {
  background-color: #ffffff;
  display: block;
  clear: both;
  margin: 10px auto;
}
.salon-box #detailPointOfSale .six.columns img {
  float: none;
  padding: 5px;
  width: auto;
  max-width: 180px;
  margin-bottom: 2px;
}
.salon-box #detailPointOfSale .six.columns p {
  padding: 0 0 0 90px;
}
.salon-box .button {
  margin: 2px 0 5px 5px;
  clear: both;
  display: block;
}

#detailPointOfSale .six.columns {
  margin-bottom: 5px;
}

.twelve.columns.salon-box #detailPointOfSale p {
  padding: 5px 0 0 5px;
}

.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;
}

/* Overlays tooltips */
div.msg {
  position: absolute;
  bottom: 30px;
  left: -45px;
  z-index: 20;
  display: none;
  font-size: 11px;
  text-align: center;
  color: #fff;
  min-width: 100px;
  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;
  bottom: 34px;
  left: 50px;
  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;
}

/* usado para tooltip */
.tip, .references .tip {
  color: #666666;
  background: #eeeeee;
  display: none;
  /*--Hides by default--*/
  padding: 10px;
  position: absolute;
  z-index: 1000;
  top: 10px !important;
  left: 0 !important;
}

.tip h4, .tip p {
  font-size: 12px !important;
}

.references .tip p, .references .tip_trigger {
  font-size: 12px !important;
}

.tip_trigger {
  color: #666666 !important;
  display: block;
  position: relative;
}
.tip_trigger a {
  color: #666666 !important;
  position: relative;
}
.tip_trigger a:link {
  color: #666666 !important;
  position: relative;
}
.tip_trigger:hover, .tip_trigger a:hover {
  color: #000000 !important;
  cursor: help;
}

/* Products Section
---------------------------------------------------------------------------------*/
.formSparePart {
  margin: 0 0 0px !important;
}

.all-products h1 {
  margin: 0.5em 0 0.5em 16px;
  font-size: 1.25em;
}

.products-title-page {
  width: 100%;
  margin: 0 0 5px;
}

.products h1.entry-title {
  padding: 0;
  margin: 0;
}

#pageContentRightColumn h1.entry-title:hover {
  color: #000000 !important;
}

.controls {
  height: 130px;
}

.control-zoom {
  float: left;
  margin-left: 30px;
}

.control-direccion {
  float: right;
}

.zoom-in {
  position: relative;
  top: 0px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: transparent url(/roca-web-theme/images/rocaUI/add-searching.png) no-repeat;
}

.zoom-in:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/add-searching-hover.png) no-repeat;
}

.zoom-out {
  width: 30px;
  height: 30px;
  position: relative;
  top: 5px;
  margin-right: 10px;
  background: transparent url(/roca-web-theme/images/rocaUI/delete-searching.png) no-repeat;
}

.zoom-out:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/delete-searching-hover.png) no-repeat;
}

.reset {
  width: 30px;
  height: 30px;
  position: relative;
  top: 10px;
  background: transparent url(/roca-web-theme/images/rocaUI/magnifier-and-delete-mark.png) no-repeat;
}

.reset:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/magnifier-and-delete-mark-hover.png) no-repeat;
}

.control-arriba {
  width: 30px;
  height: 30px;
  position: relative;
  left: -70px;
  background: transparent url(/roca-web-theme/images/rocaUI/up-chevron.png) no-repeat;
}

.control-arriba:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/up-chevron-hover.png) no-repeat;
}

.control-abajo {
  width: 30px;
  height: 30px;
  position: relative;
  left: -70px;
  top: 35px;
  background: transparent url(/roca-web-theme/images/rocaUI/down-chevron.png) no-repeat;
}

.control-abajo:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/down-chevron-hover.png) no-repeat;
}

.control-izquierda {
  width: 30px;
  height: 30px;
  position: relative;
  top: -30px;
  left: -115px;
  background: transparent url(/roca-web-theme/images/rocaUI/left-chevron.png) no-repeat;
}

.control-izquierda:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/left-chevron-hover.png) no-repeat;
}

.control-derecha {
  width: 30px;
  height: 30px;
  position: relative;
  top: -60px;
  left: -25px;
  background: transparent url(/roca-web-theme/images/rocaUI/right-chevron.png) no-repeat;
}

.control-derecha:hover {
  cursor: pointer;
  background: transparent url(/roca-web-theme/images/rocaUI/right-chevron-hover.png) no-repeat;
}

.products .products-title-page h2 {
  margin: 0;
  font-size: 1.5em;
}
.products .products-title-page h5 {
  margin: 0;
  font-size: 1.5em;
}
.products .products-title-page h4 {
  margin: 0;
  font-size: 1.5em;
}
.products .products-title-page h3 {
  margin: 0;
  font-size: 1.5em !important;
}
.products .dimensions p {
  padding: 0;
}
.products .column2-data h1.entry-title,
.products .column2-data h2.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;
}

.column2-data > h6,
.widget-productos 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;
  border: none;
  margin: 0;
}

.products .column2-data h1.entry-title, .products .column2-data h2.entry-title {
  color: #000000;
  font-size: 24px;
}
.products .column2-data h2.entry-summary,
.products .column3-data h2.entry-summary,
.products .column2-data h1.entry-summary,
.products .column3-data h1.entry-summary {
  color: #000000;
  font-size: 18px;
  padding: 0;
}

#pageContentRightColumn .accordion.twelve.columns {
  display: block;
  float: none;
  margin: 0 auto 10px;
}

p.special-counry-select {
  width: 80%;
  margin: 0.5em auto;
}
p.special-counry-select a {
  padding: 0.5em 0.75em;
  color: #0096d0;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
}
p.special-counry-select a:hover {
  background-color: #eeeeee;
  border-bottom-color: #c4c4c4;
}

.collection .six img {
  width: 100%;
  height: auto;
}

/* !important notation to override accordion styles */
.product-detail-accordion h3.collection-title, .product-detail-accordion h4.collection-title {
  border-top: 1px solid #ddd !important;
}
.product-detail-accordion h3.collection-title a, .product-detail-accordion h4.collection-title a {
  color: #000000 !important;
}
.product-detail-accordion .collection-content .six.columns a {
  color: #0096d0;
}
.product-detail-accordion .ui-widget-content.collection-content {
  height: auto !important;
  background: transparent !important;
  padding-bottom: 15px;
}
.product-detail-accordion .ui-widget-content.collection-content .columns.left-five a {
  padding: 10px 0 0 0;
  display: block;
}
.product-detail-accordion .six .collection-img {
  width: 100%;
  height: auto;
}

.mobile .product-detail-accordion .collection-content h3 {
  padding: 1em 0 0 0 !important;
  color: black;
}
.mobile .product-detail-accordion .collection-content p {
  padding: 0;
  color: #000000;
}
.mobile .product-detail-accordion .collection-content a {
  color: #0096d0;
}

#accordion_collection {
  padding-bottom: 0;
}
#accordion_collection h3 a, #accordion_collection h4 a {
  line-height: 1;
}

#accordion_collection-mobile {
  margin: 0;
}
#accordion_collection-mobile h3 a {
  line-height: 1;
}

.all-products-box {
  width: 100%;
  clear: both;
  margin: 0 8px 10px;
}

.column-five {
  width: 176px;
  background: #eeeeee url("../img-static/all_products_bkg.gif") 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: #666666;
  border-bottom: 1px #666666 solid;
  margin-top: 4px;
}
.column-five ul li h2 a {
  font-size: inherit;
  font-weight: bold;
  line-height: 140%;
  color: #666666;
}
.column-five ul li h2 a:link {
  font-size: inherit;
  font-weight: bold;
  line-height: 140%;
  color: #666666;
}
.column-five ul li h2 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: #000000;
  text-indent: 1px;
}
.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 {
  font-size: inherit;
  font-weight: bold;
  color: #1E415F;
}
.column-five ul li ul li h3 a:link {
  font-size: inherit;
  font-weight: bold;
  color: #1E415F;
}
.column-five ul li ul li h3 a:hover {
  color: #222;
}

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, ul.colors h4 {
  margin: 0 0 0 4px;
  font-weight: normal;
  color: #666666;
  font-size: 14px;
}
ul.colors li {
  display: block;
  background-color: #fff;
  min-height: 33px;
  margin: 0 0 2px !important;
}
ul.colors li:first-child {
  background-color: transparent;
  margin: 0;
  min-height: 27px;
}
ul.colors li p {
  padding: 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 {
  color: #666666;
  font-weight: normal;
  text-decoration: underline;
}
.column-five ul li ul li a:link {
  color: #666666;
  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 {
  clear: both !important;
  float: none !important;
  padding: 0 17px 17px 0;
}

.collection.twelve.columns .column2-data {
  padding-bottom: 0;
}
.collection.twelve.columns .column2-data .nine.columns p {
  padding-bottom: 10px;
}

.openclose,
.opentext {
  display: inline-block;
  width: 20px;
  height: 16px;
  position: absolute;
  right: 0px;
  background: transparent url("../img-static/ui-icons_888888_256x240.png") no-repeat -15px -129px;
  text-indent: -3000px;
  overflow: hidden;
  cursor: pointer;
}

.openclose.opened-content,
.opentext.opened-content {
  background-position: -47px -130px;
  /*-15px -130px;*/
}

.openclose.closed-content,
.opentext.closed-content {
  background-position: -15px -130px;
}

/* PRICES */
.single-pricebox {
  position: relative;
  /*padding: 12px 0 0 0.25em;*/
  clear: both;
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
}
.single-pricebox h3 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  color: #666666 !important;
  font-weight: normal;
  margin: 0;
}
.single-pricebox span > span {
  color: #000000;
}
.single-pricebox.mobile {
  padding: 0;
  font-size: 14px;
  color: #666;
  margin: 0;
}

#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;
  border-right: none !important;
  border-left: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#pricebox h3.ui-accordion-header {
  background: #eeeeee !important;
  border-right: none !important;
  border-left: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-family: Helvetica, Arial, sans-serif;
}
#pricebox h3.ui-accordion-header a {
  padding-left: 0.25em !important;
  padding-bottom: 6px;
  padding-top: 8px !important;
  border-right: none !important;
  border-left: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  outline: none;
  text-decoration: none;
}

li.priceitem {
  font-size: 12px;
  color: #666666;
  padding: 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: #eeeeee;
}

#pricebox div li:last-child {
  border-bottom: none;
}

.column3-data {
  width: 98%;
}

.column2-data ul {
  font-size: 14px;
  width: 100%;
  clear: both;
  word-wrap: break-word;
  display: block;
}

.column3-data ul {
  font-size: 14px;
  clear: both;
}

.column2-data ul {
  font-size: 14px;
  clear: both;
}
.column2-data.first ul {
  border-top: none;
}
.column2-data.first h2.entry-summary {
  line-height: 120%;
}

.column3-data.features ul {
  padding: 5px 0;
}

.column2-data.features ul {
  padding: 5px 0;
}
.column2-data ul li h6 {
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  margin: 0;
}

.column3-data ul li {
  list-style-type: none;
  line-height: 140%;
  margin-top: 2px;
}
.column3-data ul li h6 {
  font-weight: bold;
  color: #333;
  border-bottom: 1px #ddd solid;
}

.column2-data ul li {
  list-style-type: none;
  line-height: 130%;
  clear: both;
}
.column2-data ul li.product-mosaic-list {
  clear: inherit;
  float: left;
}

.column2-data ul li:first-child,
.column3-data ul li:first-child {
  margin-top: 0;
}

.column2-data ul li p,
.column3-data ul li p {
  display: inline;
  font-size: 12px;
  color: #666666;
}

.column2-data ul li h5,
.column3-data ul li h5 {
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  display: inline;
}

.lt-ie9.lt-ie8 .column2-data ul li h5,
.lt-ie9.lt-ie8 .column2-data ul li p {
  display: inline;
}

.column2-data .product-mosaic li p {
  display: block;
  line-height: 110% !important;
}
.column2-data ul li p {
  display: inline-block;
  font-size: 13px;
  color: #666666 !important;
  line-height: 140% !important;
  padding: 0 3px 0 0 !important;
  margin: 0;
}
.column2-data ul li h5 {
  color: #000000;
  font-weight: normal;
  font-size: 13px;
  display: inline-block;
  line-height: 140%;
  margin: 0 !important;
}

.reference-product {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #666666 !important;
  font-family: Helvetica, Arial, sans-serif !important;
}

.price-text {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #666666 !important;
  font-family: Helvetica, Arial, sans-serif !important;
}

.column2-data.features ul li,
.column3-data.features ul li,
.column3-data.features ul li {
  display: inline-block;
  margin-right: 1px !important;
  margin-top: 1px !important;
}

.column2-data.features ul li {
  display: inline-block;
  margin-right: 1px !important;
  margin-top: 1px !important;
  height: 56px;
  width: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

.lt-ie9.lt-ie8 .column2-data.features ul li,
.lt-ie9.lt-ie8 .column3-data.features ul li {
  display: inline;
  margin-right: 1px !important;
  margin-top: 1px !important;
}

.column3-data.features ul li img {
  margin: 0 !important;
  padding: 0;
  max-width: 56px;
}

.column2-data.features ul li img {
  margin: 0 !important;
  padding: 0;
  max-width: 56px;
}
.column2-data.features ul li div,
.column2-data ul li div {
  clear: both;
}

/* .column2-data ul li img  {margin:2px 5px 3px 0; vertical-align:middle; float: left;} */
/* fix for chrome list */
.row .datasheet .row {
  margin: 0 0 10px !important;
  width: 100%;
  padding-bottom: 0;
  float: left;
  clear: both;
}

.datasheet .row hr {
  margin: 0;
  clear: both;
}

.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 h5 {
  margin-left: 1px;
  color: #666666;
  font-weight: normal;
}
.three.datasheet.end {
  margin-top: 54px;
}
.three.datasheet.end .eleven {
  margin-left: 6px;
}

.datasheet form {
  margin: 0;
}

.three.datasheet .eleven h6,
.three.datasheet .eleven p {
  margin: 0;
}
.three.datasheet .eleven p {
  color: #666666;
}
.three.datasheet h4.eleven {
  color: #666666;
}
.three.datasheet .eleven.related li p a {
  padding: 2px 0;
}
.three.datasheet .eleven.related li p a:link {
  padding: 2px 0;
}
.three.datasheet .eleven.related li p a:hover {
  color: #0096d0;
}

.column2-data.datasheet p a {
  color: #0096d0;
}

.call-actions {
  margin: 0;
}
.call-actions label {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  margin-bottom: 0;
}
.call-actions .shop label {
  color: #ffffff;
  text-align: center;
}
.call-actions .shop:hover {
  opacity: 0.8;
}
.call-actions label:hover {
  color: #0096d0;
}
.call-actions .shop label:hover {
  color: #ffffff;
}
.call-actions.mobile ul {
  margin-top: 0;
}
.call-actions ul {
  margin-top: 25px;
}
.call-actions ul li {
  padding: 8px 5px;
  margin: 10px 0;
  display: block;
  font-weight: normal;
  color: #666666;
  font-size: 14px;
  line-height: 150%;
  background-color: #ffffff;
  height: 43px;
}
.call-actions ul li.shop {
  background-color: #0096d0;
  text-align: center;
  padding: 10px 4px;
}
.call-actions ul li.shop a {
  color: #ffffff;
}

form.custom .shop span.custom {
  display: none;
}

#demoDefaultSelection {
  background: white;
  border: none;
  padding: 11px 54px 12px;
  font-family: Helvetica;
  font-weight: 500;
  font-size: 12px;
  color: #4d4d4d;
  appearance: none;
  -webkit-appearance: none;
}

.product-finish-image, .dd-selected .dd-selected-image, .dd-option .dd-option-image {
  width: 48px !important;
  min-width: 48px;
  max-width: 48px !important;
  min-height: 20px;
}

div#colourshtmlselect-dd-placeholder {
  width: 100% !important;
}

.dd-select {
  width: 100% !important;
  padding: 1px 0;
  background-color: #fff !important;
}

.dd-options {
  width: 100% !important;
}

.dd-select:hover {
  cursor: pointer;
}

.dd-selected label {
  font-size: 12px;
}
.dd-selected .dd-selected-text {
  line-height: inherit;
  line-height: 35px !important;
}

span.cipher {
  display: none;
}
span.cipher.active {
  display: inherit;
  color: #000000;
}

.product-color {
  background-color: white;
  display: table;
  padding: 2px;
}
.product-color span {
  font-size: 12px;
  line-height: 16px !important;
  color: #4d4d4d;
  width: 208px;
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.product-color img {
  width: 48px;
  max-width: 48px;
  min-width: 48px;
  display: table-cell;
}

.mobile .product-color {
  width: 100%;
}
.mobile .product-color img {
  /* override mediaquery styles */
  max-width: 48px !important;
  min-width: 48px !important;
  width: 48px !important;
  display: inline;
}
.mobile .product-color span {
  display: inline-block;
}

.mobile .call-actions .popup-measures a {
  background: transparent url(../images/rocaUI/dimension-bkg.png) no-repeat -4px 2px !important;
}
.mobile .call-actions li a {
  text-align: center;
}
.mobile .call-actions ul li {
  height: auto;
}
.mobile .call-actions li.questions {
  background: #fff url(../images/rocaUI/icons-my-roca.png) no-repeat 5px -321px !important;
  height: 34px;
  padding: 5px;
  text-indent: 0;
}
.mobile .call-actions li.questions span {
  display: initial;
}
.mobile .call-actions li.questions a {
  padding: 3px 0;
}
.mobile .call-actions li.questions a label {
  text-align: center;
  position: relative;
}
.mobile .call-actions li.add.wish {
  height: 34px;
  padding-top: 4px;
}
.mobile .call-actions li.add.wish .wish-label {
  position: relative;
  text-align: center;
  top: -20px;
}

li.download-pdf a {
  background: transparent url("../images/rocaUI/pdf-icon.png") no-repeat 0 0 !important;
  display: block;
}

label.dd-option-text {
  line-height: 35px;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.call-actions ul li.questions {
  background: #fff url("../images/rocaUI/icons-my-roca.png") no-repeat 5px -318px !important;
}
.call-actions ul li.questions a {
  display: block;
}
.call-actions ul li.questions span {
  width: 25px;
  height: 18px;
  display: inline-block;
}

a.dd-option:hover {
  background-color: #fff;
  color: #0096d0;
}

.swiper-container.gal-collection {
  max-height: 300px;
}

.solution-detail-box.collections-page .swiper-container {
  max-height: 560px;
  min-height: 560px;
}

.solution-detail-box.collections-page .swiper-container .swiper-wrapper .swiper-slide img {
  height: 100%;
  max-height: 540px;
  width: auto;
}

.swiper-container.gal-collection .swiper-wrapper .swiper-slide img {
  max-height: 270px;
  width: auto;
}

.swiper-container .product-swiper-slide img {
  vertical-align: middle;
  width: auto;
  max-height: 380px;
  margin: auto;
}

#accordion_collection-mobile .swiper-slide {
  text-align: center;
}

.gallery-thumbs {
  height: 60px;
  box-sizing: border-box;
  padding: 5px 0;
}
.gallery-thumbs .swiper-wrapper {
  height: 100%;
}
.gallery-thumbs .swiper-slide {
  width: auto;
  height: 100%;
  opacity: 0.4;
  border: 1px solid #999;
}
.gallery-thumbs .swiper-slide:hover {
  cursor: pointer;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.gallery-top {
  height: 80%;
}

.swiper-slide {
  background-position: center center;
  background-size: cover;
}

.morephotos .swiper-wrapper {
  padding-bottom: 1px;
  align-items: center;
}

.main-content.products .nine.columns .morephotos .swiper-wrapper img {
  margin-bottom: 0;
}

/*.morephotos .swiper-wrapper {max-height:340px;}*/
.dd-container .dd-option-selected {
  display: none;
}

.btn-product-datasheet {
  background-color: #eeeeee;
  padding: 8px 8px 6px;
  font-size: 12px;
  float: left;
  margin: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.column2-data li.download-pdf a, .column2-data li.popup-measures a {
  padding: 5px 0 5px 30px;
  color: #0096d0;
}

.popup-measures a {
  background: transparent url("../images/rocaUI/dimension-bkg.png") no-repeat -4px 4px !important;
  display: block;
}

.lt-ie9 .popup-measures a {
  padding-top: 0;
}

.datasheet h3,
.datasheet h5 {
  font-size: 14px;
  margin: 0.5em 0 0;
  padding: 0;
}
.datasheet h6 {
  margin: 0 !important;
  font-size: 18px;
}
.datasheet h6.reference-code {
  font-size: 14px;
  font-weight: normal;
  color: #666666;
}

.widget-productos h6 {
  margin: 0 !important;
  font-size: 18px;
}

.datasheet hr {
  padding: 0 0 17px;
}

.activeme {
  background-color: #dadada;
}
.activeme label {
  color: #0096d0;
}

.product-designer.hide-mobile {
  padding: 3px;
  text-align: left;
  float: none !important;
  clear: both;
  display: block;
  background-color: #fff;
  line-height: 130%;
  margin: 0 auto 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.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;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.product-collection p {
  background-color: #fff;
}

.mobile .product-collection.hide-desktop {
  padding: 6px 4px 1em 4px;
}
.mobile .product-collection.hide-desktop h3 {
  color: #000000;
  font-size: 18px;
  padding: .75em 1px .75em 5px !important;
}
.mobile .product-collection.hide-desktop .openclose {
  top: 22px;
}
.mobile .product-collection.hide-desktop p span[itemprop="name"] {
  display: block;
  color: #000000;
  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: 1.2em;
  font-weight: normal;
  margin-bottom: 2px;
}

.mobile .solution-designer.hide-desktop {
  background: none;
  padding: .6em 0;
}
.mobile .solution-designer.hide-desktop img {
  width: 100% !important;
}

.product-designer h6 {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  color: #000000;
  font-weight: normal;
  font-size: 13px;
}

.product-collection h4 {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  color: #000000;
  font-weight: normal;
  font-size: 13px;
}
.product-collection img {
  width: 50%;
}

.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: #0096d0;
}
.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 !important;
  line-height: 141%;
  width: 98%;
}

.product-list-tit {
  margin: 0;
  width: 100%;
  min-height: 1px;
}
.product-list-tit h1 {
  padding: 0;
}
.product-list-tit h2 {
  vertical-align: middle;
  padding-top: 18px;
}

.featured-product {
  display: none;
  height: 0;
}

.morephotos {
  text-align: left;
  position: relative;
  border: 0;
  display: block;
  height: auto;
  padding: 0;
  margin: 0 0 10px;
  background-color: transparent;
  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: 0;
}
.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: 4 !important;
  position: absolute;
  top: 0;
  left: 0;
  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: #666666 !important;
}

ul.gallerythumb {
  position: relative;
  display: block;
  margin: 10px 0 4px;
  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)";
}

/* 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;
}

.mobile .dimensions ul {
  margin-bottom: 0;
}

#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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  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.gif") no-repeat 20px 12px !important;
  border: 1px solid #eeeeee !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 */
#nextBtn,
#prevBtn,
#slider1next,
#slider1prev {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 161px;
  z-index: 1000;
}

#nextBtn,
#slider1next {
  left: 196px;
}

#nextBtn a,
#prevBtn a,
#slider1next a,
#slider1prev a {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff url("img-static/bot-playstop-bkg.gif") no-repeat 0 -305px;
}

#nextBtn a,
#slider1next a {
  background: #fff url("img-static/bot-playstop-bkg.gif") no-repeat 0 -268px;
}

#nextBtn,
#prevBtn,
#slider1next,
#slider1prev {
  text-indent: -8000px;
}

#sliderproducts {
  width: 209px !important;
  min-height: 209px;
  margin: 0 auto;
  display: block;
  border: 0 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;
  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;
}

/*ficha de producto: navegacion horizontal*/
.product-navigation.mobile {
  padding-top: 1em !important;
}

.i3r-detail img + div {
  background: #fff url("../images/rocaUI/roca-3r-large.png") no-repeat 5px scroll;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 43px;
  padding: 14px 38px;
}

.i3r-dl img {
  display: none;
}
.i3r-dl img + div {
  padding: 10px 10px 10px 55px;
  background: url("../images/rocaUI/roca-3r-large.png") no-repeat 250px 50% scroll #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 5px;
}
@media (max-width: 992px) {
  .i3r-dl img + div {
    background: url("../images/rocaUI/roca-3r-large.png") no-repeat 15px 50% scroll #fff;
  }
}
.i3r-dl img + div label {
  font-size: 16px;
  text-align: center;
  margin: 0;
  color: #666666;
}
@media (max-width: 992px) {
  .i3r-dl img + div label {
    text-align: left;
  }
}

.product-navigation p {
  display: inline;
}
.product-navigation .three.columns.offset-by-nine {
  background-color: #f5f5f5;
  margin-top: -26px;
  margin-bottom: 10px;
}
.product-navigation .three.columns.offset-by-nine a {
  margin: 0;
  text-align: center;
  color: #666666;
  font-size: 12px;
}
.product-navigation .three.columns.offset-by-nine p {
  margin: 0;
  text-align: center;
  color: #666666;
  font-size: 12px;
  padding-top: 5px;
}
.product-navigation .three.columns.offset-by-nine a p {
  text-indent: -3333px;
  padding: 2px 0;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-right {
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNpi/P//PwM1ARMDlQELLglGRsbpQOojEFfgUoPNd/hcCDKsHIg7SHIiyBZsGApAhv3HZShWfQQMxGsouQbiNJQSA7EaSqmBGIZSw0AUQ7Hpo3rCHlAvUzVSqJpsqJqwqZr18BqGy0BGXDFKbvHFOOhLbIAAAwB5RrgueOec4gAAAABJRU5ErkJggg==") no-repeat center right;
  opacity: 0.36;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-right:hover {
  cursor: pointer;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIRJREFUeNpi/P//PwM1ARMDlQELLgmJ7nPTgdTHl2XGFbjUYPMdPhd+BOJy8a6zHSQ5EWQLNgwCIMOA+D8uQ7Hqw2cgIUPJMhCfoWQbiMtQigzEZijFBqIbik0f1RP2wHmZqpFC1WRD1YRN1axHyDBcBuJLNvxA3Imv+MIGGAd9iQ0QYACe/uq6A8pyCAAAAABJRU5ErkJggg==") no-repeat center right;
  opacity: 1;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-right-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNpi/P//PwM1ARMDlQELLglGRsbpQOojEFfgUoPNd/hcCDKsHIg7SHIiyBZsGApAhv3HZShWfQQMxGsouQbiNJQSA7EaSqmBGIZSw0AUQ7Hpo3rCHlAvUzVSqJpsqJqwqZr18BqGy0BGXDFKbvHFOOhLbIAAAwB5RrgueOec4gAAAABJRU5ErkJggg==") no-repeat center right;
  opacity: 0.10;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-left {
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/P//PwM1ARMDlQELNkFGRkZ8ejqAmB/os0xquBBkWDkQf8SpAhSG6BiPYf+hNFZ9YL1EGohiGKUGYhhGiYFYDSPXQJyGkWMgXsPwGUj1hE03L9MkUmiSbGiSsGmS9TAMxWUgC4mJogJK8+NSwDjoS2yAAAMA20Cvu/b5HZEAAAAASUVORK5CYII=") no-repeat center left;
  opacity: 0.36;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-left:hover {
  cursor: pointer;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIRJREFUeNpi/P//PwM1ARMDlQELNkFGRkacGsS7znYAKf4XpUaZFLsQalg5EH/EqQgUhugYl2FA/B9qKFZ9YL3EGIhuGEUGYjOMbANxGUaWgfgMI9lAQobhM5DqCZs+XqZJpNAk2dAkYdMk62EzlCrJ5mWZcQWQ6gQVX7jUMA76EhsgwAAVOOa63PAK/QAAAABJRU5ErkJggg==") no-repeat center left;
  opacity: 1;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-left-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/P//PwM1ARMDlQELNkFGRkZ8ejqAmB/os0xquBBkWDkQf8SpAhSG6BiPYf+hNFZ9YL1EGohiGKUGYhhGiYFYDSPXQJyGkWMgXsPwGUj1hE03L9MkUmiSbGiSsGmS9TAMxWUgC4mJogJK8+NSwDjoS2yAAAMA20Cvu/b5HZEAAAAASUVORK5CYII=") no-repeat center left;
  opacity: 0.10;
}

/* texto en ficha de producto cuando es coleccion */
p.ver {
  margin: 0 !important;
  padding: 0 !important;
  float: none;
  clear: both;
}

/* related products datasheet */
.related.column2-data .related-product {
  display: table-cell;
  height: 55px;
  width: 78px;
  vertical-align: middle;
  text-align: center;
  background: white;
  clear: inherit;
}
.related.column2-data .related-product img {
  max-width: 100%;
  max-height: 55px;
  width: auto;
}
.related.column2-data .related-product-content {
  float: left;
  clear: inherit;
  padding: 0 0 0 5px;
  min-height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mobile .product-mosaic-box.related-products-mosaic {
  padding: 0 20px;
}

.main-content.products .column2-data p {
  color: #000000;
}
.main-content.products .column2-data p span {
  color: #666666;
}

/* BIM accordion */
.main-content.products .nine.columns .bim-resources > img {
  margin-bottom: 0;
}

.bim-resources > img {
  width: 100px;
  height: auto;
  padding: 6px;
}
.bim-resources img {
  max-width: 35% !important;
}

.datasheet .ui-accordion-content.bim-resources > ul {
  margin-top: 3px !important;
}

.ui-accordion-content.bim-resources li {
  float: left;
  clear: none;
  width: 25%;
}

.datasheet #accordion_menu h3.ui-state-default a.bim-header, .datasheet #accordion_menu h4.ui-state-default a.bim-header {
  color: #0096d0 !important;
  background: transparent url("../images/rocaUI/cloud.png") no-repeat 35px 14px;
  background-size: 23px 18px;
}
.datasheet #accordion_menu h3.ui-state-default a.bim-header:link, .datasheet #accordion_menu h3.ui-state-default a.bim-header:visited, .datasheet #accordion_menu h4.ui-state-default a.bim-header:link, .datasheet #accordion_menu h4.ui-state-default a.bim-header:visited {
  color: #0096d0 !important;
  background: transparent url("../images/rocaUI/cloud.png") no-repeat 35px 14px;
  background-size: 23px 18px;
}
.datasheet #accordion_menu h3.ui-accordion-header a.bim-header:hover, .datasheet #accordion_menu h3.ui-state-active a.bim-header:link, .datasheet #accordion_menu h3.ui-state-focus a.bim-header, .datasheet #accordion_menu h4.ui-accordion-header a.bim-header:hover, .datasheet #accordion_menu h4.ui-state-active a.bim-header:link, .datasheet #accordion_menu h4.ui-state-focus a.bim-header {
  color: #0096d0 !important;
}
.datasheet h3.ui-state-default a.bim-header:visited, .datasheet h4.ui-state-default a.bim-header:visited {
  color: #0096d0 !important;
}
.datasheet #accordion_menu .videoWrapper {
  background-color: #f5f5f5;
}
.datasheet #accordion_menu h3.ui-state-active.ui-state-hover a.bim-header:link,
.datasheet #accordion_menu h3.ui-state-active a.bim-header {
  color: #0096d0 !important;
}
.datasheet #accordion_menu .ui-accordion-header-active .datasheet #accordion_menu h3.ui-state-default a.bim-header {
  color: #0096d0 !important;
}
.datasheet #accordion_menu h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-state-focus a.bim-header {
  color: #0096d0 !important;
}

#not-available-layer {
  display: none;
}

.not-available-mask {
  z-index: 4;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.7;
}

.not-available-text {
  z-index: 5;
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: x-large;
  width: 100%;
  height: 100%;
}

/* end BIM */
/* new position for plus icon in bundle included products acordion*/
.ui-accordion.included-products-mod .ui-accordion-header .ui-icon {
  top: 0;
  margin-top: 0;
}

/* SpareParts 
--------------------------------------------------------------------------------*/
#imageShopSpareParts {
  float: right;
  position: relative;
  left: 0px;
  top: 0px;
}
#imageShopSpareParts #imageSpareParts img {
  margin-right: 40px;
}

#descriptionSpareParts {
  margin-bottom: 25px;
}
#descriptionSpareParts:after {
  content: '';
  display: block;
  clear: both;
}
#descriptionSpareParts > span {
  letter-spacing: -.2px;
  display: block;
  border-bottom: 1px solid lightgray;
  padding-bottom: 2px;
}

#iconsShopSpareParts {
  background-color: #0096d0;
  text-align: center;
}
#iconsShopSpareParts:after {
  content: '\e905';
  display: inline-block;
  color: white;
  font-weight: 100;
  margin-top: 2px;
  font-size: 1.25em;
  line-height: 2rem;
  font-family: 'icomoon-roca', Helvetica, Arial;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#iconsShopSparePartsTabla {
  text-align: center;
}
#iconsShopSparePartsTabla:after {
  color: black;
  content: '\e905';
  display: inline-block;
  font-weight: 100;
  margin-top: 1px;
  font-size: 1.6em;
  line-height: 2rem;
  font-family: 'icomoon-roca', Helvetica, Arial;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#descriptionSpareParts h3.ui-accordion-header {
  font-size: 16px;
  padding-top: 35px !important;
}
#descriptionSpareParts h3.ui-accordion-header:after {
  content: '';
  display: block;
  clear: both;
}
#descriptionSpareParts h3.ui-accordion-header * {
  font-family: Helvetica, Arial, sans-serif !important;
}
#descriptionSpareParts h3.ui-accordion-header span.ui-accordion-header-icon.ui-icon {
  top: 40px;
}
#descriptionSpareParts h3.ui-accordion-header > span + span {
  color: gray;
  float: left;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div {
  color: gray;
  padding-left: 19px;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div > b:first-child {
  color: black;
  font-weight: bold;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div > b:first-child + div {
  display: inline-block;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div {
  margin-top: 10px;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label {
  display: inline-block;
  margin-right: 5px;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label + b {
  font-weight: normal;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label + span {
  color: black;
  font-weight: bold;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label + span.cipher, #descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label + span.cipher.active {
  display: inline-block;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label,
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label + span,
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div label + b {
  font-size: 14px;
}
#descriptionSpareParts h3.ui-accordion-header > span + span + div div ~ div:last-child {
  margin-top: 15px;
}
#descriptionSpareParts h3.ui-accordion-header + div {
  padding-left: 19px;
}
#descriptionSpareParts h3.ui-accordion-header + div * {
  display: inline-block;
  font-size: 14px;
}
#descriptionSpareParts h3.ui-accordion-header + div div {
  display: block;
}

#descriptionSpareParts div + h3.ui-accordion-header {
  border-top: 1px solid lightgray !important;
  margin-top: 35px !important;
}

/*#divComboVersion{
 width: 50%;
 margin-top: 10px;
 margin-bottom: 10px;
}*/
#divComboVersion {
  width: auto;
  /*width: 50%;*/
  border: 1px solid #ccc;
  /*width: 120px;*/
  border-radius: 3px;
  overflow: hidden;
  background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
  position: absolute;
  left: 70px;
}

#divComboVersion select {
  padding: 5px 8px;
  width: auto;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
}

#divComboVersion select:focus {
  outline: none;
}

#comboVersion {
  width: 10%;
}

#idColectionH {
  font-weight: normal;
  margin: 0;
  font-size: 1.5em;
  font-family: "HelveticaNeueW02-47LtCn_694048", "Helvetica Neue LT W06_47 Lt Cn", "HelveticaNeueW15-47LtCn_777348", "HelveticaNeueW10-47LtCn_777246", "Swiss721BT-LightCondensed", Arial, Helvetica, sans-serif;
}

.tablaSparePart {
  width: 100%;
  text-align: left;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

.tablaEncabezadoSparePart {
  color: #666666 !important;
  border-bottom: 1px solid lightgray;
  height: 40px;
}

.filaSparePart {
  border-bottom: 1px solid lightgray;
  height: 40px;
}

.filaBlanca {
  background-color: white;
}

.columnaCodeSparePart {
  padding-left: 5px;
}

.columnaDescripcionSparePart {
  padding-left: 5px;
}

.columnaQuantitySparePart {
  padding-left: 5px;
  text-align: center;
}

.columnaPrecioSparePart {
  padding-left: 5px;
}

.columnaCarritoSparePart {
  margin-right: 20px;
}

.columnaOrderSparePart {
  padding-left: 5px;
  text-align: center;
}

.tablaCodeSparePart {
  padding-left: 5px;
}

.tablaDescripcionSparePart {
  padding-left: 5px;
  width: 65%;
}

.tablaQuantitySparePart {
  padding-left: 5px;
  text-align: center;
}

.tablaPrecioSparePart {
  padding-left: 5px;
  width: 15%;
}

.tablaCarritoSparePart {
  padding-left: 5px;
}

.tablaOrderSparePart {
  text-align: center;
}

.labelVersion {
  position: absolute;
  padding-top: 5px;
  padding-right: 10px;
}

.labelTableSparepart {
  font-size: 14px;
  color: #666666;
}

.valueTableSparepart {
  font-size: 12px;
  color: #000000;
}

/* -- 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.group:hover {
  background-color: #fff;
}
.sellingtop h3 {
  margin: 0 0 0 5px;
  padding: 2px !important;
  font-size: 17px !important;
  color: #666666;
}
.sellingtop.menu-solutions.group h3 {
  color: #666666;
}
.sellingtop.menu-solutions h3 {
  margin: 0 0 0 5px;
  padding: 4px 0 2px 0 !important;
  font-size: 15px !important;
  color: #666666;
}
.sellingtop .sellingtop.menu-solutions h3 {
  margin: 0 0 0 5px;
  padding: 4px 0 2px 0 !important;
  font-size: 15px !important;
  color: #666666;
}
.sellingtop.active {
  background-color: #eeeeee;
}
.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 {
  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-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: 1.30em;
  line-height: 140%;
  outline: 0;
}
.main-content.products .three #accordion_menu h3.ui-state-active {
  font-weight: normal;
}
.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;
}
.product-mosaic ul.level-one li ul > ul {
  padding: 4px 0;
  display: table;
}

.lt-ie9 .product-mosaic ul.level-one li ul {
  min-height: 280px !important;
}

.product-mosaic ul.level-one li ul li {
  font-size: 12px;
  line-height: 11px;
  color: #666666;
  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;
}
.product-mosaic ul.level-one li ul li h3 {
  color: #000000;
  line-height: 100%;
  margin-top: 8px;
  padding: 3px 0 2px 0;
  font-size: 16px !important;
}
.product-mosaic ul.level-one li ul li h3:hover {
  color: #1d1d1d;
}

ul.level-one li ul li a {
  color: #666666;
  display: block;
  padding: 1px 0;
}
ul.level-one li ul li a:hover {
  color: #0096d0;
}
ul.level-one li ul li h3 a {
  color: #000000;
}
ul.level-one .mosaic-list-img img {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  margin-top: 0;
}

/* 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.gif) repeat-x;
  min-height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.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 #eeeeee solid;
}
li.list_body a:hover, li.list_body:hover {
  background: #eeeeee;
  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: #666666;
}

.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: #666666;
}

.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: #666666;
}

.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: #666666;
}

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.png) no-repeat center center;
}

.list_body div.col01 a, .list_body div.col02 a, .list_body div.col03 a, .list_body div.col04 a {
  color: #666666;
}

/* 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;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  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: #666666;
  text-align: center;
  padding: 5px 11px;
  display: block;
}
.home-selling-bot #hierarchy_bot a:hover {
  color: #f5f5f5;
}
.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: #000000;
  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;
}

.lead-selling {
  font-weight: initial;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-size: 14px;
  line-height: 130% !important;
  color: #666666 !important;
}

/* download PDF box */
.download-box {
  border: 1px solid #eeeeee;
  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.gif) repeat-x;
}

.download-icon {
  float: left;
  width: 23px;
  height: 31px;
  vertical-align: middle;
  margin: 0 0 0 10%;
}

.download-bot {
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  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;
}

/*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;
  -ms-border-radius: 3px;
  -o-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, .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 {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
  display: block;
  padding: 3px;
  border: 0;
  outline: 0;
}
.new-download-box-outer2 a:link {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
  display: block;
  padding: 3px;
  border: 0;
  outline: 0;
}
.new-download-box-outer2 a:hover {
  color: #0096d0;
}

.new-download-box-inner2 a {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
}
.new-download-box-inner2 a:link {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
}

/* SAFARI Chrome HACK */
/* 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;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a {
    text-decoration: underline;
  }
  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 {
    content: "";
  }

  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 {
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
.featured-catalogues .columns .container, .list-catalogues .columns .container {
  padding: .5em 0 .5em 0 !important;
  border-top: 2px solid #dedede;
  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 {
  color: #666666;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: left;
  white-space: normal !important;
  width: auto;
}

.list-catalogues .columns .container p {
  color: #666666;
  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: #000000;
  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: #000000;
  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: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #ddd;
  outline: 0;
}
.list-catalogues .columns .container a.toggle span {
  width: 10px;
  height: 6px;
  position: absolute;
  right: 1px;
  top: 9px;
}
.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: #666666;
  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;
}

	/* Sales point Section and widget for products shops
---------------------------------------------------------------------------------*/
/* wcm static page styles */
.row.sales-point-tabs {
  margin: 0 15px;
  padding: 0 17px 27px 10px;
}
.row.sales-point-tabs a.tab-title:link {
  color: #000000;
  background: #f5f5f5;
  margin-bottom: 2px;
  padding: .75em 1px .75em 5px;
  border-top: 1px solid #ddd;
  font-size: 18px;
}
.row.sales-point-tabs img.demo-content {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
}

.salon-box #detailPointOfSale {
  min-width: 350px;
  float: left;
}
.salon-box #detailPointOfSale .attribute-name {
  color: #666666;
}
.salon-box #detailPointOfSale p {
  padding: 5px 0 0 5px;
  margin: .5em 0;
}
.salon-box #detailPointOfSale .distributorName {
  margin: 1em 0;
}
.salon-box #detailPointOfSale #contactButon {
  margin-top: 1em;
}

/* specific products widget styles */
.distributor-info h3 {
  font-size: 18px;
  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;
}
.distributor-info #accordion_distributor_detail h3.ui-accordion-header {
  border-top: 1px solid #ddd;
}
.distributor-info #accordion_distributor_detail #accordion_distributor_detail h3.ui-accordion-header a {
  padding-left: .15em;
}

div#products_box {
  margin: 0;
}
div#products_box div#main-content {
  margin: 0;
}
div#products_box #accordion_menu .accordion {
  background-color: #eeeeee !important;
}
div#products_box #accordion_menu .accordion div {
  background-color: #eeeeee !important;
}
div#products_box #accordion_menu h3 {
  border: solid 1px #e9e9e9 !important;
}
div#products_box .product-list-tit h1 {
  line-height: 130%;
  margin-top: 0;
  padding-top: 0;
}
div#products_box li.thirteen.all-results {
  padding: 0;
}
div#products_box li.product-mosaic-list {
  width: 20%;
}
div#products_box .mosaic-list-in p {
  display: block;
  list-style-type: none;
  text-align: center;
}

#accordion_distributor_detail {
  margin: 0 40px;
  width: 93%;
}
#accordion_distributor_detail h3 a {
  font-size: 18px;
}
#accordion_distributor_detail > h3 a {
  color: #000000;
  padding-left: .15em;
}
#accordion_distributor_detail h3.menu-products a {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
#accordion_distributor_detail #accordion_menu h3 a {
  color: #636363 !important;
}
#accordion_distributor_detail #accordion_menu > h3 a {
  padding: .35em;
  font-size: 17px;
}
#accordion_distributor_detail #sales_conditions {
  font-size: 14px;
}

/*  USER RATINGS */
.user-rate-column, .user-rate-spaced-column, .user-rating .review, .user-rating .criterias, .user-rating .comment {
  display: inline-block;
  vertical-align: top;
}

.user-rate-spaced-column, .user-rating .review, .user-rating .criterias {
  padding-right: 50px;
}

#user_ratings {
  font-size: 14px;
}
#user_ratings .head {
  padding-left: 50.5%;
  padding-bottom: 5px;
  color: #666666;
}

.user-rating {
  border-top: solid 1px #ddd;
  margin-bottom: 1em;
  padding: 5px 0;
  line-height: 1.5;
}
.user-rating .title {
  color: #666666;
}
.user-rating .review {
  width: 20%;
}
.user-rating .review span {
  display: block;
}
.user-rating .criterias {
  width: 30%;
}
.user-rating .comment {
  width: 48%;
}

.single-criteria .name {
  color: #666666;
}

/* RATING ICONS */
.review .stars span.star {
  font-size: x-large;
  display: inline;
  color: #a9a9a9;
  font-size: 16px;
}
.review .stars .star:last-child {
  margin-right: 0;
}
.review .stars .star:before {
  content: '\2605';
}
.review .stars .star.on {
  color: #ee0;
}
.review .stars .star.half:after {
  content: '\2605';
  color: #ee0;
  position: absolute;
  margin-left: -1.2em;
  width: .45em;
  overflow: hidden;
}
.review .stars .star.off:before {
  color: transparent;
}

/* SALES CONDITIONS TABLES */
#sales_conditions h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-top: 20px !important;
}
#sales_conditions p {
  color: #000000;
  line-height: 130%;
  padding: 5px 0;
}
#sales_conditions table {
  font-size: 14px;
  margin: 1em 0;
  width: 100%;
  text-align: left;
}
#sales_conditions table th {
  font-weight: normal;
}
#sales_conditions thead th {
  color: #666;
  padding: .7em .3em 1em .5em;
}
#sales_conditions th[colspan="2"], #sales_conditions th[colspan="1"], #sales_conditions tbody tr:nth-child(odd) {
  background: #ebebeb;
}
#sales_conditions tbody td {
  padding: .5em;
}
#sales_conditions tbody th {
  padding: .8em;
}
#sales_conditions .table-scroll {
  width: 100%;
  overflow: scroll;
}

/* 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;
}

/*# sourceMappingURL=main_roca.css.map */