/* -------------------------------- 

Primary style

-------------------------------- */

html {
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
  font-size:62.50%;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  color: #2e2b2f; /* Color por defecto de todos los textos de la web */
  background-color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
}

a {
  color: #2e2b2f;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

  a:hover {
    color: rgb(244,124,0); /* Color por defecto de todos los hover de los links de la web */
  }

img {
  max-width: 100%;
}

input {
  font-family: sans-serif;
  font-size: 1.4rem;
}

input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

strong, b {
  font-weight: 700;
}

i, em, .italic {
  font-style: italic;
}

.float-right {
  float: right !important;
}

.clear {
  clear: both;
}

.align-middle {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}

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

/* Justified list */
.justified-list {
  text-align: justify;
  list-style: none;
  margin: 0;
  padding: 0;
}

  .justified-list li {
    display: inline-block;
    vertical-align: top;
  }

  .justified-list li.gap {
    opacity: 0;
    height: 0;
    display: inline-block;
  }



/* -------------------------------- 

Common components

-------------------------------- */

html, body {
  height: 100%;
}

.wrapper_general {
  width: 100%;
}

.navbar .container,
#footer .container,
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
/*.cd-container:after {
  content: "";
  display: table;
  clear: both;
}*/

  .blog-page .cd-container {
    max-width: 1280px;
  }

.unit {
  float:left;
}

.relative-unit {
  position: relative;
}

.xs-c10 {width: 10%;}
.xs-c15 {width: 15%;}
.xs-c20 {width: 20%;}
.xs-c25 {width: 25%;}
.xs-c33 {width: 33.333%;}
.xs-c50 {width: 50%;}
.xs-c60 {width: 60%;}
.xs-c66 {width: 66.666%;}
.xs-c75 {width: 75%;}
.xs-c80 {width: 80%;}
.xs-c85 {width: 85%;}
.xs-c100 {width: 100%;}

.hide-xs,
.hide-sm {
  display: none;
}

.comp {
}

.unit img {
  width: 100%;
}


/* -------------------------------- 

Resoluciones superiores a 480px 

-------------------------------- */

  @media (min-width: 480px) {

    .s-c10 {width: 10%;}
    .s-c15 {width: 15%;}
    .s-c16 {width: 16.666%;}
    .s-c20 {width: 20%;}
    .s-c25 {width: 25%;}
    .s-c33 {width: 33.333%;}
    .s-c40 {width: 40%;}
    .s-c50 {width: 50%;}
    .s-c60 {width: 60%;}
    .s-c66 {width: 66.666%;}
    .s-c75 {width: 75%;}
    .s-c80 {width: 80%;}
    .s-c84 {width: 83.3333%;}
    .s-c85 {width: 85%;}
    .s-c90 {width: 90%}
    .s-c100 {width: 100%;}

  }


/* -------------------------------- 

Resoluciones superiores a 768px 

-------------------------------- */

  @media (min-width: 768px) {

    .sm-c10 {width: 10%;}
    .sm-c15 {width: 15%;}
    .sm-c16 {width: 16.666%;}
    .sm-c20 {width: 20%;}
    .sm-c25 {width: 25%;}
    .sm-c33 {width: 33.333%;}
    .sm-c40 {width: 40%;}
    .sm-c50 {width: 50%;}
    .sm-c55 {width: 55%;}
    .sm-c60 {width: 60%;}
    .sm-c66 {width: 66.666%;}
    .sm-c70 {width: 70%;}
    .sm-c75 {width: 75%;}
    .sm-c80 {width: 80%;}
    .sm-c84 {width: 83.3333%;}
    .sm-c85 {width: 85%;}
    .sm-c90 {width: 90%}
    .sm-c100 {width: 100%;}
    .sm-auto {width: auto;}

    .hide-xs {
      display: block;
    }

    .hide-sm {
      display: none;
    }

    .justified-list ul:after {
      content: "";
      display: table;
      clear: both;
    }

  }



/* -------------------------------- 

Resoluciones superiores a 960px 

-------------------------------- */

  @media (min-width: 960px) {

    .c10 {width: 10%;}
    .c15 {width: 15%;}
    .c16 {width: 16.666%;}
    .c20 {width: 20%;}
    .c25 {width: 25%;}
    .c33 {width: 33.333%;}
    .c35 {width: 35%;}
    .c40 {width: 40%;}
    .c45 {width: 45%;}
    .c50 {width: 50%;}
    .c55 {width: 55%;}
    .c60 {width: 60%;}
    .c66 {width: 66.666%;}
    .c75 {width: 75%;}
    .c80 {width: 80%;}
    .c84 {width: 83.3333%;}
    .c85 {width: 85%;}
    .c90 {width: 90%}
    .c100 {width: 100%;}

  }


/* -------------------------------- 

Resoluciones superiores a 1024px 

-------------------------------- */

  @media (min-width: 1024px) {

    .md-c10 {width: 10%;}
    .md-c15 {width: 15%;}
    .md-c16 {width: 16.666%;}
    .md-c20 {width: 20%;}
    .md-c25 {width: 25%;}
    .md-c33 {width: 33.333%;}
    .md-c35 {width: 35%;}
    .md-c40 {width: 40%;}
    .md-c45 {width: 45%;}
    .md-c50 {width: 50%;}
    .md-c55 {width: 55%;}
    .md-c60 {width: 60%;}
    .md-c66 {width: 66.666%;}
    .md-c70 {width: 70%;}
    .md-c75 {width: 75%;}
    .md-c80 {width: 80%;}
    .md-c84 {width: 83.3333%;}
    .md-c85 {width: 85%;}
    .md-c90 {width: 90%}
    .md-c100 {width: 100%;}

  }



/* -------------------------------- 

Resoluciones superiores a 1170px 

-------------------------------- */

  @media (min-width: 1170px) {
    .lg-auto {
      width: auto;
    }
  }


/* -------------------------------- 

Resoluciones superiores a 1366px 

-------------------------------- */

  @media (min-width: 1366px) {

    .lg-c10 {width: 10%;}
    .lg-c15 {width: 15%;}
    .lg-c16 {width: 16.666%;}
    .lg-c20 {width: 20%;}
    .lg-c25 {width: 25%;}
    .lg-c33 {width: 33.333%;}
    .lg-c35 {width: 35%;}
    .lg-c40 {width: 40%;}
    .lg-c45 {width: 45%;}
    .lg-c50 {width: 50%;}
    .lg-c55 {width: 55%;}
    .lg-c60 {width: 60%;}
    .lg-c66 {width: 66.666%;}
    .lg-c70 {width: 70%;}
    .lg-c75 {width: 75%;}
    .lg-c80 {width: 80%;}
    .lg-c84 {width: 83.3333%;}
    .lg-c85 {width: 85%;}
    .lg-c90 {width: 90%}
    .lg-c100 {width: 100%;}

  }


/* -------------------------------- 

Resoluciones superiores a 1680px 

-------------------------------- */

  @media (min-width: 1680px) {

    .xl-c10 {width: 10%;}
    .xl-c15 {width: 15%;}
    .xl-c16 {width: 16.666%;}
    .xl-c20 {width: 20%;}
    .xl-c25 {width: 25%;}
    .xl-c33 {width: 33.333%;}
    .xl-c35 {width: 35%;}
    .xl-c40 {width: 40%;}
    .xl-c45 {width: 45%;}
    .xl-c50 {width: 50%;}
    .xl-c55 {width: 55%;}
    .xl-c60 {width: 60%;}
    .xl-c66 {width: 66.666%;}
    .xl-c70 {width: 70%;}
    .xl-c75 {width: 75%;}
    .xl-c80 {width: 80%;}
    .xl-c84 {width: 83.3333%;}
    .xl-c85 {width: 85%;}
    .xl-c90 {width: 90%}
    .xl-c100 {width: 100%;}

  }