/* ---------- Overall Specifications ---------- */

body {
  line-height: 1.5;
  font-size: 87.5%;
  word-wrap: break-word;
  margin: 0;
  padding: 0 !important;
  border: 0;
  outline: 0; font-family:'Saira', sans-serif; font-style:italic;
  height:auto !important;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
}
h1 {
  font-size: 1.357em;
  color: #000;
}
h2 {
  font-size: 1.143em;
}
p {
  margin: 0 0 1.2em;
}
del {
  text-decoration: line-through;
}
tr.odd {
  background-color: #dddddd;
}
img {
  outline: 0;
}
code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  font-size: 0.857em;
}
code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
}


/* ------------------ Fonts ------------------ */

body,
#site-slogan,
.ui-widget,
.comment-form label {}
#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {}
input,
textarea,
select,
a.button {}

/* ------------------ Reset Styles ------------------ */

caption {
  text-align: left; /* LTR */
  font-weight: normal;
}
blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -.45em;
}
blockquote > p:first-child {
  display: inline;
}
a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}

/* ------------------ Table Styles ------------------ */

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  width: 100%;
}
table table {
  font-size: 1em;
}
#footer-wrapper table {
  font-size: 1em;
}
table tr th {
  background: #757575;
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
  color: #FFF;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left; /* LTR */
}
#footer-wrapper tr td,
#footer-wrapper tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}
tr,
tr.even {
  background: #efefef;
  background: rgba(0, 0, 0, 0.063);
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

/* ------------------ List Styles ------------------ */

.block ol,
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}
.contextual-links-wrapper {
  font-size: small !important;
}
ul.contextual-links {
  font-size: 0.923em;
}
.contextual-links-wrapper a {
  text-shadow: 0 0 0 !important;
}
.item-list .pager {
  font-size: 0.929em;
}
ul.menu li {
  margin: 0;
}
.region-content ul,
.region-content ol {
  margin: 1em 0;
  padding: 0 0 0.25em 2.5em; /* LTR */
}
.item-list ul li {
  margin: 0;
  padding: 0.2em 0.5em 0 0; /* LTR */
}
ul.tips {
  padding: 0 0 0 1.25em; /* LTR */
}

/* ------------------ Header ------------------ */
#skip-link {
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 0.94em;
  line-height: 1.7;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}

#name-and-slogan {
  float: left; /* LTR */
  padding-top: 34px;
  margin: 0 0 30px 15px; /* LTR */
}
#site-name {
  font-size: 1.821em;
  color: #686868;
  line-height: 1;
}
h1#site-name {
  margin: 0;
}
#site-name a {
  font-weight: normal;
}
#site-slogan {
  font-size: 0.929em;
  margin-top: 7px;
  word-spacing: 0.1em;
  font-style: italic;
}
/* Region header blocks. */
.region-header .block {
  font-size: 0.857em;
  float: left; /* LTR */
  margin: 0 10px;
  padding: 0;
}
.region-header .block .content {
  margin: 0;
  padding: 0;
}
.region-header .block ul {
  margin: 0;
  padding: 0;
}
.region-header .block li {
  list-style: none;
  list-style-image: none;
  padding: 0;
}
.region-header .form-text {
  background: #fefefe;
  background: rgba(255, 255, 255, 0.7);
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.3);
  margin-right: 2px; /* LTR */
  width: 120px;
}
.region-header .form-text:hover,
.region-header .form-text:focus,
.region-header .form-text:active {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}
.region-header .form-required {
  color: #eee;
  color: rgba(255, 255, 255, 0.7);
}
/* Region header block menus. */
.region-header .block-menu {
  border: 1px solid;
  border-color: #eee;
  border-color: rgba(255, 255, 255, 0.2);
  padding: 0;
  width: 208px;
}
.region-header .block-menu li a {
  display: block;
  border-bottom: 1px solid;
  border-bottom-color: #eee;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  padding: 3px 7px;
}
.region-header .block-menu li a:hover,
.region-header .block-menu li a:focus,
.region-header .block-menu li a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.15);
}
.region-header .block-menu li.last a {
  border-bottom: 0;
}
/* User Login block in the header region */
.region-header #block-user-login {
  width: auto;
}
.region-header #block-user-login .content {
  margin-top: 2px;
}
.region-header #block-user-login .form-item {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
.region-header #block-user-login div.item-list,
.region-header #block-user-login div.description {
  font-size: 0.916em;
  margin: 0;
}
.region-header #block-user-login div.item-list {
  clear: both;
}
.region-header #block-user-login div.description {
  display: inline;
}
.region-header #block-user-login .item-list ul {
  padding: 0;
  line-height: 1;
}
.region-header #block-user-login .item-list li {
  list-style: none;
  float: left; /* LTR */
  padding: 3px 0 1px;
}
.region-header #block-user-login .item-list li.last {
  padding-left: 0.5em; /* LTR */
}
.region-header #block-user-login ul.openid-links li.last {
  padding-left: 0; /* LTR */
}
.region-header #user-login-form li.openid-link a,
.region-header #user-login li.openid-link a {
  padding-left: 20px; /* LTR */
}
.region-header #block-user-login .form-actions {
  margin: 4px 0 0;
  padding: 0;
  clear: both;
}
.region-header #block-user-login input.form-submit {
  border: 1px solid;
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.5);
  background: #eee;
  background: rgba(255, 255, 255, 0.7);
  margin: 4px 0;
  padding: 3px 8px;
}
.region-header #block-user-login input.form-submit:hover,
.region-header #block-user-login input.form-submit:focus {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
/* Search block in region header. */
.region-header #block-search-form {
  width: 208px;
}
.region-header #block-search-form .form-text {
  width: 154px;
}
/* Language switcher block in region header. */
.region-header .block-locale ul li {
  display: inline;
  padding: 0 0.5em;
}

/* --------------- Main Menu ------------ */

#main-menu {clear: both;}
#main-menu-links {font-size: 13px;margin: 0;padding: 0;}
#main-menu-links li {display: inline-block; list-style: none; padding: 0; margin: 0;}
#main-menu-links a {color: #333; text-transform: uppercase; font-weight: 900; padding: 5px 5px; margin: 0px 5px;}
#main-menu-links a:hover,
#main-menu-links a:focus {}
#main-menu-links a:active {}
#main-menu-links li a.active {
  border-bottom: none;
}
.featured #main-menu-links li a:active,
.featured #main-menu-links li a.active {
  background: #f0f0f0;
  background: rgba(240, 240, 240, 1.0);
}

/* --------------- Secondary Menu ------------ */

#secondary-menu-links {
  float: right; /* LTR */
  font-size: 0.929em;
  margin: 10px 10px 0;
}
#secondary-menu-links a:hover,
#secondary-menu-links a:focus {
  text-decoration: underline;
}

/* ------------------- Main ------------------- */

#main {
  margin-top: 20px;
  margin-bottom: 40px;
}

/* ----------------- Featured ----------------- */

#featured {
  text-align: center;
  font-size: 1.643em;
  font-weight: normal;
  line-height: 1.4;
  padding: 20px 0 45px;
  margin: 0;
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-bottom: 1px solid #e7e7e7;
  text-shadow: 1px 1px #fff;
}
#featured h2 {
  font-size: 1.174em;
  line-height: 1;
}
#featured p {
  margin: 0;
  padding: 0;
}

/* --------------- Highlighted ---------------- */

#highlighted {
  border-bottom: 1px solid #d3d7d9;
  font-size: 120%;
}

/* ------------------- Help ------------------- */

.region-help {
  border: 1px solid #d3d7d9;
  padding: 0 1.5em;
  margin-bottom: 30px;
}

/* ----------------- Content ------------------ */

.content {
  margin-top: 0px;
}
h1#page-title {
  font-size: 2em;
  line-height: 1;
}
#content h2 {
  margin-bottom: 2px;
  font-size: 1.429em;
  line-height: 1.4;
}
.node .content {
  font-size: 1.071em;
}
.node-teaser .content {
  font-size: 1em;
}
.node-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node-teaser h2 a {
  color: #181818;
}
.node-teaser {
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.node-sticky {
  background: #f9f9f9;
  background: rgba(0, 0, 0, 0.024);
  border: 1px solid #d3d7d9;
  padding: 0 15px 15px;
}
.node-full {
  background: none;
  border: none;
  padding: 0;
}
.node-teaser .content {
  clear: none;
  line-height: 1.6;
}
.meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: -5px;
}
.submitted .user-picture img {
  float: left; /* LTR */
  height: 20px;
  margin: 1px 5px 0 0; /* LTR */
}
.field-type-taxonomy-term-reference {
  margin: 0 0 1.2em;
}
.field-type-taxonomy-term-reference .field-label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; /* LTR */
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
  font-size: 0.8em;
}
.node-teaser .field-type-taxonomy-term-reference .field-label,
.node-teaser .field-type-taxonomy-term-reference ul.links {
  font-size: 0.821em;
}
.field-type-taxonomy-term-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field-type-taxonomy-term-reference ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
.link-wrapper {
  text-align: right;
}
.field-type-image img,
.user-picture img {
  margin: 0 0 1em;
}
ul.links {
  color: #68696b;
  font-size: 0.821em;
}
.node-unpublished {
  margin: -20px -15px 0;
  padding: 20px 15px 0;
}
.node-unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ----------------- Comments ----------------- */

.comment h2.title {
  margin-bottom: 1em;
}
.comment div.user-picture img {
  margin-left: 0; /* LTR */
}
.comment {
  margin-bottom: 20px;
  display: table;
  vertical-align: top;
}
.comment .attribution {
  display: table-cell;
  padding: 0 30px 0 0; /* LTR */
  vertical-align: top;
  overflow: hidden;
}
.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}
.comment .attribution .username {
  white-space: nowrap;
}
.comment .submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}
.comment .submitted .comment-time {
  font-size: 0.786em;
  color: #68696b;
}
.comment .submitted .comment-permalink {
  font-size: 0.786em;
}
.comment .content {
  font-size: 0.929em;
  line-height: 1.6;
}
.comment .comment-arrow {
  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
  border-left: 1px solid;
  border-right: 1px solid;
  height: 40px;
  margin-left: -47px; /* LTR */
  margin-top: 10px;
  position: absolute;
  width: 20px;
}
.comment .comment-text {
  padding: 10px 25px;
  border: 1px solid #d3d7d9;
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.comment .indented {
  margin-left: 40px; /* LTR */
}
.comment ul.links {
  padding: 0 0 0.25em 0;
}
.comment ul.links li {
  padding: 0 0.5em 0 0; /* LTR */
}
.comment-unpublished {
  margin-right: 5px; /* LTR */
  padding: 5px 2px 5px 5px; /* LTR */
}
.comment-unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* ------------------ Sidebar ----------------- */
.sidebar .section {
  padding-top: 10px;
}
.sidebar .block {
  border: 1px solid;
  padding: 15px 20px;
  margin: 0 0 20px;
}
.sidebar h2 {
  margin: 0 0 0.5em;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 5px;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.071em;
  line-height: 1.2;
}
.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
}
.sidebar tbody {
  border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}

/* ----------------- Triptych ----------------- */

#triptych-wrapper {
  background-color: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-top: 1px solid #e7e7e7;
}
#triptych h2 {
  color: #000;
  font-size: 1.714em;
  margin-bottom: 0.8em;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  line-height: 1;
}
#triptych .block {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #dfdfdf;
  line-height: 1.3;
}
#triptych .block.last {
  border-bottom: none;
}
#triptych .block ul li,
#triptych .block ol li {
  list-style: none;
}
#triptych .block ul,
#triptych .block ol {
  padding-left: 0;
}
#triptych #block-user-login .form-text {
  width: 185px;
}
#triptych #block-user-online p {
  margin-bottom: 0;
}
#triptych #block-node-syndicate h2 {
  overflow: hidden;
  width: 0;
  height: 0;
}
#triptych-last #block-node-syndicate {
  text-align: right;
}
#triptych #block-search-form .form-type-textfield input {
  width: 185px;
}
#triptych-middle #block-system-powered-by {
  text-align: center;
}
#triptych-last #block-system-powered-by {
  text-align: right;
}

/* ------------------ Footer ------------------ */

#footer-wrapper {
  color: #c0c0c0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.857em;
}
#footer-wrapper a {
  color: #fcfcfc;
  color: rgba(255, 255, 255, 0.8);
}
#footer-wrapper a:hover,
#footer-wrapper a:focus {
  color: #fefefe;
  color: rgba(255, 255, 255, 0.95);
  text-decoration: underline;
}
#footer-wrapper .block {
  margin: 20px 0;
  border: 1px solid #444;
  border-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
}
#footer-columns .block-menu,
#footer .block {
  margin: 0;
  padding: 0;
  border: none;
}
#footer .block {
  margin: 0.5em 0;
}
#footer .block .content {
  padding: 0.5em 0;
  margin-top: 0;
}
#footer .block h2 {
  margin: 0;
}
#footer-columns h2 {
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
}
#footer-columns .content {
  margin-top: 0;
}
#footer-columns p {
  margin-top: 1em;
}
#footer-columns .content ul {
  list-style: none;
  padding-left: 0; /* LTR */
  margin-left: 0;
}
#footer-columns .content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-columns .content li a {
  display: block;
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  line-height: 1.2;
  padding: 0.8em 2px 0.8em 20px; /* LTR */
  text-indent: -15px;
}
#footer-columns .content li a:hover,
#footer-columns .content li a:focus {
  background-color: #1f1f21;
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
}
#footer {
  letter-spacing: 0.2px;
  margin-top: 30px;
  border-top: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
}
#footer .region {
  margin-top: 20px;
}
#footer .block {
  clear: both;
}
#footer ul,
#footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li a {
  float: left; /* LTR */
  padding: 0 12px;
  display: block;
  border-right: 1px solid #555; /* LTR */
  border-color: rgba(255, 255, 255, 0.15);
}
#footer li.first a {
  padding-left: 0; /* LTR */
}
#footer li.last a {
  padding-right: 0; /* LTR */
  border-right: none; /* LTR */
}
#footer-wrapper tr.odd {
  background-color: transparent;
}
#footer-wrapper tr.even {
  background-color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.15);
}

/* --------------- System Tabs  --------------- */

.tabs { position:fixed; bottom:0; left:0; width:100%; z-index:10000;}
.tabs ul.primary {
  padding: 0 3px;
  margin: 0;
  overflow: hidden;
  border: none;
  background: transparent url(../images/tabs-border.png) repeat-x left bottom;
}
.tabs ul.primary li {
  display: block;
  float: left; /* LTR */
  vertical-align: bottom;
  margin: 0 5px 0 0; /* LTR */
}
.tabs ul.primary li.active a {
  border-bottom: 1px solid #ffffff;
}
.tabs ul.primary li a {
  color: #000;
  background-color: #ededed;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  float: left; /* not LTR */
  padding: 0 10px 3px;
  margin: 0;
  text-shadow: 0 1px 0 #fff;
  -khtml-border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -khtml-border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
}
.tabs ul.secondary {
  border-bottom: none;
  padding: 0.5em 0;
}
.tabs ul.secondary li {
  display: block;
  float: left; /* LTR */
}
.tabs ul.secondary li:last-child {
  border-right: none; /* LTR */
}
.tabs ul.secondary li:first-child {
  padding-left: 0; /* LTR */
}
.tabs ul.secondary li a {
  padding: 0.25em 0.5em;
}
.tabs ul.secondary li a.active {
  background: #f2f2f2;
  border-bottom: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
ul.action-links {
  list-style: none;
  margin: 5px;
  padding: 0.5em 1em;
}
ul.action-links li {
  display: inline-block;
  margin-left: 10px;
}
ul.action-links li a {
  padding-left: 15px;
  background: url(../images/add.png) no-repeat left center;
  margin: 0 10px 0 0;
}

/* ---------------- Messages  ----------------- */

#messages {
  padding: 20px 0 5px;
  margin: 0 auto;
}
.featured #messages {
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
}
div.messages {
  margin: 8px 15px;
}

/* -------------- Breadcrumbs   -------------- */

.breadcrumb {
  font-size: 0.929em;
}

/* -------------- User Profile   -------------- */

.profile .user-picture {
  float: none;
}

/* -------------- Password Meter  ------------- */

.confirm-parent,
.password-parent {
  width: 34em;
}
.password-parent,
div.form-item div.password-suggestions {
  position: relative;
}
.password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.82em;
}
.password-strength-text {
  margin-top: 0.2em;
}
div.password-confirm {
  margin-top: 2.2em;
  width: 20.73em;
}

/* ---------------- Buttons    ---------------- */

input.form-submit,
a.button {
  background: #fff url(../images/buttons.png) 0 0 repeat-x;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
  margin-right: 0.6em; /* LTR */
  padding: 4px 17px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
  color: #5a5a5a;
}

/* -------------- Form Elements   ------------- */

fieldset {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.fieldset-wrapper {
  margin-top: 25px;
}
.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}
.filter-wrapper {
  top: 0;
  padding: 1em 0 0.2em;
  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
}
.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
fieldset legend {
  background: #dbdbdb;
  border: 1px solid #ccc;
  border-bottom: none;
  color: #3b3b3b;
  display: block;
  height: 2em;
  left: -1px; /* LTR */
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px;
  width: 100%;
  -khtml-border-radius-topleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -khtml-border-radius-topright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
fieldset.collapsed legend {
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
fieldset legend a {
  color: #3b3b3b;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  color: #000;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
fieldset .fieldset-description {
  margin-top: 5px;
  margin-bottom: 1em;
  line-height: 1.4;
  color: #3c3c3c;
  font-style: italic;
}
input {
  margin: 2px 0;
  padding: 4px;
}
input,
textarea {
  font-size: 0.929em;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea,
select.form-select {
  padding: 4px;
}
input.form-text,
textarea.form-textarea,
select.form-select {
  border: 1px solid #ccc;
}
input.form-submit:hover,
input.form-submit:focus {
  background: #dedede;
}
.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
.form-item {
  margin-bottom: 1em;
  margin-top: 2px;
}
.form-item label {
  font-size: 0.929em;
}
.form-type-radio label,
.form-type-checkbox label {
  margin-left: 4px;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
}
.form-actions {
  padding-top: 10px;
}
/* Contact Form */
.contact-form #edit-name {
  width: 75%;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.contact-form #edit-mail {
  width: 75%;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.contact-form #edit-subject {
  width: 75%;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.contact-form #edit-message {
  width: 76.3%;
  -khtml-border-top-left-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.contact-form .resizable-textarea .grippie {
  width: 76%;
  -khtml-border-bottom-left-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Disabled form elements */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  background: #ededed;
  border-color: #bbb;
  color: #717171;
}
.form-disabled .grippie {
  background-color: #ededed;
  border-color: #bbb;
}
.form-disabled label {
  color: #717171;
}

/* Comment form */
.comment-form label {
  float: left; /* LTR */
  font-size: 0.929em;
  width: 120px;
}
.comment-form input,
.comment-form .form-select {
  margin: 0;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.comment-form .form-type-textarea label {
  float: none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
  margin-bottom: 10px;
  overflow: hidden;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
  margin-left: 120px; /* LTR */
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
  float: none;
  margin-top: 0;
}
.comment-form input.form-file {
  width: auto;
}
.no-sidebars .comment-form .form-text {
  width: 800px;
}
.one-sidebar .comment-form .form-text {
  width: 500px;
}
.two-sidebars .comment-form .form-text {
  width: 320px;
}
.comment-form .form-item .description {
  font-size: 0.786em;
  line-height: 1.2;
  margin-left: 120px; /* LTR */
}
#content h2.comment-form {
  margin-bottom: 0.5em;
}
.comment-form .form-textarea {
  -khtml-border-radius-topleft: 4px;
  -khtml-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
  margin-top: 0;
  margin-bottom: 0;
}
.filter-wrapper label {
  width: auto;
  float: none;
}
.filter-wrapper .form-select {
  min-width: 120px;
}
.comment-form fieldset.filter-wrapper .tips {
  font-size: 0.786em;
}
#comment-body-add-more-wrapper .form-type-textarea label {
  margin-bottom: 0.4em;
}
#edit-actions input {
  margin-right: 0.6em; /* LTR */
}

/* -------------- Other Overrides ------------- */

div.password-suggestions {
  border: 0;
}
.ui-widget-overlay {
  background: #222222;
  opacity: 0.7;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  padding: 1em;
}
#forum .name {
  font-size: 1.083em;
}
#forum .description {
  font-size: 1em;
}

/* --------------- Search Form ---------------- */

#block-search-form {
  padding-bottom: 7px;
}
#block-search-form .content {
  margin-top: 0;
}
#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
  float: left; /* LTR */
  font-size: 1em;
  height: 1.143em;
  margin-right: 5px;
  width: 9em;
}
#search-block-form input.form-submit,
#search-form input.form-submit {
  margin-left: 0;
  margin-right: 0;
  height: 25px;
  width: 34px;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  background: url(../images/search-button.png) no-repeat center top;
  overflow: hidden;
}
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
  background-position: center bottom;
}
#search-form .form-item-keys label {
  display: block;
}

/* --------------- Search Results ---------------- */
ol.search-results {
  padding-left: 0;
}
.search-results li {
  border-bottom: 1px solid #d3d7d9;
  padding-bottom: 0.4285em;
  margin-bottom: 0.5em;
}
.search-results li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1em;
}
.search-results .search-snippet-info {
  padding-left: 0;
}

/* -------------- Shortcut Links -------------- */

.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
}
.shortcut-wrapper h1#page-title {
  float: left; /* LTR */
  margin: 0;
}
div.add-or-remove-shortcuts {
  padding-top: 0.9em;
}
.overlay div.add-or-remove-shortcuts {
  padding-top: 0.8em;
}

/* ---------- Admin-specific Theming ---------- */

.page-admin #content img {
  margin-right: 15px; /* LTR */
}
.page-admin #content .simpletest-image img {
  margin: 0;
}
.page-admin-structure-block-demo .block-region {
  background: #ffff66;
  border: 1px dotted #9f9e00;
  color: #000;
  font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  margin: 5px;
  padding: 5px;
  text-align: center;
  text-shadow: none;
}
.page-admin-structure-block-demo #featured .block-region {
  font-size: 0.55em;
}
.page-admin-structure-block-demo #header .block-region {
  width: 500px;
}
.page-admin #admin-dblog img {
  margin: 0 5px;
}
/* Fix spacing when Seven is used in the overlay. */
#system-theme-settings fieldset {
  padding: 0;
}
#system-theme-settings fieldset .fieldset-legend {
  margin-top: 0;
}
/* Configuration. */
div.admin .right,
div.admin .left {
  width: 49%;
  margin: 0;
}
div.admin-panel {
  background: #fbfbfb;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 0 5px 5px;
}
div.admin-panel h3 {
  margin: 16px 7px;
}
div.admin-panel dt {
  border-top: 1px solid #ccc;
  padding: 7px 0 0;
}
div.admin-panel dd {
  margin: 0 0 10px;
}
div.admin-panel .description {
  margin: 0 0 14px 7px;
}

/* ---------- Overlay layout styles ----------- */

.overlay #main,
.overlay #content {
  width: auto;
  float: none;
}
.overlay #page {
  padding: 0 2em;
}
.overlay .region-page-top,
.overlay #header,
.overlay #page-title,
.overlay #featured,
.overlay #sidebar-first,
.overlay #triptych-wrapper,
.overlay #footer-wrapper {
  display: none;
}
.overlay-processed .field-type-image {
  display: block;
  float: none;
}
.overlay #messages {
  width: auto;
}

/* ---------- Poll ----------- */

.node .poll {
  margin: 2em 0;
}
.node .poll #edit-choice {
  margin: 0 0 1.5em;
}
.poll .vote-form {
  text-align: left; /* LTR */
}
.poll .vote-form .choices {
  margin: 0;
}
.poll .percent {
  font-size: 0.857em;
  font-style: italic;
  margin-bottom: 3em;
  margin-top: -3.2em;
  float: right;
  text-align: right;
}
.poll .text {
  clear: right;
  margin-right: 2.25em;
}
.poll .total {
  font-size: 0.929em;
  font-style: italic;
  text-align: right; /* LTR */
  clear: both;
}
.node .poll {
  margin: 1.8em 0 0;
}
.node .poll .text {
  margin-right: 6.75em;
}
.node .poll #edit-choice {
  margin: 0 0 1.2em;
}
.poll .bar .foreground {
  background-color: #666;
}
#footer-wrapper .poll .bar {
  background-color: #666;
}
#footer-wrapper .poll .bar .foreground {
  background-color: #ddd;
}

/************ CÓDIGO DE X-SAUCE **************/
.xsauce_header_top_container{ background:url('../images/header_gradient.png') 0% 0% repeat; background-size:auto 100%;}
.xsauce_header_top:after{ content:''; clear:both; width:100%; display:block;}
.xsauce_header_top{ text-align:right; padding:10px 0px; width:90%; max-width:1400px; margin:0 auto;}
.xsauce_header_top .login-icon {width: 20px; display: inline-block; vertical-align: middle; padding-right: 5px;}
.xsauce_header_top a{ font-weight:900; color:#000; transition:.4s all ease; -moz-transition:.4s all ease; -webkit-transition:.4s all ease; display:inline-block; vertical-align:middle; line-height:25px; height:25px;}
.gotowebsite{padding-left: 20px; border-left: 2px solid #000;}
.xsauce_header_top a {float: right; margin-left: 20px;}
.xsauce_header_top a.link_logout{ margin-left:10px;}
.xsauce_header_top a:hover{ color:#000; opacity:.8;}
.xsauce_header_container {position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff;}
.xsauce_header {width: 90%; max-width: 1400px; margin: 0 auto; position:relative;}
.xsauce_header:after{ content:''; clear:both; width:100%; height:auto; display:block;}
.xsauce_logo {float: left; width: 200px; line-height: 0; padding:10px 0px;}
.xsauce_logo img{ width:100%; height:auto; margin:0;}
.cart_icon_container { float: right; position:relative;}
.shopping_cart_container{width: 30px; height: 85px; display: table-cell; vertical-align: middle;}
.shopping_cart_container img{ margin-top:20px;}
.shopping_cart_icon_bubble span.line-item-quantity-label {display: none;}
.shopping_cart_icon_bubble span.line-item-quantity-raw {position: absolute; top: 15px; right: -10px; width: 20px; height: 20px; background: red; padding: 0px; text-align: center; color: #fff; border-radius: 100%;z-index: 1;}
.shopping_cart_container .view-empty a,
.shopping_cart_container .view-empty .line-item-summary{display: none;}
.shopping_cart_container .view-empty:before{ content:'0'; display:block;position: absolute; top: 22px; right: -10px; width: 20px; height: 20px; background: red; padding: 0px; text-align: center; color: #fff; border-radius: 100%;z-index: 1;}
.cart-empty-page {text-align: center; width: 90%; max-width: 1200px; margin: 75px auto 150px; font-size: 20px;}

.xsauce_menu_container {clear: both; width: 100%; background: #efefef;}
.xsauce_menu{width: 90%; max-width: 1400px; margin: 0 auto; text-align:center; padding:10px 0px;}

.xsauce_body_container{padding-top: 165px;}

.envios_footer_container {background: #eeeeee;}
.envios_footer_container:after{ content:''; clear:both; width:100%; display:block;}
.envios_footer_content {width: 90%; max-width: 1400px; margin: 0 auto;}
.envios_footer_box_container {width: 33.333%; float: left; text-align: center; padding:50px 0px;}
.envios_footer_box_icon {width: 70px; margin: 0 auto;}
.envios_footer_box_icon svg{ width:100%; height:auto;}
.envios_footer_box_title {font-weight: 900; font-size: 16px; color: #222;}
.envios_footer_box_desc {font-size: 12px; color: #777;}
.envios_footer_box_desc a{ color:#777 !important;}

.logos_tarjetas_container img {width: 90%; max-width: 350px; margin-bottom: 20px;}

.footer_xsauce_container:after{ content:''; clear:both; width:100%; display:block;}
.footer_xsauce_container {background: #000; padding: 30px 5% 20px;color: #fff;}
.footer_xsauce_block.footer_menu {width: 23%; float: left;}
.footer_xsauce_block.footer_menu li{ list-style:none;}
.footer_xsauce_block.footer_menu a{ color:#fff; text-decoration:none;}
.footer_xsauce_block.footer_social { width: 43%; float: left; text-align: center;}
.footer_xsauce_block.footer_newsletter{ width:33%; float:left;}

.footer_xsauce_block .checkbox_newsletter_container{ padding-top:10px;}
.footer_xsauce_block .checkbox_newsletter_container label {font-weight: 100;font-size: 11px; padding-bottom:5px;}

.footer_inferior{ clear:both; float:none; width:100%; padding:10px 0px 0px; border-top:1px solid #ccc;}
.footer_inferior_datos_xsauce {width: 300px; font-size: 10px; float:left; padding-top:2px;}
.footer_inferior_centro { width: calc(100% - 600px); float: left; text-align:center;}
.footer_inferior_desarrollador{width: 300px; font-size: 10px; float:right; text-align:right;}
.footer_inferior_desarrollador a {display: inline-block; vertical-align: middle; margin-left:5px;}
#logo_nomadas_comunicacion_creativa_footer{ width:100px; height:auto; margin-top:0px;}

.footer_inferior ul.menu {margin: 0; padding: 0; text-align:center;}
.footer_inferior ul.menu li {font-size: 10px; display: inline-block; padding: 0px 10px; font-weight: 300; letter-spacing: .5px;}
.footer_inferior ul.menu li a{ color:#fff; text-decoration:none; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.footer_inferior ul.menu li a:hover{ color:#fff; opacity:.8;}
a.social_footer_link {width: 60px; display: inline-block; box-sizing: border-box; padding: 12px; border: 3px solid #fff; border-radius: 60px; height: 60px; text-align: center; margin: 0px 2px 2px;}
a.social_footer_link img{ height:auto; width:100%;}

.titulo_footer_block {font-size: 20px;font-weight: 900; padding-bottom: 20px; letter-spacing: 2px; text-transform: uppercase;}
.texto_footer_block {font-size: 13px; padding-bottom: 20px; letter-spacing: 1px;}
.footer_xsauce_block.footer_newsletter input[type="text"],
.footer_xsauce_block.footer_newsletter input[type="email"] {width: 100%; line-height: 1.2em; padding: 10px 20px; box-sizing: border-box; border-radius: 3px; border: 0px; margin-bottom: 5px;}
.footer_xsauce_block.footer_newsletter input[type="submit"] {padding: 10px 20px; line-height: 1.2em; font-size: 16px; background: url('../images/header_gradient.png'); background-size:contain; color: #000; border: 0; border-radius: 3px; margin: 0px; display: inline-block;}

.footer_xsauce_block input_suscribirme_container {display: inline-block; margin: 0px 0px 0px auto; position: relative; right: 0; float: right;}
.input_suscribirme_container {margin: 5px auto 30px; text-align: right; position:relative;}
.input_suscribirme_container_hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; opacity: 0;}
.footer_newsletter:after {content: ''; clear: both; display: block; width: 100%;}
.mensaje_error_newsletter {font-size: 12px;}
.mensaje_error_newsletter ul {border: 1px solid #fff; padding: 10px 20px; list-style: none; border-radius: 3px; background: rgba(255,255,255,.4);}
.mensaje_error_newsletter ul li {list-style: square; margin-left: 15px;}

.contenedor_pagina_x-sauce {min-height: 300px;}

.footer_newsletter .checkbox_newsletter_container a {color: #fff; text-decoration: underline;}

.video_bkg{ position:relative; display:none;}
.video_bkg video {width: 100%; height: auto;}

.banner_home_box_container{ position:relative; overflow:hidden;}
.oscurecer_banner{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); transition:2s all ease; -moz-transition:2s all ease; -webkit-transition:2s all ease;}
.banner_home_box_wrapper{ width:90%; max-width:1100px; margin:0 auto; position:relative; z-index:1;}
.info_banner_home_box_container{ width:50%; color:#fff; padding:150px 0px;}
.banner_home_bkg{ position:absolute; z-index:0; top:0; left:0; width:100%; height:100%;}
.banner_home_box_container:hover .oscurecer_banner { background:rgba(0,0,0,.5);}
.alineacion_derecha .info_banner_home_box_container {margin: 0 0 0 auto; text-align: right;}
.alineacion_centro .info_banner_home_box_container {margin: 0 auto; text-align: center; width: 100%; max-width: 800px;}
.alineacion_centro .info_banner_home_box_container .banner_home_texto{ text-align:center;}

.banner_home_titulo h2 {font-size: 50px; font-weight: 900; line-height: 1.2; margin: 0;}
.banner_home_texto { font-size: 18px; font-weight: 100; text-align: justify;}
.banner_home_link a { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; opacity:0; font-size:0px;}

.xsauce_page_container {}
.bike_selector_container {text-align: center; position: absolute; z-index:100; top: 20px; left: 0; width: 100%;}
.selector {display: inline-block; color:#333; vertical-align: top; padding: 10px 15px; margin: 0 5px; background: #efefef; border-radius: 5px; font-weight: 900; letter-spacing: 1px; cursor:pointer; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.selector:hover{ background:#999;}
.selector_activo{ background:url('../images/header_gradient.png') 0% 0% repeat; background-size:auto 100%;}
.video_intro_xsauce_tienda {position: relative;}
.oscurecer_intro {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 1;}
.featured_bikes_container {position: relative; bottom: 0; left: 0; width: 100%; text-align: center; overflow:hidden;}
.biker_container{ position:relative; width:90%; margin:0 auto; max-width:1000px; z-index:0;}
.points_container{ position:relative; width:90%; margin:0 auto; max-width:1000px; z-index:5;}
.points_container .proporciones_svg{ width:100%; height:auto; margin:0px;}
.featured_bikes {max-width: 100%; margin: 0% auto 0px; position: relative; z-index: 10; margin-bottom:0px;}
.banners_destacados_home{ position:relative;}
.suavizado_banner_top {position: absolute; top: 0; left: 0; width: 100%; height: 70px; background:url('../images/black_gradienttop.png') 50% 50% repeat-x; background-size:contain; z-index: 11;}
.gradient_separator {position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background:url('../images/black_gradient.png') 50% 50% repeat-x; background-size:contain; z-index: 11; opacity:.8;}

.featured_bikes svg{ width:100%; height:auto; margin:0px; position:relative; top:0; left:0; z-index:2;}
.biker_bkg{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;}
.productos_destacados_bici_label{ padding-bottom:0px;}
.productos_destacados_bici_label h2 {text-align: center; font-size: 25px; font-weight: 900; text-transform: uppercase; padding: 20px 5%; line-height: 1em; margin: 0px; background:url('../images/header_gradient.png') 50% 50% repeat-x; background-size:contain;}
.xsauce_productos_en_bicicleta_wrapper {background: #fff; padding: 65px 0 50px; position:relative;}
.suelo {position: absolute; top: 75%; opacity:.2; left: 0; height: 60px; width: 100%; background: url('../images/suelo.png') 50% 50% repeat-x;}
.xsauce_productos_en_bicicleta_container {width: 90%; max-width: 1200px; margin: 0 auto; position:relative;}
.mtb_road_buttons_container {position: absolute; top: 0; right: 0; width: 100%; text-align: center;}
.button_select_bike {display: inline-block; vertical-align: middle; padding: 10px 30px; background:#ccc;  font-weight: 900; font-size: 17px; cursor:pointer;}
.button_select_bike.button_select_activo{background: url('../images/header_gradient.png') 50% 50% repeat-x; background-size:auto 100% !important;}


.xsauce_productos_en_bicicleta_container:after{ content:''; clear:both; width:100%; display:block;}
.contenedor_de_bicicleta_xsbc {width: calc(100% - 350px); display:inline-block; vertical-align:middle; position:relative; margin-top:70px; transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease; transform:translateX(-200px); -moz-transform:translateX(-200px); -webkit-transform:translateX(-200px); opacity:0;}
.mtb_container.mtb_container_activo .contenedor_de_bicicleta_xsbc,
.road_container.road_container_activo .contenedor_de_bicicleta_xsbc{transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1;}

.contenedor_de_bicicleta_xsbc img{ width:100%; height:auto; margin:0;}
.contenedor_de_bicicleta_xsbc .bici_base,
.contenedor_de_bicicleta_xsbc .bici_base2{ position:relative; z-index:10; opacity:.5;}
.contenedor_de_bicicleta_xsbc .bici_hover,
.contenedor_de_bicicleta_xsbc .bici_hover2{ position:absolute; top:0; left:0; z-index:0; opacity:0;}
.contenedor_de_productos_xsbc {width: 310px; display:inline-block; vertical-align:middle; box-sizing: border-box; background: #fff; padding:0px; margin-left:40px;}
.productos_a_mostrar_en_la_bici_row {position: relative; margin-bottom:5px; padding:0px 20px 5px; border-bottom:1px solid #ccc;}
.contenedor_de_productos_xsbc .views-row-last .productos_a_mostrar_en_la_bici_row {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.contenedor_de_productos_xsbc .views-row-first .productos_a_mostrar_en_la_bici_row{ padding-top:10px;}

.bici_label_description {text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 20px;}

.productos_a_mostrar_en_la_bici_row:after{ content:''; clear:both; width:100%; display:block;}
.imagen_producto_mostrar_bici {width: 50px; display:inline-block; vertical-align:middle;}
.imagen_producto_mostrar_bici img{ width:100%; height:auto; margin:0px;}
.nombre_precio_mostrar_bici_c {display: inline-block; width: 217px; vertical-align: middle; font-size: 12px; padding-left: 10px; box-sizing: border-box;}
.nombre_producto_mostrar_bici{font-weight: 900; line-height: 1.2; padding-bottom: 5px;}
.link_producto_mostrar_bici a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0;}
.contenedor_productos_block {background: #fff; position: relative; z-index: 10; border: 1px solid #ccc; padding: 0px 0px; display:none;}

#Map area,
#Map2 area{ cursor:pointer;}

#ROAD {display: none;}

.texto_introduccion_a_bikes {width: 90%; max-width: 1200px; text-align: center; margin: 0 auto; padding-bottom: 50px; font-size: 17px;}

.featured_bikes svg tspan,
.featured_bikes svg text {font-family: 'Saira', sans-serif; font-weight: 900; font-style: italic; stroke:#ffffff; stroke-width:.75px;}
.bike_1{ position:relative; line-height:0; padding-top:40px;}
.bike_1_bkg{position: absolute; top: 0px; left: 0; width: 100%; height:100%; background:url('../images/bike/escene_bkg.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; z-index:0;}
.rolling_the_way_bkg{position: absolute; top: 0px; left: 0; width: 100%; height:100%; z-index:0; max-width:1200px; opacity:.8;}
.rolling_the_way_bkg img{ width:100%; height:auto; margin:0px;}
.mountain_hover {position: absolute; bottom: 0; left: 0; width: 100%; height:225px; z-index:2; background:url('../images/bike/mountainbkg_1.png') 50% 50% repeat-x; background-size:auto 100%; }

.bike_1_bkg img,
.biker_bkg img{ width:100%; height:auto; margin:0px; line-height:0;}
.bike_2{ display:none;}

.circle_button_plus{ cursor:pointer;}
.circle_button_plus circle {transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; cursor:pointer;}
.product_box_svg_activo .circle_button_plus circle { stroke:#f89e1e; fill:#f89e1e; stroke-width:25px;}
.plus_vertical{transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.product_box_svg_activo .plus_vertical{ opacity:0; }

.svg_producto_container polyline{stroke-dashoffset: 1000;stroke-dasharray: 1000;transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease;}
.product_box_svg_activo .svg_producto_container polyline{stroke-dasharray: 1480;}

.product_box{ transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; opacity:0;}
.product_box_svg_activo .product_box{ opacity:1;}

.mtb_container#ROAD{ display:none;}

.listado_de_articulos_container,
.view-collection-products,
.view-taxonomy-term .body_taxonomy{width: 90%; max-width: 1200px; margin: 50px auto 50px;}
.body_taxonomy:after {content: ''; clear: both; width:100%; display: block;}
.listado_de_articulos_container:after,
.view-collection-products:after,
.view-taxonomy-term:after{ content:''; clear:both; width:100%; display:block;}
.listado_de_articulos_container .views-row, 
.view-collection-products .views-row,
.view-taxonomy-term .views-row{width: 25%; float: left; box-sizing: border-box; padding: 10px; list-style:none; margin:0px; min-height:250px;}
.before_h3 {display: inline-block; clear: both; width: 100%; margin-top: 50px; float: none;}
.body_taxonomy h3 {width: 100%; clear: both; font-size: 25px; font-weight: 900; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin: 0px auto 30px; box-sizing:border-box;}
.producto_box_container{ position:relative; text-align:center;}
.product_box_home{ position:relative;}
.producto_box_container .producto_box_link a{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:0px; opacity:0; z-index:2;}
.producto_box_imagen img{ width:100%; height:auto; margin:0px auto 10px;}
.producto_box_nombre {font-weight: 900; color: #333; font-size: 11px; min-height:30px; line-height: 1; padding-bottom: 5px;}
.producto_box_precio {text-align: center; font-size: 17px; color: #777; font-weight: 100;}
.product_box_home .producto_box_precio td.component-title{ display:none;}
.product_box_home .producto_box_precio .commerce-price-formatted-components .component-total {text-align: center; background: #fff; margin: 0px;}
.product_box_home .commerce-price-formatted-components{ margin:0px;}

.producto_box_to_cart input[type="submit"] {background: #000; color: #fff; font-size: 15px; font-weight: 900; letter-spacing: 1px; padding: 15px 30px; box-sizing: border-box; line-height: 1em; border-radius: 0; display: block; margin-top: 10px; width: 100%; text-transform: uppercase;}
.maxibanner_container {margin: 25px auto 0px; line-height:0px;}
.maxibanner_container img {width: 100%; height: auto; line-height:0; margin:0px;}

.title_listado_articulos {text-align: center; font-size: 40px; margin-bottom: 30px; font-weight: 900;}
.banner_sponsors img { width: 100%; height: auto;}
.imagen_equipo_container {width: 90%; max-width: 900px; margin: 0px auto; padding: 60px 0px 50px; position:relative; overflow:hidden;}
.imagen_equipo_container .imagen_logo_banner{ position:relative;}
.imagen_equipo_container .imagen_equipo_banner{ position:absolute; bottom:0; left:0; width:100%; height:auto; z-index:1;}

/*********** FICHA DE PRODUCTOS ***********/
.pagina_producto_container {width: 90%; max-width: 1200px; margin: 0 auto;}
.columna_izquierda_producto {width: 60%; display: inline-block; vertical-align: top; min-height:600px; position:relative;}
.columna_izquierda_producto img{ width:auto; height:100px; margin:0px auto;}
.columna_izquierda_producto .lista_thumb {position: absolute; z-index:1; bottom: 0; width: 100%; height:100px; left: 0; padding: 10px;}
.lista_thumb .field-item {display: inline-block; vertical-align: middle; width:33.33%; max-width:150px; cursor:pointer; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.lista_thumb .field-item:hover{ opacity:.8;}
.imagenes_de_producto { top: 0; left: 0; position: absolute; z-index: 0; width: 100%; height: 100%; background-size:contain !important; background-repeat:no-repeat !important; background-position:60% 50% !important;}
.columna_derecha_producto {display: inline-block; vertical-align: top; width: 40%;}
.nombre_producto h1 {font-size: 35px; line-height: 1em; font-weight: 900;}
.precio_producto {font-size: 35px; width:50%; display:inline-block; vertical-align:middle; line-height:1em;}
.compra_producto_box {display: block; vertical-align: middle; width: 100%; line-height:1em; margin-top:10px;}
.attribute-widgets label,
.form-item-quantity label {display: none;}
.compra_producto_box .attribute-widgets {padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.compra_producto_box .attribute-widgets .form-item{ margin:0px;}
.compra_producto_box .attribute-widgets .form-radios .form-item{ display:inline-block; vertical-align:top; width:24%; margin-bottom:10px;}
.compra_producto_box .attribute-widgets .form-radios .form-item input[type="radio"]{ display:none;}
.compra_producto_box .attribute-widgets .form-radios .form-item input[type="radio"]:checked + label{ font-weight:900; color:#fff; background:#000;}
.compra_producto_box .attribute-widgets .form-radios .form-item label{ display:block; padding:5px 10px; border:1px solid #000;}
.compra_producto_box .form-item-quantity {width: 47%; margin:0px 2% 0px 0px !important; display: inline-block; vertical-align: top; padding-right: 0px; box-sizing: border-box; position:relative;}
.compra_producto_box .form-item-quantity input[type="text"] {width: calc(100% - 60px) !important;display: inline-block;vertical-align: top;padding: 20px 40px !important;box-sizing: border-box;margin: 0 30px !important;text-align: center !important; outline:none;}
.compra_producto_box .form-item-quantity span.ui-spinner.ui-widget {position:absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important;}
.compra_producto_box .form-item-quantity .ui-spinner-buttons {position: absolute !important; top:0 !important; left: 0 !important; width: 100% !important; height:100% !important;}
.compra_producto_box .form-item-quantity .ui-spinner-down {position: absolute; top: 0; left: 0; width:25px !important; height:100% !important; background:#fff url('../images/menos_boton.png') 50% 50% no-repeat !important; border:0px;}
.compra_producto_box .form-item-quantity .ui-spinner-up {position: absolute; top: 0; right: 0; width:25px !important; height:100% !important; background:#fff url('../images/mas_boton.png') 50% 50% no-repeat !important; border:0px;}
.compra_producto_box .ui-state-default .ui-icon{ opacity:0;}

.compra_producto_box input[type="submit"] {display: inline-block; width: 50%; vertical-align:top; background: #000; color: #fff; font-size: 20px; padding: 17px 20px; border-radius: 0px; text-transform: uppercase;letter-spacing: 2px; margin:0px; font-weight:900; outline:none; border:0px !important; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.compra_producto_box input[type="submit"]:hover{ color:#333; background:#ccc;}
.descripcion_producto {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 30px;}
.section_ficha_title h2 {font-size: 30px; font-weight: 900; border-bottom: 1px solid; letter-spacing: 1px; margin: 0px auto 20px;}

.seccion_preguntas_frecuentes_y_usage_guide_container{ position:relative; margin:75px auto 0px;}
.seccion_preguntas_frecuentes_y_usage_guide_container:after{ content:''; clear:both; width:100%; display:block;}
.preguntas_frecuentes_container {width: 50%; padding-right: 50px; box-sizing: border-box; min-height: 550px; float:left; border-right:1px solid #ccc;}

.preguntas_frecuentes_container .field-item{ margin-bottom:5px;}
.titulo_de_pregunta {font-size: 14px; border: 1px solid #ccc; line-height: 1.2; padding: 10px 20px; border-radius:4px; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; background:#fff url('../images/faq_arrow.png') 99% 50% no-repeat;}
.titulo_de_pregunta h2{ font-size:14px; cursor:pointer;}
.titulo_de_pregunta:hover{ background:#f5f5f5 url('../images/faq_arrow.png') 99% 50% no-repeat;}
.titulo_de_pregunta h2{ margin:0px;}
.respuesta_de_pregunta {background: #efefef; padding: 20px 30px; text-align: justify; display:none; font-size:13px;}
.botones_faq_descr_container {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.faq_button {font-weight: 900; letter-spacing: 1px; cursor: pointer; display: inline-block; padding-right: 10px; margin-right: 10px;}
.uso_button {font-weight: 900; letter-spacing: 1px; cursor: pointer; display: inline-block;}
.faq_button img,
.uso_button img {width: 20px; height: 20px; display: inline-block; vertical-align: middle; padding-right: 5px;}

.banner_horizontal_product_container{ margin:45px 0px 0px; line-height:0px;}
.banner_horizontal_product_container img { width: 100%; height: auto;}

.ancla{ display:block; top:-170px; position:relative;}
.video_guia_uso_container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video_guia_uso_container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.pdf_guia_uso_container{ margin-top:20px;}
.usage_guide_container .field-item {width: 49%; float: left; box-sizing: border-box; padding: 0px 10px; margin:0px .5%; border: 3px solid #333; border-radius: 10px; position:relative; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.usage_guide_container .field-item:hover{ background:url('../images/header_gradient.png') 50% 50% repeat-x / contain;}
.usage_guide_container img.file-icon {display: none;}
.usage_guide_container .file:before{content:''; display:inline-block; vertical-align:middle; width:50px; height:65px; background:url('../images/pdf_icon.png') 50% 50% no-repeat; margin:0px auto; background-size:contain;}
.usage_guide_container .file a {color: #000; font-size: 13px; line-height: 1.1em; font-weight: 600; display: inline-block; vertical-align:middle; text-decoration:none; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; text-align:center; width:calc(100% - 60px);}
.usage_guide_container .file a:hover{ color:#000; opacity:.7;}
.pdf_link a {position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}
.seccion_usage_guide{ position:relative; margin:45px auto;}
.seccion_usage_guide:after{ content:''; clear:both; width:100%; display:block;}
.usage_guide_container {width: 50%; padding-left: 50px; box-sizing: border-box; min-height: 550px; float:right;}
.image_section_guide {position: absolute; width: 50%; height: 100%; top: 0; left: 0;}

.productos_relacionados_container {margin: 40px auto 70px;}
.productos_relacionados_container:after{ content:''; clear:both; width:100%; display:block;}
.productos_relacionados_container .field-item {width: 25%; box-sizing:border-box; padding:10px; float:left;}
.productos_relacionados_container .field-item .field-item {width: 100%; padding:0px; float:none;}
.productos_relacionados_container .producto_box_to_cart{ display:none;}

.out-of-stock .form-item-quantity {display: none;}
.out-of-stock input[type="submit"] { cursor:default; width: 100%; margin-top: 20px; background: none !important; color: #000; border-top: 1px solid #ccc !important; padding: 30px 0 10px;}

/************** TAXONOMY CATEGORIES ***********/
ul.products-per-collection {margin: 0px; padding: 0;}
.imagen_de_cabecera_taxonomy {height: 450px; position:relative; background-attachment:fixed !important; background-size: auto 450px !important;}
.oscurecer_imagen_cabecera{ background:rgba(0,0,0,.3); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.taxonomy_name_container {position: absolute; z-index:2; bottom: 0; left: 0; width: 100%;}
.taxonomy_name_label {width: 90%; max-width: 1200px; margin: 0 auto;}
.taxonomy_name_label h1 {font-size: 70px; color: #fff; font-weight: 900; line-height: .65em; margin: 0px;}
.taxonomy-description {font-size: 16px; color: #777; line-height: 1.6; font-weight: 100; text-align: justify;}
.imagenes_footer_taxonomy{ line-height:0px; max-width:1900px; margin:0 auto;}
.imagenes_footer_taxonomy img {width: 100%; height: auto; margin: 0px auto 0px;}

.category_subfilter_container{display:none; height:50px;}
.category_subfilter {width:100%; height:50px; box-sizing:border-box; margin: 0 auto; background:#333; text-align: center; padding:13px 10px 10px;}
.category_subfilter.category_subfilter_fija{position:fixed; top:169px; left:0; z-index:101;}
.category_subfilter li {display: inline-block; font-size: 10px; padding: 5px 10px; box-sizing: border-box; cursor: pointer; line-height: 1;border-right: 1px solid #fff;color: #fff;font-weight: 600;}
.category_subfilter li:last-child{ border-right:none;}
/************** CART PREVIEW ***************/
div.messages.commerce-add-to-cart-confirmation .message-inner {padding: 0px 0px 210px; position: relative;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {height: auto; padding: 45px 5%; position: absolute !important; right: auto !important; top: auto !important; bottom:0px !important; left:0px !important; box-sizing:border-box; width: 100%; background: #000 !important;}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .content .field-name-field-images {position: relative !important; top:0 !important; left: 0 !important; width: 250px !important; margin: 0 auto !important;}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .content .field-name-field-images img {border: 0; width: 100%; height: auto; margin: 0px;}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display{ box-sizing:border-box; padding-top:0px; width:100% !important;}
div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {color: #000; font-size: 20px; width: 100%; box-sizing: border-box; padding: 30px;}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field h2 {text-align: center; font-size: 23px; color: #000; font-weight: 900;}
div.commerce_add_to_cart_confirmation_overlay{ background:rgba(0,0,0,.7);}
div.messages.commerce-add-to-cart-confirmation {border: 10px solid #000; box-sizing: border-box;}
.commerce-price-rrp-your-price tr{ background:none !important;}
.commerce-price-rrp-your-price td.webprice-title {display: none !important;}
.commerce-price-rrp-your-price td.webprice-total {background: none !important; font-size: 20px; text-align: center; color: #777; letter-spacing: 1px; padding:0px; line-height:1em;}
div.messages.commerce-add-to-cart-confirmation .views-field.views-field-quantity.field {text-align: center !important; font-size: 19px; color: #777; padding: 5px 0px; border-top: 1px solid #777; border-bottom: 1px solid #777;}
div.messages.commerce-add-to-cart-confirmation .views-field.views-field-quantity .views-label,
div.messages.commerce-add-to-cart-confirmation .views-field.views-field-commerce-total .views-label,
div.messages.commerce-add-to-cart-confirmation .views-field.views-field-commerce-total .field-content{ float:none !important;}

div.messages.commerce-add-to-cart-confirmation .views-field.views-field-commerce-total { margin-top:10px !important; text-align:center !important;}
div.messages.commerce-add-to-cart-confirmation .views-field.views-field-commerce-total span{ font-size:25px !important; color:#000 !important; font-weight:900 !important; float:none !important;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout a {background: url(../images/header_gradient.png); color: #000; font-size: 20px; background-size:auto 100%; background-repeat:repeat-x;}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue .commerce-add-to-cart-confirmation-close{ color:#000;}

.page-checkout .xsauce_body_container  .commerce-credit-card-expiration select {display: inline-block; width: auto !important; min-width: 50px;}

/********** CART FORM ***********/
.page-checkout .xsauce_body_container {width: 90%; max-width: 1200px; margin: 0 auto;}
.view.view-commerce-cart-form {width: 90%; max-width: 1200px; margin: 0 auto;}
.page-checkout ol.commerce-checkout-progress{ margin:70px auto 30px; text-align:center;}
ol.inline.commerce-checkout-progress li{ display:inline-block !important; float:none !important;}

.commerce-line-item-views-form{ margin:70px auto;}
.commerce-line-item-views-form figure.field.field-name-field-images { width: 100px;float: left; margin: 0px 20px 0px 0px;}
.commerce-line-item-views-form figure.field.field-name-field-images img{ width:100%; height:auto; margin:0px; padding:0px; line-height:0; box-sizing: border-box;}
.commerce-line-item-views-form th,
.page-checkout th {background: #000; font-size: 16px; text-align:center;}
.commerce-line-item-views-form th.views-field.views-field-line-item-title,
.page-checkout th.views-field.views-field-line-item-title {text-align: left;padding-left: 20px;}
.commerce-line-item-views-form td,
.page-checkout td{ padding:10px 20px; position:relative; background:#fff; border:1px solid #efefef; vertical-align:middle; font-size:13px;}
.commerce-line-item-views-form td a{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:0px;}
.commerce-line-item-views-form h2 {font-size: 16px; font-weight: 900; letter-spacing: 1px; margin: 0; padding-bottom: 5px;}
.commerce-line-item-views-form input[type="submit"]{ background:#000; color:#fff; border-radius:3px; padding:10px 20px;}

.page-checkout legend {background: #000; color: #fff; text-shadow: none !important; font-size: 16px; letter-spacing: 1px;}
.page-checkout .xsauce_body_container input, .page-checkout .xsauce_body_container select {width: 100% !important; display: block; max-width: 100% !important; padding: 10px; box-sizing: border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0px; background:#fff; font-family:'Saira', sans-serif; font-size:13px; }
.page-checkout .xsauce_body_container input[type="checkbox"] {width: 20px !important; height: 20px !important; border: 1px solid #ccc; display: inline-block; vertical-align: middle; border-radius:3px;}
.page-checkout .xsauce_body_container input[type="checkbox"]:checked{ background:url('../images/check.png') 50% 50% no-repeat; background-size:15px 15px;}
.page-checkout .xsauce_body_container .form-type-checkbox a{ color:#333 !important; text-decoration:underline;}
.page-checkout .xsauce_body_container select{ background:url('../images/select_form_arrow.png') 99% 50% no-repeat; padding-right:25px;}
.page-checkout .form-item{ width:100%; float:none;}
.page-checkout .xsauce_body_container input[type="submit"] {color: #fff; background: #000; display: inline-block; width: auto !important; padding: 10px 20px !important; margin: 0px 10px; font-size: 16px; border:0px;}
.page-checkout #edit-continue{ margin-left:0px !important;}
.page-checkout .checkout-buttons { margin:30px 0px 50px; padding:0px; border:0; top:0;}
.page-checkout .checkout-buttons .fieldset-wrapper {margin: 0px; padding: 0; border:0;}
.page-checkout select{ background:#fff url('../images/select_arrow.png') 99% 50% no-repeat;}
.page-checkout fieldset .fieldset-wrapper{ margin-top:40px;}

.page-checkout tr.pane-title {background: #000; font-size: 16px; color: #fff; text-shadow: none; letter-spacing: 1px;}
.page-checkout tr.pane-title td{ background:none; font-size:16px;}
.page-checkout table.checkout-review tr.pane-data{ font-size:14px;}

.page-checkout  ol.commerce-checkout-progress {margin-bottom: 50px;}
.page-checkout a{ text-decoration:none; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.page-checkout a:hover{ color:inherit; opacity:.8;}
div#edit-checkout-completion-message {text-align: center; font-size: 20px; margin-bottom:50px;}
.page-checkout  div#edit-checkout-completion-message a{ color:#f2c130;}

#edit-commerce-shipping-shipping-service input[type="radio"] {display: none;}
fieldset#edit-commerce-payment {display: none;}


.producto_box_sku {font-size: 12px; margin-top: -10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding:0px 0px 5px 5px;}

/*********** REGISTER FORM **************/
.user_login_and_register_container {width: 90%; max-width: 1200px; margin: 100px auto;}
.user_login_and_register_container form {max-width: 450px;}
.login_block_form {width: 50%; display: inline-block; vertical-align: top; border-right: 1px solid #ccc; padding-right: 50px; box-sizing: border-box;}
.register_block_form {width: 50%; display: inline-block; vertical-align: top; padding-left: 50px; box-sizing: border-box;}


#user_register_form h1{ display:none;}
.block_login_title h2 {font-size: 24px; font-weight: 900; margin: 0 auto 20px;}
.block_form_text { max-width:450px; font-size: 14px; color: #777; font-weight: 100; line-height: 1.5; text-align: justify; margin-bottom: 30px;}

.user_login_and_register_container label {font-size: 15px; margin-top: 20px; display: block;}
.user_login_and_register_container input[type="text"],
.user_login_and_register_container input[type="password"] {width: 100%; height: auto; box-sizing: border-box; padding: 10px 20px; border-radius: 4px; margin: 6px 0px;}
.user_login_and_register_container .confirm-parent,
.user_login_and_register_container .password-parent {width: 100%;}
.user_login_and_register_container .password-strength {width: 17em; float: right; margin-top: -10px;}
.user_login_and_register_container div.password-confirm{ margin-top:0px;}
.user_login_and_register_container div.form-item div.password-suggestions{ width:100%; box-sizing:border-box;}
.user_login_and_register_container input[type="submit"] {padding: 10px 25px; line-height: 1.2em; font-size: 14px; background: #000; color: #fff; border: 0; border-radius: 3px; margin: 0px 0px 0px auto; display: inline-block; font-weight: 100; letter-spacing: 3px; font-style: italic;}
.user_login_and_register_container input[type="submit"]:hover{ background:#999;}

.user_login_and_register_container .description{ display:none;}
.user_login_and_register_container .form-actions.form-wrapper {text-align: right;}
.user_login_and_register_container .item-list li.first,
.user_login_and_register_container .back-to-login{ display:none}
.user_login_and_register_container .item-list li {text-align: right; list-style: none; font-size: 12px;}
.user_login_and_register_container .item-list li a{ color: #333; border-bottom: 1px dotted #333; padding-bottom: 2px; line-height: 1em; display: inline-block; text-decoration: none;}


.view-commerce-cart-summary .views-field-commerce-unit-price tbody,
.view-commerce-cart-summary .views-field-commerce-unit-price td,
.view-commerce-cart-summary .views-field-commerce-unit-price tr.component-type-base-price.odd,
.view-commerce-cart-summary .views-field-commerce-unit-price .commerce-price-formatted-components .component-total,
.view-commerce-cart-summary .views-field-commerce-total tbody,
.view-commerce-cart-summary .views-field-commerce-total td,
.view-commerce-cart-summary .views-field-commerce-total tr.component-type-base-price.odd,
.view-commerce-cart-summary .views-field-commerce-total .commerce-price-formatted-components .component-total{ border:0px !important;}

.view-commerce-cart-summary .views-field-commerce-unit-price table.commerce-price-formatted-components,
.view-commerce-cart-summary .views-field-commerce-total table.commerce-price-formatted-components{ margin:0px;}
.view-commerce-cart-summary .views-field-commerce-unit-price td.component-title,
.view-commerce-cart-summary .views-field-commerce-unit-price tr.component-type-taxsample-french-vat-tax,
.view-commerce-cart-summary .views-field-commerce-unit-price tr.component-type-commerce-price-formatted-amount,
.view-commerce-cart-summary .views-field-commerce-total td.component-title,
.view-commerce-cart-summary .views-field-commerce-total tr.component-type-taxsample-french-vat-tax,
.view-commerce-cart-summary .views-field-commerce-total tr.component-type-commerce-price-formatted-amount {display: none;}


.view-commerce-cart-form .views-field-commerce-unit-price tbody,
.view-commerce-cart-form .views-field-commerce-unit-price td,
.view-commerce-cart-form .views-field-commerce-unit-price tr.component-type-base-price.odd,
.view-commerce-cart-form .views-field-commerce-unit-price .commerce-price-formatted-components .component-total,
.view-commerce-cart-form .views-field-commerce-total tbody,
.view-commerce-cart-form .views-field-commerce-total td,
.view-commerce-cart-form .views-field-commerce-total tr.component-type-base-price.odd,
.view-commerce-cart-form .views-field-commerce-total .commerce-price-formatted-components .component-total{ border:0px !important;}

.view-commerce-cart-form .views-field-commerce-unit-price table.commerce-price-formatted-components,
.view-commerce-cart-form .views-field-commerce-total table.commerce-price-formatted-components{ margin:0px;}
.view-commerce-cart-form .views-field-commerce-unit-price td.component-title,
.view-commerce-cart-form .views-field-commerce-unit-price tr.component-type-taxsample-french-vat-tax,
.view-commerce-cart-form .views-field-commerce-unit-price tr.component-type-commerce-price-formatted-amount,
.view-commerce-cart-form .views-field-commerce-total td.component-title,
.view-commerce-cart-form .views-field-commerce-total tr.component-type-taxsample-french-vat-tax,
.view-commerce-cart-form .views-field-commerce-total tr.component-type-commerce-price-formatted-amount {display: none;}

/************* USER PROFILE *************/
.user_profile_container {width: 90%; max-width: 1200px;margin: 50px auto 100px;}
.user_profile_box_title {font-size: 25px; font-weight: 900; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 10px;}
.user_profile_boxes_container{ padding-bottom:30px;}
.user_profile_boxes_container:after{ content:''; clear:both; width:100%; display:block;}
.user_profile_box{ width:33.33%; float:left; padding:10px; box-sizing:border-box; font-size: 16px; color: #777; font-weight: 100; min-height:320px; position:relative; text-align:center;}
.user_profile_box .user_profile_box_icon,
.user_profile_box .user_profile_box_title {text-align: center; color:#333;}
.user_profile_box .views-field-edit-node a,
.user_profile_box .views-field-edit-customer-profile a { padding: 8px 40px; display: block; background: #000; color: #fff; font-size:18px; text-align:center; font-weight: 900; letter-spacing: 1px; margin-top:20px; text-transform:uppercase; text-decoration:none; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; position:absolute; bottom:0; left:10px; width:calc(100% - 20px); box-sizing:border-box;}
.user_profile_box .views-field-edit-node a:hover,
.user_profile_box .views-field-edit-customer-profile a:hover{ color:#333; background:#ccc;}
.user_profile_box span.views-label {font-weight: 900; color: #333;}
.user_profile_box_icon svg{ width:100px; height:auto;}
.email_contacto_perfil{ font-weight:900; color:#333; text-decoration:none; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.email_contacto_perfil:hover{ opacity:.8;}
.pedidos_del_usuario_container {font-size: 16px; font-weight: 100; color: #777;}
.pedidos_del_usuario_container .views-row { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px dotted #ccc;}
.pedidos_del_usuario_container .user_profile_box_title {border-bottom: 1px solid #ccc; margin-bottom: 30px; color: #333; font-size: 35px;}
.pedidos_del_usuario_container span.views-label {font-weight: 900; color:#333;}
.pedidos_del_usuario_container thead tr th {background: #333; padding: 10px 25px; font-size: 18px; letter-spacing: 1px; border:1px solid #333;}
.pedidos_del_usuario_container tbody tr td { background:#fff; border:1px solid #333; padding:10px 25px;}
.pedidos_del_usuario_container .line_item_total {text-align: right; padding: 0px 10px; font-size: 20px; font-weight: 900; color: #333;}
.pedidos_del_usuario_container .line_item_total .field-type-commerce-price {display: inline-block; margin-left: 10px;}

.pedidos_del_usuario_container .views-field-order-id {width: 50%; text-align: left; display:inline-block; vertical-align:middle; box-sizing:border-box;}
.pedidos_del_usuario_container .views-field-created {width: 49%; box-sizing: border-box; text-align: right; display:inline-block; vertical-align:middle;}
.pedidos_del_usuario_container .views-field-status {display: block; margin: 5px 0px 20px; font-size: 16px;}

/********** CONTACTO *************/
.contenido_pagina table {width: 100% !important;}

.xsauce_tienda_wrapper {max-width: 1200px; width: 90%; margin: 70px auto;}
.titulo_pagina{ margin-bottom:30px;}
.titulo_pagina h1{font-size: 35px; line-height: 1em; font-weight: 900; margin:0px; text-transform:uppercase; letter-spacing:1px;}
.contenido_pagina {font-size: 16px; color: #777; font-weight: 100;}
.formulario_contacto {color: #000; margin-top: 40px;}
.formulario_contacto input[type="text"],
.formulario_contacto input[type="email"]{ width:100%; box-sizing:border-box; padding:10px;}
.formulario_contacto input[type="submit"]{ background:#000; border:0px; border-radius:0px; padding:10px 20px; color:#fff; font-weight:900; text-transform:uppercase; font-size:18px; letter-spacing:1px;}


.open_close_menu{ display:none;}


@media(max-width:1100px){
.listado_de_articulos_container .views-row,
.view-collection-products .views-row,
.view-taxonomy-term .views-row,
.productos_relacionados_container .field-item {width: 33.333%;}
.open_close_menu{ display:block; width:50px; height:50px; position:absolute; top:15px; right:0px; cursor:pointer;}
.open_close_menu .line {background: #000; height: 4px; width: 100%; position: absolute; display: block; top: 50%; margin-top: -2px; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.open_close_menu .line_1{ transform:translateY(-12px); -moz-transform:translateY(-12px); -webkit-transform:translateY(-12px);}
.open_close_menu .line_3{ transform:translateY(12px); -moz-transform:translateY(12px); -webkit-transform:translateY(12px);}

.open_close_menu.open_close_menu_activo .line_1{ transform:translateY(-0px) rotate(45deg); -moz-transform:translateY(-0px) rotate(45deg); -webkit-transform:translateY(-0px) rotate(45deg);}
.open_close_menu.open_close_menu_activo .line_2{ opacity:0;}
.open_close_menu.open_close_menu_activo .line_3{ transform:translateY(0px) rotate(-45deg); -moz-transform:translateY(0px) rotate(-45deg); -webkit-transform:transform:translateY(0px) rotate(-45deg);}

.category_subfilter{ height:65px;}
.category_subfilter.category_subfilter_fija{ top:130px;}

.cart_icon_container{ margin-right:70px;}
.xsauce_body_container{ padding-top:125px;}
.xsauce_menu {display: none;}
.xsauce_menu li {width: 100%; text-align: left; border-bottom: 1px solid #000;}
.xsauce_menu li a {padding: 15px 0px; display: block; text-decoration:none;}
}

@media(max-width:950px){
.footer_xsauce_block.footer_menu{ width:100%;}
.footer_xsauce_block.footer_menu{ text-align:center;}
.footer_xsauce_block.footer_menu ul{ margin:0 auto; padding:0px;}
.footer_xsauce_block.footer_menu li {display: block; padding: 10px 5px; border-bottom:1px solid #fff;}
.footer_xsauce_block.footer_social{ width:100%; margin:30px auto;}
.footer_xsauce_block.footer_newsletter {width: 100%; float: left; text-align: center; margin-bottom:30px;}
.social_marca_dtm{ padding-bottom:50px;}
	
.contenedor_de_bicicleta_xsbc{width: 100%;}
.contenedor_de_productos_xsbc {width: 100%; margin: 20px auto;}
.suelo{ top:650px;}
.footer_inferior_datos_xsauce {width: 100%; text-align: center; padding-bottom: 20px;}
.footer_inferior_centro {width: 100%; float: none; padding-bottom: 20px;}
.footer_inferior_desarrollador {width: 100%; font-size: 10px; float: none; text-align: center;}
.footer_xsauce_block.footer_menu {width: 100%; float: none; padding-bottom:20px; margin-bottom:20px;}
.footer_xsauce_block.footer_social {width: 100%; float: none; text-align: center; border-bottom:1px solid #fff; padding-bottom:40px; margin-bottom:40px;}
.footer_xsauce_block.footer_newsletter {width: 100%; float: none;}

.listado_de_articulos_container .views-row,
.view-collection-products .views-row,
.view-taxonomy-term .views-row,
.productos_relacionados_container .field-item {width: 50%;}


.columna_izquierda_producto{ width:100%;}
.columna_derecha_producto{ width:100%;}
.info_producto_container {text-align: center;}
.descripcion_producto {text-align: left;}
.preguntas_frecuentes_container {width: 100%;padding-right: 0;box-sizing: border-box;min-height: 0px;float: none; border-right: 0px;}
.usage_guide_container {width: 100%; padding-left: 0; box-sizing: border-box; min-height: 0; float: none; margin-top: 50px;}

.login_block_form,
.register_block_form{width: 100%; border: 0; padding: 0 0 100px; text-align: center;}
.block_form_text{ margin:0 auto 30px;}
.user_login_and_register_container form{ margin:0 auto;}
}

@media(max-width:900px){
.mountain_hover{ height:180px;}
}
@media(max-width:850px){
.alineacion_derecha .info_banner_home_box_container{ text-align:center; margin:0 auto;}
.info_banner_home_box_container{ width:100%;}
.banner_home_titulo h2,
.banner_home_texto{ text-align:center !important;}

.banner_home_bkg,
.banner_sponsors {background-attachment: scroll !important; background-size: cover !important; background-position: 50% 50% !important;}

.imagen_de_cabecera_taxonomy {background-attachment: scroll !important; background-position: 50% 50% !important; background-size: cover !important; height: 300px;}
.taxonomy_name_label h1{ font-size:50px;}
.xsauce_header_top a{ font-size:10px;}
}

@media(max-width:700px){
#views-form-commerce-cart-form-default thead{ display:none;}
#views-form-commerce-cart-form-default tbody td {display: block; width: 100%; box-sizing: border-box; text-align: left;}
#views-form-commerce-cart-form-default .views-field-commerce-unit-price td.component-total{ text-align:left !important; padding:0 !important;}
#views-form-commerce-cart-form-default .views-field-commerce-total td.component-total{ text-align:left !important; padding:0 !important;}
#views-form-commerce-cart-form-default .views-field-commerce-total td.component-total:before {content: 'Total: '; font-weight: 900; display: inline-block; margin-right: 10px;}

#views-form-commerce-cart-form-default .views-field-commerce-unit-price td.component-title,
#views-form-commerce-cart-form-default .views-field-commerce-total td.component-title{ display:none !important;}
#views-form-commerce-cart-form-default .views-field-commerce-unit-price td.component-total:before {content: 'Unit Price: '; font-weight: 900; display: inline-block; margin-right: 10px;}
#views-form-commerce-cart-form-default .views-field-edit-quantity .form-item {display: inline-block; vertical-align: middle;}
#views-form-commerce-cart-form-default .views-field-edit-quantity:before{ content:'Quantity: ';font-weight: 900; display: inline-block; margin-right: 10px;}

#edit-cart-contents thead{ display:none;}
#edit-cart-contents tbody td {display: block; width: 100%; box-sizing: border-box; text-align: left;}
#edit-cart-contents .views-field-commerce-unit-price td.component-total{ text-align:left !important; padding:0 !important;}
#edit-cart-contents .views-field-commerce-total td.component-total{ text-align:left !important; padding:0 !important;}
#edit-cart-contents .views-field-commerce-total td.component-total:before {content: 'Total: '; font-weight: 900; display: inline-block; margin-right: 10px;}

#edit-cart-contents .views-field-commerce-unit-price td.component-title,
#edit-cart-contents .views-field-commerce-total td.component-title{ display:none !important;}
#edit-cart-contents .views-field-commerce-unit-price td.component-total:before {content: 'Unit Price: '; font-weight: 900; display: inline-block; margin-right: 10px;}
#edit-cart-contents .views-field-quantity .form-item {display: inline-block; vertical-align: middle;}
#edit-cart-contents .views-field-quantity:before{ content:'Quantity: ';font-weight: 900; display: inline-block; margin-right: 10px;}

#edit-checkout-review thead{ display:none;}
#edit-checkout-review tbody td {display: block; width: 100%; box-sizing: border-box; text-align: left;}
#edit-checkout-review .views-field-commerce-unit-price td.component-total{ text-align:left !important; padding:0 !important;}
#edit-checkout-review .views-field-commerce-total td.component-total{ text-align:left !important; padding:0 !important;}
#edit-checkout-review .views-field-commerce-total td.component-total:before {content: 'Total: '; font-weight: 900; display: inline-block; margin-right: 10px;}

#edit-checkout-review .views-field-commerce-unit-price td.component-title,
#edit-checkout-review .views-field-commerce-total td.component-title{ display:none !important;}
#edit-checkout-review .views-field-commerce-unit-price td.component-total:before {content: 'Unit Price: '; font-weight: 900; display: inline-block; margin-right: 10px;}
#edit-checkout-review .views-field-quantity .form-item {display: inline-block; vertical-align: middle;}
#edit-checkout-review .views-field-quantity:before{ content:'Quantity: ';font-weight: 900; display: inline-block; margin-right: 10px;}


.commerce-order-handler-area-order-total .commerce-price-formatted-components{ width:100%;}
.user_profile_box{ width:100%; margin-bottom:60px; float:none;}

.view-pedido-del-usuario thead {display: none;}
.view-pedido-del-usuario tbody td {display: block; width: 100%; box-sizing: border-box; text-align: left;}
.view-pedido-del-usuario .views-field-commerce-unit-price td.component-total{ text-align:left !important; padding:0 !important;}
.view-pedido-del-usuario .views-field-commerce-total td.component-total{ text-align:left !important; padding:0 !important;}
.view-pedido-del-usuario .views-field-commerce-total:before {content: 'Total: '; font-weight: 900; display: inline-block; margin-right: 10px;}

.view-pedido-del-usuario .views-field-commerce-unit-price td.component-title,
.view-pedido-del-usuario .views-field-commerce-total td.component-title{ display:none !important;}
.view-pedido-del-usuario .views-field-commerce-unit-price:before {content: 'Unit Price: '; font-weight: 900; display: inline-block; margin-right: 10px;}
.view-pedido-del-usuario .views-field-quantity .form-item {display: inline-block; vertical-align: middle;}
.view-pedido-del-usuario .views-field-quantity:before{ content:'Quantity: ';font-weight: 900; display: inline-block; margin-right: 10px;}

.view-pedido-del-usuario .views-field views-field-line-item-title{ font-weight:900;}

ol.inline.commerce-checkout-progress { padding:0px;}
ol.inline.commerce-checkout-progress li{display: inline-block !important;float: none !important; width: 100%; text-align: left; border-bottom: 1px solid #000; padding: 5px 0;}
}
@media(max-width:550px){
.compra_producto_box .form-item-quantity {width: 100%; margin: 0 auto 10px !important;}
.compra_producto_box input[type="submit"]{ width:100%;}
.columna_izquierda_producto{ min-height:500px;}
.envios_footer_box_container {width: 100%; float: none; text-align: center; padding: 50px 0px 0px;}
.envios_footer_content{ padding-bottom:50px;}
.taxonomy_name_label h1{ font-size:40px;}
}
@media(max-width:500px){
.mountain_hover{ height:100px;}
}
@media(max-width:450px){
.listado_de_articulos_container .views-row,
.view-collection-products .views-row,
.view-taxonomy-term .views-row,
.productos_relacionados_container .field-item {width: 100%;}
}