/* * {border: 1px solid red;}*/

html {
  width: 100%;
  background-color: #ffffff;
}

div {margin:0; padding:0;}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
    }

body {
    min-width: 300px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    font-weight: normal;
    font-family: "Helvetica", "Inter" sans-serif;
    color: #EeEEEE;
    margin: 0px;
    margin-top: -15px;
    background-color: #252627;
    /*background-size:  cover;
    background-repeat: no-repeat;
    background-position: center center;*/
}

/*
.wrapper {
  background: linear-gradient(145deg, rgba(0,0,0,0.93) 0%,
    rgba(0,0,0,0.90) 20%, rgba(0,0,0,0.90) 80%, rgba(0,0,0,0.92) 100%);
}
*/

/*
#ce {
  background-color: #FECB00;
  color: #282828;
}
#ce a:link {
  background: none;
  color: #002147;
}
#ce a:hover {
  background: none;
  color: black;
  border-bottom: 1px solid black;
}
*/


a,
a:link {
  color: #08F;
  text-decoration: none;
  border-bottom: 1px dotted #09F;
  background-color: rgba(0,0,0,0.12);
}
a:hover {
  color: #FF8C00;
  border-bottom: 1px solid #FF8C00;
}

a.low:link {
  color: #C0FFE0;
  text-decoration: none;
  border-bottom: 1px dotted #CCFFEE;
  background: none;
}
a.low:hover {
  color: #FF8C00;
  border-bottom: 1px solid #FF8C00;
}
a.low:visited {
  color: silver;
  border-bottom: 1px dotted silver;
}

#nav a,
#nav a:link {
  color: #e0e0e0;
  border-bottom: 1px dotted #e0e0e0;
}
#nav a:hover {
  color: #FF8C00;
  border-bottom: 1px solid #FF8C00;
}


a.cta:link {
  display: inline-block;
  color: #EeEEEE;
  border: none;
  padding: 0px 7px;
  border-radius: 3px;
  background: #2F3031;
  box-shadow: 0px 1px 2px #000000;
}
a.cta:hover {
  color: #ffffff;
  background: #333435;
  box-shadow: 0px 1px 3px #000000;
}
a.cta:visited {
  color: #BBB;
  background: none;
}



.wrapper {
  width: 100%;
  background-size:  cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-width: 300px;
}
.wrapper {
  /*background-image: linear-gradient(to right,
    rgba(245,250,255,0.2),
    rgba(245,250,255,0.3),
    rgba(245,250,255,0.25),
    rgba(245,250,255,0.2)
    );*/
}

.container-fluid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    }

.flex-item {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 360px;
    }


.float-left {
    float: left;
    display: inline-block;
    }

.float-right {
    float: right;
    display: inline-block;
    }

#nav {
  text-align: center;
  margin-top: 15px;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -27px;
}
#nav a {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0px;
}

.lang {
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
  margin-bottom: 5px;
}

section {
  max-width: 825px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-right: 35px;
  padding-left: 35px;
  background-color: rgba(255,255,255,0.02);
  border-radius: 7px;
  box-shadow: -3px 3px 12px rgba(0,0,0,0.12)
}

strong {
  font-weight: normal;
  text-decoration: underline;
}

p {
    margin: 0;
    padding: 0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
p.macro {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

ol,
ul,
li {
  margin: 0px;
  margin-left: 0.5em;
  padding: 0px;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.negocio {
  padding-top: 20px;
  padding-bottom: 20px;
}


footer {
  max-width: 100%;
  text-align: left;
  margin-top: 160px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0px;
  background-color: rgba(0,0,0,0.05);
}
footer p {
  max-width: 825px;
  margin-right: auto;
  margin-left: auto;
  padding-rigth: 7px;
  padding-left: 7px;
  color: #777777;
}

.macro li {margin-bottom: 1.5rem;}

small, .small {font-size:0.85em;}

.verde {color: #074;}
.gris, .gris a {color: #8D8D8D;}
.azul {color: #0077BB;}

.center {text-align:center;}


@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
#face {
  opacity: 0;
  animation: fade-in 7s ease-in-out 9s forwards;
  display: block;
  float: right;
  width: 76px;
  height: 76px;
  margin: 0px 5px 20px 20px;
  clear: all;
  border-radius: 10px;
  box-shadow: -3px 3px 12px rgba(0,0,0,0.25);
}
#face:hover {
  transform: rotate(-4deg);
  transition: 0.3s ease-in-out;
}


/* ************************************************************************** */

@media screen and (max-width: 769px)  {
  section {
  margin-top: 30px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0px;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  padding-right: 15px;
  padding-left: 25px;
  }
}


@media screen and (max-width: 601px)  {
  section {
  margin-top: 20px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 0px;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 10px;
  padding-left: 15px;
  }

  .wrapper {
    background: #212121;
  }
  section {
    box-shadow: none;
  }
  footer {
    margin:0;
    margin-top: 50px;
    padding-left: 10px;
  }

}