@import url("https://fonts.googleapis.com/css?family=Open+Sans");
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  background: #373A3C;
  font-size: 16px;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 24px;
  color: #fff;
  max-width: 1400px;
  margin: 0 auto; }

section {
  position: relative;
  margin: 0 auto; }

h1 {
  margin-top: 15px;
  font-size: 48px;
  line-height: 1.2;
  color: white; }

h2 {
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  margin-top: 20px;
  color: white; }

h3 {
  font-size: 24px; }

a {
  color: #fff;
  margin: 0 auto; }

img {
  margin: 0 auto;
  display: block; }

.btn {
  background: #8DD83D;
  display: inline-block;
  padding: 10px 24px;
  text-decoration: none;
  text-align: center;
  border-radius: 4px; }
  .btn:hover {
    background: #25A50A; }
  .btn.grey {
    background: #535759; }
  .btn:nth-of-type(2) {
    margin-left: 25px; }

section {
  padding: 20px; }
  section.starWars {
    background-image: url("../img/section.jpeg"); }
  section.value {
    background-image: url("../img/section2.png");
    background-repeat: no-repeat;
    background-size: cover; }
    section.value > img {
      margin: 50px auto 20px; }
    section.value h1, section.value h2 {
      text-align: center; }
    section.value h2 {
      margin: 3px 0 40px; }
  section.exclusive {
    background-image: url("../img/comando2.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; }
    section.exclusive h2 {
      margin: 60px 0 45px; }
    section.exclusive .btn.grey {
      padding: 10px 38px; }
  section .callout {
    max-width: 500px;
    margin: 0 auto; }
    section .callout h1 {
      margin-top: 0; }
    section .callout h2 {
      text-align: left; }
    section .callout h3 {
      margin-bottom: 16px;
      line-height: 30px; }
    section .callout p {
      margin-bottom: 20px; }

.design {
  background-image: url("../img/byker7.png");
  background-repeat: no-repeat;
  background-size: cover; }
  .design .callout {
    text-align: left; }

.module {
  cursor: pointer;
  text-align: left;
  background: #fff;
  max-width: 260px;
  margin: 20px auto;
  border-radius: 6px;
  overflow: hidden; }
  .module img {
    width: 100%; }
  .module div {
    padding: 20px 20px 30px; }
  .module h3 {
    color: #ACB5BC;
    font-size: 18px; }
  .module p {
    color: #000;
    margin: 10px 0 30px;
    font-size: 24px;
    line-height: 30px; }
  .module .btn {
    display: block; }

footer {
  padding: 30px;
  font-size: 14px; }
  footer a {
    text-decoration: none;
    display: inline-block;
    padding: 6px 0; }
  footer ul {
    margin-bottom: 20px; }
    footer ul:last-of-type {
      margin-bottom: 0; }
  footer li {
    font-weight: normal; }
    footer li:first-child, footer li li a {
      color: #7DD42F;
      text-decoration: none;
      font-size: 18px; }
    footer li ul {
      padding-top: 10px; }
    footer li li {
      text-decoration: none;
      display: inline;
      padding: 5px; }
      footer li li a {
        padding: 2px; }

@media screen and (min-width: 700px) {
  footer {
    padding: 50px 7%; }
    footer > ul {
      text-decoration: none;
      display: inline-block;
      vertical-align: top;
      width: 32%;
      margin: 0; } }
@media screen and (min-width: 750px) {
  .callout.derecha {
    margin: 120px 90px 90px auto; }

  .value {
    margin-bottom: 30px; }

  .moduleContainer {
    text-align: center;
    padding: 3px 40px; }

  .module {
    display: inline-block;
    margin: 10px; }

  a.btn {
    text-align: center; } }
@media screen and (min-width: 900px) {
  .callout .btn {
    padding: 10px 40px; }

  .exclusive a.btn.grey {
    margin-top: 20px;
    margin-bottom: 80px; }

  .design .callout {
    padding-top: 100px;
    padding-bottom: 100px; }
  .design p {
    font-weight: bold; } }
/*efecto guardado para un futuro*/
/*.module {position: relative; z-index: 0;} 
.module:hover {background-color: transparent; z-index: 50;} 
.module span img{ border-width: 0; padding: 2px; } 
.module:hover span{ visibility: visible; top: 0; left: 0px; } 
.module span{ 
position: absolute; 
background-color: #FAFAFA; 
-webkit-box-shadow: 0 0 4px 2px #D6D6D6; 
box-shadow: 0 0 5px 2px #D6D6D6; 
padding: 5px; 
left: -100px; 
border: 3px double gray; 
visibility: hidden; 
color: #000; 
text-align:center; 
text-decoration: none; 
} */

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