@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");
@font-face {
  font-family: "Font Awesome";
  src: url(../fontawesome-webfont.ttf), url(../fontawesome-webfont.woff), url(../fontawesome-webfont.eot); }
@font-face {
  font-family: "Lato";
  src: url(../Lato-Regular.ttf); }
@font-face {
  font-family: "Roboto";
  src: url(../Roboto-Regular.ttf); }
body, html {
  margin: 0;
  font-family: "Raleway";
  font-size: 0.9em;
  line-height: 1.3em;
  height: 100%; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Raleway"; }

.container {
  margin: 0 auto; }
  @media (min-width: 768px) {
    .container {
      max-width: 750px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 970px; } }
  @media (min-width: 1230px) {
    .container {
      max-width: 1100px; } }

.clearfix:before, nav:before, .row:before, .container:before {
  display: table;
  content: " "; }
.clearfix:after, nav:after, .row:after, .container:after {
  display: table;
  content: " ";
  clear: both; }

.videos {
  text-align: center; }
  .videos .video-portada {
    width: 19%;
    position: relative;
    display: inline-block; }
    .videos .video-portada:hover {
      background-color: white;
      opacity: 0.4; }
    .videos .video-portada:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 100;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(../img/yt_icon_rgb.png);
      background-size: 25% auto;
      pointer-events: none;
      opacity: 0.9; }
    .videos .video-portada .link-video {
      width: 100%;
      display: inline-block;
      margin: 0.25%; }

.videos-youtube {
  text-align: center; }
  .videos-youtube li {
    width: 45%;
    border: 0 none;
    background-color: #fff;
    padding: 8px 14px;
    list-style-type: none;
    display: inline-block; }
    @media (max-width: 979px) {
      .videos-youtube li {
        display: block; } }

#continue-shopping-link a, .form-submit, .incomp-buttons input, input[type='button'], #uc-attribute-option-form div > a, #uc-attribute-form div > a, #uc-object-options-form .add-option, #uc-object-options-form .add-option, #uc-attribute-options-form div > a, #uc-object-attributes-form div > a, .item-list ~ a[href*="admin/store/attributes/add"] {
  font: bold 13px/17px "Roboto", sans-serif;
  color: #FFF;
  background: #000;
  border: none;
  padding: 5px 10px 5px 10px;
  border-radius: 0;
  min-width: 100px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative; }
  #continue-shopping-link a:hover, .form-submit:hover, .incomp-buttons input:hover, input[type='button']:hover, #uc-attribute-option-form div > a:hover, #uc-attribute-form div > a:hover, #uc-object-options-form .add-option:hover, #uc-object-options-form .add-option:hover, #uc-attribute-options-form div > a:hover, #uc-object-attributes-form div > a:hover, .item-list ~ a[href*="admin/store/attributes/add"]:hover {
    cursor: pointer;
    background-color: #FF0309; }

.view-Categories li {
  padding: 0;
  float: left;
  margin-bottom: 10px;
  height: 240px !important;
  overflow: hidden;
  width: 33.3% !important;
  -webkit-box-shadow: inset 18px 0 65px 20px #EBEBEB;
  -moz-box-shadow: inset 18px 0 65px 20px #ebebeb;
  box-shadow: inset 18px 0 65px 20px #EBEBEB;
  border: 0 none;
  background: none; }
  .view-Categories li a {
    text-decoration: none; }
  .view-Categories li .views-field-field-big-font-value a {
    color: #000;
    font-weight: bold;
    font-size: 50px;
    position: relative;
    top: 56px;
    left: 40px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .view-Categories li .views-field-field-medium-font-value a {
    color: #FF0309;
    font-weight: bold;
    font-size: 40px;
    position: relative;
    top: 82px;
    left: 40px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .view-Categories li .views-field-field-small-font-value {
    width: 80%; }
    .view-Categories li .views-field-field-small-font-value a {
      color: #777;
      font-weight: bold;
      font-size: 22px;
      position: relative;
      top: 113px;
      left: 40px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .view-Categories li:hover .views-field-field-big-font-value a {
    position: relative;
    top: 90px; }
  .view-Categories li:hover .views-field-field-medium-font-value a {
    position: relative;
    top: 116px; }
  .view-Categories li:hover .views-field-field-small-font-value a {
    position: relative;
    top: 200px; }

#content table {
  margin-bottom: 10px; }

#more-info {
  max-height: 60%; }
  #more-info h1 {
    font-size: 23px; }
  #more-info h2 {
    font-size: 20px;
    margin-bottom: 0.2em; }

.region-blocks {
  background-color: #808080;
  color: #FFFFFF;
  margin-top: 45px;
  min-height: 370px; }
  .region-blocks h3 {
    color: #FCFCFC;
    font-size: 20pt;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal; }
  .region-blocks block-block {
    float: left;
    height: 300px;
    text-align: center;
    width: 33.3%; }
  .region-blocks p {
    font-size: 11pt;
    text-align: justify;
    line-height: 20px; }
  .region-blocks b {
    color: #ED9929; }
  .region-blocks ul {
    margin-left: 55px;
    text-align: left; }
    .region-blocks ul li {
      font-size: 11pt;
      margin-bottom: 3px; }

.region-sub-blocks > .block {
  margin-left: auto;
  margin-right: auto;
  width: 80%; }
.region-sub-blocks h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; }
.region-sub-blocks p {
  font-size: 15pt; }

#content {
  padding-bottom: 20px;
  padding-top: 20px;
  min-height: 370px; }
  #content .help {
    margin: 0 auto;
    width: 980px;
    padding-top: 20px; }
  #content .tabs {
    margin-bottom: 9px; }
  #content table {
    margin-bottom: 10px; }
  #content .messages.status {
    background: none repeat scroll 0 0 #F8FFF0;
    border: 1px solid #BBEE77;
    border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 12px; }

.views-field-field-text-slide-value {
  background-color: #c4b6ab;
  height: 44px;
  line-height: 39px;
  opacity: 0.7;
  position: relative;
  text-align: left;
  top: -51px; }
  .views-field-field-text-slide-value > .field-content {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13pt;
    font-style: italic;
    margin-left: 45px;
    font-weight: bold; }

.breadcrumb {
  padding-bottom: 0; }
  .breadcrumb > a {
    color: #777;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .breadcrumb > a:hover {
      color: #FF0309; }
  .breadcrumb:last-child {
    padding-bottom: 0.5em; }

.multiples_breadcrumb div {
  padding: 0; }
.multiples_breadcrumb .breadcrumb {
  padding-bottom: 1.2em; }

.imagefield-field_image_slide {
  width: 100% !important;
  height: auto !important; }

.promaster img {
  float: left;
  padding-left: 130px; }
.promaster h2 {
  position: relative;
  top: 153px;
  left: 9px;
  color: #FF0309;
  text-decoration: none; }
@media (max-width: 990px) {
  .promaster {
    text-align: center;
    width: 100%;
    display: block; }
    .promaster img {
      float: none;
      padding-left: 0; }
    .promaster h2 {
      top: 0;
      left: 0; } }

#moreinfo {
  border: 3px solid #FF0309; }
  #moreinfo h1 {
    color: #FF0309; }
  @media (max-width: 768px) {
    #moreinfo {
      width: 80%;
      margin-left: 0;
      left: 10%; } }

@media (max-width: 1100px) {
  .sliding-popup-bottom .popup-content {
    width: 100% !important; }
    .sliding-popup-bottom .popup-content #popup-text {
      width: 100% !important;
      float: none !important;
      margin: 5px 0 5px 0 !important;
      text-align: center !important; }
    .sliding-popup-bottom .popup-content #popup-buttons {
      float: none !important;
      margin: 10px 0 10px 0 !important; } }

.rotor-items {
  width: 100% !important; }

.landing-page {
  border-top: 0 none; }
  .landing-page .landing-title h2 {
    color: #FF0309; }
  .landing-page .landing-button button {
    background-color: #FF0309; }
  @media (max-width: 1000px) {
    .landing-page iframe, .landing-page img {
      max-width: 100% !important; }
    .landing-page .landing-button, .landing-page .landing-title {
      text-align: center; } }

.services {
  margin-top: 45px;
  display: inline-block; }
  .services .left {
    font-size: 15px; }
    .services .left h2 {
      font-weight: bold;
      margin-top: 0; }
      .services .left h2 span {
        color: red; }
  .services .right {
    text-align: center;
    position: relative;
    padding: 47px 0;
    background: #ededed; }
  .services .fa {
    font-size: 60px; }

.contact {
  margin-top: 45px; }
  .contact .left {
    font-size: 15px; }
    .contact .left h2 {
      font-weight: bold;
      margin-top: 0; }
    .contact .left span {
      margin-left: 10px;
      width: 90%;
      display: inline-block; }
    .contact .left .fa {
      font-size: 40px; }

.whatsapp-block {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: white;
  border-radius: 42px;
  padding: 11px;
  width: 74px;
  text-align: center;
  border: 1px solid #28ac00; }
  .whatsapp-block p {
    margin: 0 !important; }
  .whatsapp-block .fa-whatsapp {
    font-size: 50px;
    color: #28ac00; }
  .whatsapp-block:hover {
    background: #28ac00; }
    .whatsapp-block:hover .fa-whatsapp {
      color: white; }

.rec_blog hr {
  border-top: 2px solid black; }

.blog-entry-images .image-column {
  display: inline-block;
  width: 30%; }
.blog-entry-images .text-column {
  width: 70%;
  display: inline-block; }
.blog-entry-images .h2-blog-entry {
  padding: 10px 0; }
  .blog-entry-images .h2-blog-entry a {
    color: black;
    font-weight: bold; }
.blog-entry-images img {
  width: 100%;
  height: auto; }
.blog-entry-images .blog-entry-content {
  padding: 0; }

.even.blog-entry-images .text-column {
  padding: 0 20px 0 0; }

.odd.blog-entry-images .text-column {
  padding: 0 20px; }

.node-type-blog .title {
  background-color: white;
  border: 0 none;
  border-radius: 0;
  color: black;
  margin-bottom: 0 !important;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0;
  width: 80%;
  border-bottom: 1px solid;
  margin: 0 auto; }
.node-type-blog .node .content {
  background-color: white;
  border: 0 none;
  border-radius: 0;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 3px;
  padding-bottom: 9px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
  margin: 0 auto;
  font-size: 18px;
  line-height: 20px; }
.node-type-blog .links {
  display: block;
  width: 100%; }
  .node-type-blog .links li {
    text-align: right;
    display: block; }
    .node-type-blog .links li .back-to-blog {
      left: auto; }

.blog-image {
  margin-bottom: 30px; }
  .blog-image img {
    width: 100%; }

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