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

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

/******* Function convert px to em *******/
/* Foundation Variables */
/* The default font-size is set to 100% of the browser style sheet (usually 16px) */
/* for compatibility with browser-based text zoom or user-set defaults. */
/* This is the default html and body font-size for the base em value. */
/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. */
/* If you want your base font-size to be a different size and not have it effect grid size too, */
/* set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */
/* It strips the unit of measure and returns it */
/* New Syntax, allows to optionally calculate on a different base value to counter compounding effect of em's. */
/* Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported */
/* em-calc(10 20 30px 40); */
/* Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets */
/* em-calc((10, 20, 30, 40px)); */
/* Optionally call with a different base (eg: 8px) to calculate em. */
/* em-calc(16px 32px 48px, 8px); */
/* If you require to comma separate your list */
/* em-calc((16px, 32px, 48), 8px); */
/******* End convert function px to em ********/
/* Fuentes */
/* Raleway */
/* Reset */
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
/* normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */ }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.4625em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.9125em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.875em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.875em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Colores */
/* GRID */
/* COLORES GENERALES*/
/* POSICIÓN DEL BOTÓN ABRIR MENÚ */
/* Css Estilos Generales */
/* ESTILOS GENÉRICOS */
/* CONTENEDORES */
body {
  min-height: 500px;
  background: #333333;
  /* texto */
  font-family: 'Raleway', sans-serif;
  color: white;
  font-weight: 300;
  font-size: 0.9375em;
  line-height: normal; }

body, html, main {
  width: 100%;
  height: 100%; }

body > main {
  height: auto;
  min-height: 100%; }

/* Contenedor universal */
main {
  width: 100%;
  position: relative;
  float: left; }

/* Top y bottom */
header, footer {
  width: 100%;
  float: left;
  z-index: 200; }

header {
  background: url('../img/../img/layout/bg_top.png?1417936606') top left repeat-x;
  height: 40px;
  position: relative; }

/* Contenedor central */
section {
  max-width: 985px;
  margin: 0 auto;
  position: relative;
  *zoom: 1;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto; }
  section:after {
    content: "";
    display: table;
    clear: both; }
  section * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  @media (min-width: 42.8em) {
    section {
      padding-left: 20px; } }
  @media (min-width: 64.4em) {
    section {
      padding: 0; } }

/* Footer */
footer {
  background: url('../img/../img/layout/bg_bottom.png?1417936529') top left repeat-x;
  font-size: 0.8125em;
  height: 42px; }
  footer section p, footer section a {
    display: none; }
  footer ul {
    float: right;
    margin-top: 13px; }
    footer ul li {
      vertical-align: top;
      display: inline-block;
      margin: 0 8px; }
      footer ul li:first-child {
        padding: 5px; }
  @media (min-width: 42.8em) {
    footer {
      position: relative;
      margin-top: -42px;
      clear: both; }
      footer section {
        height: 42px; }
        footer section a {
          color: white;
          display: inline-block; }
        footer section p {
          float: left;
          padding-top: 18px;
          display: inline-block; } }

.footerTab {
  position: relative;
  background: none;
  float: left;
  height: 42px; }
  .footerTab img {
    margin: 7px 0 0 7px; }
  @media (min-width: 42.8em) {
    .footerTab {
      background: url('../img/../img/layout/bg_ketchum.png?1423373517') top left no-repeat;
      background-size: 100%;
      text-align: center;
      position: absolute;
      bottom: 38px;
      width: 208px;
      /*height: 66px;*/
      height: 40px}
      .footerTab img {
        margin: 25px 6px 0 0; } }

/* Logotipo responsive */
.logoMenuDesktop {
  display: none; }
  @media (min-width: 42.8em) {
    .logoMenuDesktop {
      display: block;
      width: 85%;
      margin: auto; } }

.logoMenuMobile {
  display: block;
  float: right;
  height: 28px;
  margin: 5px 15px 0 0; }
  @media (min-width: 42.8em) {
    .logoMenuMobile {
      display: none; } }

/* Comienza navegación responsive */
header {
  position: fixed;
  width: 100%;
  left: 0;
  transition: all 0.3s ease; }
  header a.openMenu, header a.closeMenu {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 28px;
    height: 28px; }

/* Caja slideable de contenidos */
.page-wrap {
  float: right;
  width: 100%;
  transition: width 0.3s ease; }

/* Caja con menú mobile */
.main-nav {
  text-transform: uppercase;
  position: fixed;
  padding-top: 38px;
  width: 0;
  height: 100%;
  background: white;
  overflow-y: auto;
  transition: width 0.3s ease; }
  .main-nav a {
    display: block;
    background: linear-gradient(#ffffff, #eeeeee);
    border-top: 1px solid white;
    text-decoration: none !important;
    border-bottom: 1px solid #e4e4e4;
    color: #00aeef;
    padding: 8px; }
    .main-nav a:hover, .main-nav a:focus {
      background: linear-gradient(#484848, #383838); }
  .main-nav:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 34px; }

/*.content {
  padding: 100px 20px 20px 20px;
}*/
/* Estilos botón menú */
.close-menu {
  display: none; }

.close-menu, .open-menu {
  text-decoration: none !important;
  position: absolute;
  text-indent: -9000px;
  z-index: 200;
  left: 8px;
  top: 4px;
  width: 28px;
  height: 28px;
  background: url('../img/../img/layout/toggle.gif?1424930396') center center no-repeat; }
  @media (min-width: 42.8em) {
    .close-menu, .open-menu {
      display: none; } }

/* Acciones para ejecutar */
#main-nav:target {
  width: 40%; }

#main-nav:target + .page-wrap {
  width: 60%; }
  #main-nav:target + .page-wrap .open-menu {
    display: none; }
  #main-nav:target + .page-wrap .close-menu {
    display: block; }
  #main-nav:target + .page-wrap .main-header {
    width: 60%;
    left: 35%; }

/* MENÚS */
/* Menú principal */
.menuMain {
  position: absolute;
  top: 0;
  z-index: 999;
  display: none; }
  @media (min-width: 42.8em) {
    .menuMain {
      width: 24.29907%;
      float: left;
      margin-right: 0.93458%;
      display: block; } }
  @media (min-width: 64.4em) {
    .menuMain {
      width: 24.53416%;
      float: left;
      margin-right: 0.62112%; } }
  .menuMain ul {
    background: url('../img/../img/layout/bg_menu.png?1417936774') top left no-repeat;
    background-size: 100%;
    float: left; }
    @media (min-width: 42.8em) {
      .menuMain ul {
        width: 13.75em;
        padding: 1.5em .62em 0 0;
        height: 290px; } }
    .menuMain ul a {
      text-decoration: none;
      color: #666666;
      width: 100%;
      padding: .62em 0;
      display: block; }
    .menuMain ul a:hover, .menuMain ul .sectionSelect {
      color: #00467f;
      font-weight: 500; }
    .menuMain ul li {
      font-size: 1.125em;
      text-transform: uppercase;
      text-align: center;
      font-weight: 300; }
      .menuMain ul li:first-child {
        margin-bottom: .8em; }
        .menuMain ul li:first-child a {
          padding: 0;
          margin-top: 0;
          text-align: center; }

/* Menú secundario */
.menuSecond {
  display: none; }
  @media (min-width: 42.8em) {
    .menuSecond {
      margin-top: 0;
      font-weight: 500;
      display: block;
      float: right;
      margin-top: 10px; }
      .menuSecond a {
        text-decoration: none;
        font-size: 0.875em;
        color: white; }
      .menuSecond a:hover {
        color: #00aeef; }
      .menuSecond li {
        display: inline;
        padding: 10px 5px; } }

/* TEXTOS */
h1 {
  text-transform: uppercase;
  font-size: 2.25em;
  font-weight: 300;
  line-height: normal;
  color: #00aeef; }

h2, h3 {
  text-transform: capitalize;
  font-weight: 700; }

h2 {
  color: #939598;
  margin-bottom: 30px;
  font-size: 1.25em; }

h3 {
  color: #00aeef;
  margin-bottom: 1.25em;
  font-size: 1.125em; }

p {
  margin-bottom: 10px;
  line-height: normal;
  font-weight: 500; }

strong {
  font-weight: bold;
  font-size: inherit; }

a {
  color: #00aeef; }

img {
  max-width: 100%; }

/* LISTAS */
ul.textList, ol.orderList {
  font-weight: 500; }
  ul.textList li, ol.orderList li {
    list-style-type: none !important;
    padding-left: 1em;
    text-indent: -.7em;
    margin-bottom: .3em; }
  ul.textList li:before, ol.orderList li:before {
    content: "• ";
    color: #00aeef;
    font-weight: 700;
    font-size: 1.25em; }

ol.orderList {
  counter-reset: li-counter; }
  ol.orderList li {
    text-indent: -1.1em; }
  ol.orderList li:before {
    content: counter(li-counter) ". ";
    counter-increment: li-counter;
    color: #00aeef; }

/* CALL TO ACTIONS */
.ctaText {
  background: url('../img/../img/layout/arrow.png?1417936529') center right no-repeat;
  text-decoration: none;
  font-weight: 700;
  color: #00aeef;
  padding: 10px 15px 10px 0; }
  .ctaText:hover {
    text-decoration: underline; }

.ctaBoton {
  font-weight: 500;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: white;
  font-size: 0.875em;
  padding: .62em;
  text-align: center;
  width: 100%;
  float: left;
  margin-right: 1.88679%;
  display: inline; }
  @media (min-width: 42.8em) {
    .ctaBoton {
      width: auto; } }

/* Paginador */
.navPag {
  display: block;
  float: right;
  vertical-align: top;
  margin: -15px -5px 0 0; }
  .navPag li {
    display: inline-block;
    height: 10p10;
    margin: 0 0 0 4px; }
  .navPag span {
    cursor: pointer;
    display: inline-block;
    text-indent: -9999px; }

/* FORMS */
/* inputs */
.inputText, .inputTextArea {
  height: 28px;
  text-indent: 12px;
  outline: none;
  color: #00aeef;
  font-size: 0.75em;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  line-height: 30px\9; }

.inputTextArea {
  height: 85px;
  margin: 0; }

/* ie 10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .inputText {
    padding-left: 3px; } }
/* Placeholder */
::-webkit-input-placeholder {
  /*color: $colorGrayLightB;*/ }

/* Selects */
.contentSelect {
  position: relative;
  display: inline-block;
  vertical-align: top; }

select {
  position: relative;
  cursor: pointer;
  border: 0;
  height: 28px;
  width: 100%;
  z-index: 10;
  opacity: 0; }

span.select {
  width: 100%;
  display: block;
  background: url('../img/../img/forms/dropDown.png');
  background-repeat: no-repeat;
  background-position: top right;
  top: 0;
  color: #00aeef;
  font-size: 0.75em;
  font-family: 'Raleway', sans-serif;
  cursor: default;
  float: left;
  left: 0;
  position: absolute;
  z-index: 1;
  font-style: normal;
  text-indent: 12px;
  line-height: 30px; }
  span.select span {
    font-size: 0.75em; }

/* Checkboxes y Radios */
.option {
  margin-bottom: .87em; }

input[type="checkbox"], input[type="radio"] {
  display: none; }

input[type="checkbox"] + label, input[type="radio"] + label {
  cursor: pointer;
  margin-bottom: 1.5em;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: #00aeef; }

input[type="checkbox"] + label a, input[type="radio"] + label a {
  cursor: pointer;
  ont-family: 'Raleway', sans-serif;
  font-size: 13px;
  color: #00aeef;
  display: inline; }

input[type="checkbox"] + label span {
  display: inline-block;
  padding-left: 1.5em;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url('../img/../img/forms/checkbox.jpg?1423373516') left top no-repeat;
  cursor: pointer;
  line-height: 18px; }

input[type="radio"] + label span {
  display: inline-block;
  padding-left: 1.5em;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url('../img/../img/forms/radio.jpg') left top no-repeat;
  cursor: pointer;
  line-height: 17px; }

.checkboxClick {
  background: url('../img/../img/forms/checkChecked.jpg?1423373516') left top no-repeat !important; }

.radioClick {
  background: url('../img/../img/forms/radioChecked.jpg') left top no-repeat !important; }

/* SPRITES */
/* Redes sociales */
.social-sprite, .s_facebook, .s_twitter, .s_linkedin {
  background-image: url('../img/../img/sprites/social-s367b88c226.png');
  background-repeat: no-repeat; }

/* Clases */
.s_facebook, .s_twitter, .s_linkedin {
  cursor: pointer;
  display: inline-block;
  text-indent: -9999px; }
  .s_facebook a, .s_twitter a, .s_linkedin a {
    display: block; }

.s_facebook {
  background-position: 0 0;
  width: 10px;
  height: 20px; }
  .s_facebook:hover, .s_facebook.icon_fb-hover {
    background-position: 0 -20px; }

.s_twitter {
  background-position: 0 -80px;
  width: 26px;
  height: 20px; }
  .s_twitter:hover, .s_twitter.icon_tw-hover {
    background-position: 0 -100px; }

.s_linkedin {
  background-position: 0 -40px;
  width: 22px;
  height: 20px; }
  .s_linkedin:hover, .s_linkedin.icon_in-hover {
    background-position: 0 -60px; }

/* Css Slider */
/* ESTILOS SECCIONES */
/* Backgrounds */
.bgMethod {
  background: url('../img/../img/backs/bg_method_00.jpg?1423373516'); }

.bgMethod01 {
  background: url('../img/../img/backs/bg_method_01.jpg?1425447066'); }

.bgMethod02 {
  background: url('../img/../img/backs/bg_method_02.jpg?1425447210'); }

.bgMethod03 {
  background: url('../img/../img/backs/bg_method_03.jpg?1425447338'); }

.bgMethod04 {
  background: url('../img/../img/backs/bg_method_04.jpg?1425447484'); }

.bgMethod05 {
  background: url('../img/../img/backs/bg_method_05.jpg?1425447801'); }

.bgMethod06 {
  background: url('../img/../img/backs/bg_method_06.jpg?1425447983'); }

.bgSomos {
  background: url('../img/../img/backs/bg_somos_00.jpg?1425448451'); }

.bgSomos01 {
  background: url('../img/../img/backs/bg_somos_01.jpg?1425448220'); }

.bgSomos02 {
  background: url('../img/../img/backs/bg_somos_01.jpg?1425448220'); }

.bgAcerca {
  background: url('../img/../img/backs/bg_acerca_00.jpg?1425448128');
  /*background-image: url('../img/acerca/map_global.png'), url('../img/backs/bg_acerca_00.jpg') !important;
  background-position: center bottom, left top;*/ }

.bgAcerca01 {
  background: url('../img/../img/backs/bg_acerca_01.jpg?1423373516'); }

.bgAcerca02 {
  background: url('../img/../img/backs/bg_acerca_02.jpg?1424838645'); }

.bgAcerca03 {
  background: url('../img/../img/backs/bg_acerca_03.jpg?1423373516'); }

.bgAcerca04 {
  background: url('../img/../img/backs/bg_acerca_04.jpg?1423373516'); }

.bgContacto {
  background: url('../img/../img/backs/bg_contacto_00.jpg?1423373516'); }

/* Template secciones */
.sections {
  /* Especificaciones background */
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100%; }
  @media (min-width: 42.8em) {
    .sections {
      background-size: cover;
      padding-top: 0; } }
  @media (min-width: 64.4em) {
    .sections {
      padding-top: 0;
      /* NUEVO */
      max-width: 100%;
      height: calc(100% - 55px);
      background-size: cover; } }
  .sections section {
    height: 100%; }
  .sections article {
    height: 100%;
    position: relative;
    margin: 0 !important;
    float: right !important; }
  .sections img.heightMobile {
    display: block; }
    @media (min-width: 42.8em) {
      .sections img.heightMobile {
        display: none; } }

/* Submenú */
.openSub, .closeSub {
  display: none;
  z-index: 5;
  background: url('../img/../img/layout/arrow_content.png?1423373517') right center no-repeat;
  position: absolute;
  z-index: 99;
  top: 120px;
  left: -149px;
  width: 150px;
  height: 50px;
  text-align: center; }
  @media (min-width: 42.8em) {
    .openSub, .closeSub {
      display: block; } }
  .openSub a, .closeSub a {
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    font-size: 0.75em;
    line-height: 50px;
    font-weight: 500; }

.openSub a {
  background: white;
  padding: 2px 10px;
  opacity: .6;
  color: black; }

.subMenu {
  display: none;
  z-index: 97;
  background: none !important;
  box-shadow: none;
  float: right; }
  @media (min-width: 42.8em) {
    .subMenu {
      display: block; } }
  .subMenu div {
    -moz-box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 0px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    z-index: 97;
    width: 155px;
    transition-property: left;
    transition-duration: .5s;
    transition-timing-function: ease; }
    .subMenu div ul {
      margin: 215px 20px 0 10px;
      text-transform: uppercase;
      font-size: 1.0625em;
      text-align: center;
      color: #00aeef;
      font-weight: 500; }
      .subMenu div ul a {
        text-decoration: none;
        color: #00467f; }
      .subMenu div ul a:hover, .subMenu div ul .subSelect {
        color: #00aeef !important; }
      .subMenu div ul li {
        margin-bottom: 20px; }
  .subMenu .subAnimate {
    left: -150px; }
    .subMenu .subAnimate .openSub {
      display: none; }
    .subMenu .subAnimate .closeSub {
      display: block; }

/* Breadcrumb de sección */
.bcrumb, .sectionContent .sectionSub {
  text-transform: uppercase;
  font-size: 0.8125em;
  font-weight: 500;
  color: #939598;
  margin-bottom: 20px;
  position: relative; }
  @media (min-width: 42.8em) {
    .bcrumb, .sectionContent .sectionSub {
      position: absolute;
      top: 55px;
      left: 26px;
      margin-bottom: 0; } }
  .bcrumb a, .sectionContent .sectionSub a {
    background: url('../img/../img/layout/arrow_blue.png?1423373517') center right no-repeat;
    color: white;
    text-decoration: none;
    padding-right: 14px; }
    .bcrumb a:hover, .sectionContent .sectionSub a:hover {
      color: #00aeef; }
  .bcrumb li, .sectionContent .sectionSub li {
    display: inline-block;
    margin-right: 5px; }

/* Caja lateral de contenido */
.sectionContent {
  -moz-box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 0px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 0px 0;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 0px 0;
  background: #333333;
  z-index: 98;
  width: 100%;
  float: left;
  margin-right: 1.88679%;
  display: inline;
  padding: 20px 0 20px 20px;
  border: none; }
  @media (min-width: 42.8em) {
    .sectionContent {
      width: 49.53271%;
      float: left;
      margin-right: 0.93458%;
      border-left: 1px solid #484848;
      padding: 120px 5px 50px 25px; } }
  @media (min-width: 64.4em) {
    .sectionContent {
      width: 41.30435%;
      float: left;
      margin-right: 0.62112%; } }
  .sectionContent .sectionSub {
    border-bottom: 1px dotted #939598;
    padding-bottom: 10px;
    width: 94%;
    /*position: absolute !important;
    top: 20px !important;
    left: 22px;*/
    display: block; }
    @media (min-width: 42.8em) {
      .sectionContent .sectionSub {
        display: none; } }
    .sectionContent .sectionSub a {
      background: none !important;
      padding: 0 6px 0 5px !important;
      color: #00aeef !important; }
      .sectionContent .sectionSub a:hover {
        color: white !important; }
    .sectionContent .sectionSub li {
      display: inline-block;
      border-right: 1px solid white;
      margin: 0 !important; }
      .sectionContent .sectionSub li:first-child a {
        padding-left: 0 !important; }
      .sectionContent .sectionSub li:last-child {
        border-right: none; }
      .sectionContent .sectionSub li br {
        display: none; }

/* Contenedor con scroll */
.scrollContent {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

/* Textos */
.content {
  padding-bottom: 30px;
  padding-right: 20px;
  min-height: initial; }
  @media (min-width: 42.8em) {
    .content {
      min-height: 420px; } }

/* Caja de call to action */
.ctaBox, .infoBox {
  border-top: 1px solid #939598;
  padding: 30px 0;
  margin-right: 25px; }

.ctaBottom {
  position: absolute;
  width: 85%;
  left: 30px;
  bottom: 30px; }

/* Call to action */
.ctaBtn {
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1em; }
  .ctaBtn img, .ctaBtn a {
    display: block;
    width: auto;
    height: 48px !important;
    float: left; }
  .ctaBtn a {
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
    background: url('../img/../img/layout/cta_body.png?1423373517') no-repeat;
    height: 36px;
    background-position: 0 0;
    background-size: 100% 96px;
    padding: 12px 5px 0 10px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 1em; }
    .ctaBtn a:hover {
      background-position: 0 -48px;
      background-size: 100% 96px; }

/* Caja de asesoría */
.infoBox .ctaText {
  background: none;
  font-weight: normal;
  float: left;
  text-decoration: underline; }

/* Listas en columnas */
ul.listCol {
  width: 47%;
  float: left;
  margin: 20px 2% 0 0; }
  ul.listCol li {
    margin-bottom: .2em; }

/* Clear genérico */
.clear {
  clear: both;
  height: 1px; }

/* Módulo clientes y equipo */
.content .navPag {
  margin: 0 5px 10px 0;
  text-align: right;
  float: none; }
  @media (min-width: 42.8em) {
    .content .navPag span {
      width: 12px;
      height: 12px; } }

.clientItems {
  float: left;
  display: block;
  width: 100%; }
  .clientItems a {
    background: url('../img/../img/layout/sw_cliente.png?1423373517') center bottom no-repeat;
    background-size: 95% 8px;
    padding-bottom: 8px;
    float: left;
    width: 48%;
    margin-bottom: 15px; }
    .clientItems a:nth-child(odd) {
      float: right; }
    @media (min-width: 42.8em) {
      .clientItems a {
        margin: 5px 2.3% 0 0;
        width: 31%; }
        .clientItems a:nth-child(odd) {
          float: left; }
        .clientItems a:last-child {
          margin-right: 0; } }
  .clientItems img {
    width: 100%;
    border: 1px solid white; }

/* Datos equipo */
.teamItems {
  display: block;
  clear: both; }
  .teamItems li {
    background: url('../img/../img/layout/bg_equipo.png?1423373517') left top no-repeat;
    background-size: 100% auto;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 8px; /* Padding al esconder la foto */
    float: left; }
    .teamItems li span, .teamItems li div {
      float: left; }
    .teamItems li div {
      width: 75%;
      padding: 8px 10px; }
    .teamItems li span {
      padding-bottom: 8px;
      width: 25%; }
    .teamItems li img {
      border: 1px solid white;
      width: 100%; }
    .teamItems li h3 {
      color: #939598;
      margin-bottom: 3px; }
    .teamItems li a {
      font-size: 0.875em; }
    .teamItems li p {
      font-size: 0.875em;
      margin: 5px 0 0; }

/* Estilos metodologías */
.bgMethod01 img, .bgMethod02 img, .bgMethod03 img, .bgMethod04 img, .bgMethod05 img, .bgMethod06 img {
  margin: 0 30px 20px 0;
  float: left; }
.bgMethod01 h2, .bgMethod02 h2, .bgMethod03 h2, .bgMethod04 h2, .bgMethod05 h2, .bgMethod06 h2 {
  margin-top: 16px;
  float: left; }
.bgMethod01 .textList, .bgMethod02 .textList, .bgMethod03 .textList, .bgMethod04 .textList, .bgMethod05 .textList, .bgMethod06 .textList {
  clear: left; }

.grMethod {
  float: left;
  width: 100%;
  margin: 20px 0 0 !important; }

/* Estilos Alcance Global */
.bgAcerca, .bgAcerca01, .bgAcerca03, .bgAcerca04, .bgMethod, .bgMethod01, .bgMethod02, .bgMethod03, .bgMethod04, .bgMethod05, .bgMethod06, .bgContacto, .bgSomos, .bgSomos01, .bgSomos02 {
  	/*.bgAcerca01 {
  		.mapLatam {
  			display: none !important;
  		}
  	}
  
  	.bgAcerca02 {
  		.map {
  			display: none !important;
  		}
  	}*/ }
  .bgAcerca .map, .bgAcerca .mapLatam, .bgAcerca .mapLatam, .bgAcerca01 .map, .bgAcerca01 .mapLatam, .bgAcerca01 .mapLatam, .bgAcerca03 .map, .bgAcerca03 .mapLatam, .bgAcerca03 .mapLatam, .bgAcerca04 .map, .bgAcerca04 .mapLatam, .bgAcerca04 .mapLatam, .bgMethod .map, .bgMethod .mapLatam, .bgMethod .mapLatam, .bgMethod01 .map, .bgMethod01 .mapLatam, .bgMethod01 .mapLatam, .bgMethod02 .map, .bgMethod02 .mapLatam, .bgMethod02 .mapLatam, .bgMethod03 .map, .bgMethod03 .mapLatam, .bgMethod03 .mapLatam, .bgMethod04 .map, .bgMethod04 .mapLatam, .bgMethod04 .mapLatam, .bgMethod05 .map, .bgMethod05 .mapLatam, .bgMethod05 .mapLatam, .bgMethod06 .map, .bgMethod06 .mapLatam, .bgMethod06 .mapLatam, .bgContacto .map, .bgContacto .mapLatam, .bgContacto .mapLatam, .bgSomos .map, .bgSomos .mapLatam, .bgSomos .mapLatam, .bgSomos01 .map, .bgSomos01 .mapLatam, .bgSomos01 .mapLatam, .bgSomos02 .map, .bgSomos02 .mapLatam, .bgSomos02 .mapLatam {
    display: none !important; }

.map, .mapLatam {
  position: absolute;
  z-index: 95;
  width: 100%;
  float: left;
  margin-right: 1.88679%;
  display: inline;
  top: -12%; }
  @media (min-width: 42.8em) {
    .map, .mapLatam {
      width: 50%;
      left: 0;
      top: 45%; } }
  @media (min-width: 64.4em) {
    .map, .mapLatam {
      top: 40%;
      left: -20px;
      width: 62%; } }

/* Css Slider */
/* ESTILOS SLIDER */
/* Posición backgrounds slider */
.bgMethod01, .bgMethod02, .bgMethod03, .bgMethod04, .bgMethod05, .bgMethod06 {
  background-position: left 35px !important;
  background-repeat: no-repeat !important;
  background-size: 100%; }
  @media (min-width: 42.8em) {
    .bgMethod01, .bgMethod02, .bgMethod03, .bgMethod04, .bgMethod05, .bgMethod06 {
      background-size: auto 100%; } }
  @media (min-width: 64.4em) {
    .bgMethod01, .bgMethod02, .bgMethod03, .bgMethod04, .bgMethod05, .bgMethod06 {
      height: calc(100% - 55px);
      background-size: cover;
      max-width: 100%; } }

.slider, .sections, .sections {
  position: relative;
  display: block;
  width: 100%;
  z-index: 0; }
  @media (min-width: 42.8em) {
    .slider, .sections, .sections {
      position: absolute;
      height: auto;
      top: 0;
      left: 0;
      bottom: 0;
      overflow: hidden; } }

.sliderContent, .sliderNav {
  position: relative;
  padding: 0;
  z-index: 99;
  width: 100%; }
  @media (min-width: 42.8em) {
    .sliderContent, .sliderNav {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: 35% auto auto auto; } }
  @media (min-width: 64.4em) {
    .sliderContent, .sliderNav {
      margin: 25% auto auto auto; } }
  .sliderContent article, .sliderNav article {
    background: #333333;
    padding: 1.60em 1.25em 1.40em;
    min-height: 140px;
    position: relative;
    width: 100%;
    float: left;
    margin-right: 1.88679%;
    display: inline; }
    .sliderContent article h1, .sliderNav article h1 {
      font-size: 2.25em;
      line-height: 0.875em;
      margin-bottom: 12px; }
    @media (min-width: 42.8em) {
      .sliderContent article, .sliderNav article {
        width: 62.14953%;
        float: left;
        margin-right: 0.93458%;
        margin-left: .9em; } }
    @media (min-width: 64.4em) {
      .sliderContent article, .sliderNav article {
        width: 58.07453%;
        float: left;
        margin-right: 0.62112%;
        margin-left: 0; } }

.sliderNav {
  height: 10px;
  float: right; }
  .sliderNav article {
    background: none;
    min-height: 10px !important; }

.flexslider .navPag {
  position: relative;
  z-index: 100;
  top: 40px;
  right: 15px; }
  @media (min-width: 42.8em) {
    .flexslider .navPag {
      top: 0;
      right: 5px; } }
.flexslider .slides, .flexslider .slides li {
  height: 100%; }

/* Custom bullets */
.navPag span {
  background: #939598;
  background: #939598;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
  @media (min-width: 42.8em) {
    .navPag span {
      width: 10px;
      height: 10px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px; } }
.navPag .flex-active {
  background: #00aeef;
  background: #00aeef; }

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
  height: 100%; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.slider .flexslider .slides img, .sections .flexslider .slides img {
  width: 100%;
  display: block;
  margin-top: -3px; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  line-height: 1;
  display: inline-block;
  content: '\f001'; }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(110, 110, 110, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover {
  background: #00aeef;
  background: rgba(0, 174, 239, 0.7); }

.flex-control-paging li a.flex-active, .navPag li span a.flex-active {
  background: #00aeef;
  background: rgba(0, 174, 239, 0.7);
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }