/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: inherit; }

a:active, a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: 0;
  text-decoration: none;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details, menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/*@font-face {
  font-family: 'Helvetica';
  src: url("/wps/wcm/connect/banco-occidente/b12beaf6-5482-449b-8632-7e65348e3656/Helvetica.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-occidente/b12beaf6-5482-449b-8632-7e65348e3656/Helvetica.eot?MOD=AJPERES") format("embedded-opentype"), url("/wps/wcm/connect/banco-occidente/8c066d06-1a10-437c-802b-bd4cd05025e3/Helvetica.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-occidente/3086cc02-c404-4cf1-a1a1-50aab91bf72d/Helvetica.ttf?MOD=AJPERES") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Helvetica-Light';
  src: url("/wps/wcm/connect/banco-occidente/35068ed7-914e-4550-b656-6ad576c10846/Helvetica-Light.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-occidente/35068ed7-914e-4550-b656-6ad576c10846/Helvetica-Light.eot?MOD=AJPERES") format("embedded-opentype"), url("/wps/wcm/connect/banco-occidente/9d9ae008-d0cd-4f95-b46f-5d8dc1582160/Helvetica-Light.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-occidente/fd7f4cfe-7506-43ba-a7ed-5c91381ffba2/Helvetica-Light.ttf?MOD=AJPERES") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Kuro-Italic';
  src: url("/wps/wcm/connect/banco-occidente/fca1e730-d17f-4426-b1ad-86bdfd8fbb1d/Kuro-Italic.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-occidente/fca1e730-d17f-4426-b1ad-86bdfd8fbb1d/Kuro-Italic.eot?MOD=AJPERES") format("embedded-opentype"), url("/wps/wcm/connect/banco-occidente/a7d668f4-c30a-4042-b33d-6443b6aa7da2/Kuro-Italic.woff?MOD=AJPERES") format("woff");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Kuro-Regular';
  src: url("/wps/wcm/connect/banco-occidente/973344b6-50aa-4e1a-afb5-e1b55343fd04/Kuro-Regular.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-occidente/973344b6-50aa-4e1a-afb5-e1b55343fd04/Kuro-Regular.eot?MOD=AJPERES") format("embedded-opentype"), url("/wps/wcm/connect/banco-occidente/a38071ac-51a4-4ce7-9a0a-86a6fd936666/Kuro-Italic.woff?MOD=AJPERES") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Kuro-bold';
  src: url("/wps/wcm/connect/banco-occidente/0a89b5bb-f96e-47dd-9f36-03ebfd053d66/Kuro-Bold.eot?MOD=AJPERES");
  src: url("/wps/wcm/connect/banco-occidente/0a89b5bb-f96e-47dd-9f36-03ebfd053d66/Kuro-Bold.eot?MOD=AJPERES") format("embedded-opentype"), url("/wps/wcm/connect/banco-occidente/d603732c-9859-445d-8500-a4ff6b8d2f54/Kuro-bold.woff?MOD=AJPERES") format("woff"), url("/wps/wcm/connect/banco-occidente/ca427efb-d7cf-405a-a575-351fca838529/Kuro-bold.ttf?MOD=AJPERES") format("truetype");
  font-weight: bold;
  font-style: normal; }*/
.ie {
  opacity: 0;
  display: none;
  max-width: 700px;
  height: 715px;
  cursor: default;
  margin: 0 auto;
  padding: 10% 0;
  text-align: center; }

.ie h1 {
  font-family: "Kuro-Regular", sans-serif;
  color: #008ad1;
  font-weight: 100; }

.ie h1 span {
  font-family: "Kuro-Italic", sans-serif;
  font-style: italic;
  color: #001e46; }

.ie p {
  color: #5D5D5D; }

.ie p strong {
  color: #008ad1; }

.ie .w65 {
  padding: 16px; }

.ie .ulie li {
  display: inline-block;
  text-align: center;
  margin: 20px 0;
  padding: 8px 26px;
  font-size: 15px; }

.ie .ulie img {
  max-width: 50px;
  padding-right: 6px; }

.ie .ulie span {
  display: block;
  color: #001e46; }

.wrapper {
  padding: 10px;   overflow-y: auto;
    overflow-x: auto;}

header {
  display: block;
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }

.wrapper-button {
  width: 159px;
  height: 223px;
  background: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }

.button {
  position: absolute;
  width: 146px;
  height: 24px;
  z-index: 999;
  top: 65px;
  left: 7px; }

.blue {
  color: #008ad1; }

.shadow {
  display: block;
  width: 100%; }

.banner {
  display: block;
  position: relative;
  width: 100%; }
  .banner .left-banner {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .banner .left-banner img {
      max-width: 100%; }
    .banner .left-banner .super {
      position: absolute;
      left: 10px;
      top: 10px; }
    .banner .left-banner .text {
      position: absolute;
      bottom: 0px;
      background: rgba(8, 58, 99, 0.7);
      color: #fff;
      width: 100%;
      padding: 15px 20px; }
      .banner .left-banner .text .text-container {
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px); }
        .banner .left-banner .text .text-container .title {
          display: block;
          font-family: "Kuro-Italic", sans-serif;
          font-size: 14px; }
        .banner .left-banner .text .text-container .sub {
          font-family: "Helvetica-Light", sans-serif;
          font-size: 12px;
          display: block;
          width: 100%; }
    /*.banner .left-banner::after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 212px 50px;
      border-color: transparent transparent #ffffff transparent;
      position: absolute;
      right: 0px;
      top: 0; }*/
  .banner .right-banner {
    display: inline-block;
    text-align: right;
    width: 40%;
    vertical-align: bottom;}
    .banner .right-banner img {
      max-width: 100%; }

.main-content {
  display: block;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  color: #585656;
  font-size: 12px;
 }
  .main-content .full {
    display: block;
    width: 100%;
    margin: 20px 0px;
    font-family: "Helvetica-Light", sans-serif;
    font-size: 12px;
    text-align: justify; }
    .main-content .full .buttons-movil {
      display: none; }
    .main-content .full .buttons {
      display: block;
      width: 100%;
      text-align: center;
      margin: 20px auto; }
      .main-content .full .buttons .button-yellow {
        display: inline-block;
        background: #f49206;
        color: #fff;
        padding: 10px 20px;
        width: 120px;
        cursor: pointer;
        margin-right: 20px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .main-content .full .buttons .button-yellow:hover {
          background: #ffa524;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
      .main-content .full .buttons .button-gray {
        display: inline-block;
        background: #B3B3B3;
        color: #fff;
        width: 120px;
        padding: 10px 20px;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .main-content .full .buttons .button-gray:hover {
          background: #808080;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
    .main-content .full .full-title {
      color: #001e46;
      display: block;
      text-align: center;
      font-weight: bold;
      margin: 10px 0px;
      font-size: 14px; }
    .main-content .full .col {
      width: 48%;
      display: inline-block;
      vertical-align: top;
      font-family: "Helvetica-Light", sans-serif;
      position: relative; }
      .main-content .full .col p {
        display: block;
        width: 95%; }
      .main-content .full .col .line {
        position: absolute;
        width: auto;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        opacity: 0.6; }
      .main-content .full .col .col-1 {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        font-family: "Helvetica-Light", sans-serif; }
        .main-content .full .col .col-1 img {
          width: auto; }
        .main-content .full .col .col-1 .internal-item {
          width: 100%;
          display: block; }
          .main-content .full .col .col-1 .internal-item .icon {
            display: inline-block;
            color: #008ad1;
            vertical-align: middle;
            margin: 5px 5px 5px 0px;
            transform: scale(0.8); }
          .main-content .full .col .col-1 .internal-item p {
            display: inline-block;
            vertical-align: middle;
            margin: 0px;
            width: auto; }
      .main-content .full .col .title {
        font-family: "Helvetica-Light", sans-serif;
        color: #008ad1;
        display: block;
        margin: 10px 0px;
        font-size: 14px; }
      .main-content .full .col img {
        width: 90%; }
      .main-content .full .col .item {
        display: block;
        margin: 20px 0px; }
        .main-content .full .col .item .number {
          display: inline-block;
          color: #008ad1;
          border-radius: 50%;
          border: 1px solid;
          padding: 4px 7px;
          vertical-align: top; }
        .main-content .full .col .item p {
          display: inline-block;
          width: 80%;
          vertical-align: top;
          margin: 0px;
          text-align: justify; }

@media all and (max-width: 768px) {
  .main-content .full .col {
    width: 80%;
    display: block;
    margin: 0 auto; }
    .main-content .full .col img {
      width: auto;
      max-width: 100%; }
    .main-content .full .col .line {
      display: none; }
    .main-content .full .col .bottom-line {
      border-bottom: 1px solid #008ad1;
      padding-bottom: 15px; }
    .main-content .full .col .bottom-line-special {
      border-bottom: 1px solid #008ad1;
      padding-bottom: 15px; } }
@media all and (max-width: 450px) {
  .wrapper {
    padding: 0px; }

  .bottom-line {
    border-bottom: 1px solid #008ad1;
    padding-bottom: 15px; }

  .bottom-line-special {
    border-bottom: 0px solid #008ad1; }

  .shadow {
    display: none; }

  .banner .left-banner {
    display: block;
    width: 100%; }
    .banner .left-banner img {
      max-width: 100%; }
    .banner .left-banner .text {
      padding: 10px 7px; }
      .banner .left-banner .text .text-container {
        width: 100%; }
    .banner .left-banner::after {
      display: none; }
  .banner .right-banner {
    display: none; }

  .main-content {
    width: 93%;
    margin: 0 auto; }
    .main-content .container {
      border-left: 1px solid #B3B3B3;
      border-right: 1px solid #B3B3B3;
      border-bottom: 1px solid #B3B3B3;
      padding: 10px;
      margin-bottom: 20px; }
    .main-content .full{word-wrap: break-word;}
    .main-content .full .full-title {
      color: #001e46;
      display: block;
      text-align: center;
      font-weight: bold;
      margin: 10px 0px;
      font-size: 14px; }
    .main-content .full .buttons {
      display: none; }
    .main-content .full .buttons-movil {
      display: block;
      width: 100%;
      text-align: center;
      margin: 20px auto; }
      .main-content .full .buttons-movil .button-yellow {
        display: inline-block;
        background: #f49206;
        color: #fff;
        padding: 10px 20px;
        cursor: pointer;
        margin-right: 20px; }
      .main-content .full .buttons-movil .button-gray {
        display: inline-block;
        background: #B3B3B3;
        color: #fff;
        padding: 10px 20px;
        cursor: pointer; }
    .main-content .full .col {
      width: 100%;
      display: block; }
      .main-content .full .col img {
        width: auto;
        max-width: 100%; }
      .main-content .full .col .line {
        display: none; } }

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