@import url("https://fonts.googleapis.com/css?family=Roboto");
body {
  background: #F4F4F4; }

h1, h2 {
  color: #146B6F; }

.gradient-blue {
  background: #146B6F;
  background: -moz-linear-gradient(left, #146B6F 0%, #02B8BF 50%, #146B6F 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #146B6F), color-stop(50%, #02B8BF), color-stop(100%, #146B6F));
  background: -webkit-linear-gradient(left, #146B6F 0%, #02B8BF 50%, #146B6F 100%);
  background: -o-linear-gradient(left, #146B6F 0%, #02B8BF 50%, #146B6F 100%);
  background: -ms-linear-gradient(left, #146B6F 0%, #02B8BF 50%, #146B6F 100%);
  background: linear-gradient(to right, #146B6F 0%, #02B8BF 50%, #146B6F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146b6f', endColorstr='#146a6f', GradientType=1 ); }

.gradient-blue-right {
  background: #146B6F;
  background: -moz-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #146B6F), color-stop(100%, #02B8BF));
  background: -webkit-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: -o-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: -ms-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: linear-gradient(to right, #146B6F 0%, #02B8BF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146a6f', endColorstr='#02b9bf', GradientType=1 ); }

.gradient-green-right {
  background: #1D8872;
  background: -moz-linear-gradient(left, #1D8872 0%, #2EC5A7 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #1D8872), color-stop(100%, #2EC5A7));
  background: -webkit-linear-gradient(left, #1D8872 0%, #2EC5A7 100%);
  background: -o-linear-gradient(left, #1D8872 0%, #2EC5A7 100%);
  background: -ms-linear-gradient(left, #1D8872 0%, #2EC5A7 100%);
  background: linear-gradient(to right, #1D8872 0%, #2EC5A7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8873', endColorstr='#2ec5a7', GradientType=1 ); }

.color-even {
  color: #02B8BF; }

.color-odd {
  color: #146B6F; }

.btn-blue {
  background: #146B6F;
  background: -moz-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #146B6F), color-stop(100%, #02B8BF));
  background: -webkit-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: -o-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: -ms-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
  background: linear-gradient(to right, #146B6F 0%, #02B8BF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146a6f', endColorstr='#02b9bf', GradientType=1 );
  padding: 13px 50px;
  border-radius: 3px;
  border: none;
  margin: 0 auto;
  color: white;
  font-size: 1.1em;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
  .btn-blue i, .btn-blue span {
    vertical-align: middle;
    margin: 0 5px; }
  .btn-blue span {
    font-weight: bold;
    font-family: sans-serif, roboto ,arial; }

.form-group-input {
  margin-bottom: 20px; }
  .form-group-input .form-input {
    background-color: white;
    padding-left: 50px;
    border: none;
    box-shadow: none;
    border-radius: 15px;
    font-size: 16px;
    font-family: sans-serif;
    height: 46px; }
  .form-group-input i {
    position: absolute;
    top: 13px;
    left: 30px;
    font-size: 1.4em;
    color: #146B6F; }

.underline-right {
  display: inline-block;
  color: #fff;
  text-decoration: none !important; }
  .underline-right::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s; }
  .underline-right:hover, .underline-right:focus ::after {
    width: 100%; }

.underline-center {
  position: relative;
  text-decoration: none !important; }
  .underline-center:hover {
    color: #fff; }
  .underline-center:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .underline-center:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }

.modal {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: initial !important;
  display: none;
  overflow: initial !important;
  -webkit-overflow-scrolling: initial !important;
  outline: initial !important;
  background-color: #fafafa !important;
  padding: 0 !important;
  max-height: 70% !important;
  width: 55% !important;
  margin: auto !important;
  overflow-y: auto !important;
  border-radius: 2px !important;
  will-change: top, opacity !important;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3) !important; }
  .modal .modal-content {
    padding: 24px !important;
    position: initial !important;
    background-color: initial !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    border: initial !important;
    border: initial !important;
    border-radius: initial !important;
    outline: initial !important;
    -webkit-box-shadow: initial !important;
    box-shadow: initial !important; }
    .modal .modal-content h4 {
      font-size: 2.28rem; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px !important;
    background-color: #fafafa !important;
    padding: 4px 6px !important;
    height: 56px !important;
    width: 100% !important;
    text-align: center !important;
    border-top: 1 px solid #ccc !important; }
    .modal .modal-footer .btn-blue {
      float: right !important;
      margin: 6px 0 !important; }
    .modal .modal-footer a {
      display: block;
      margin: 12px;
      font-size: 16px;
      text-transform: uppercase; }
  .modal .modal-close {
    cursor: pointer !important; }

#login {
  margin-top: 50px; }
  #login .form-horizontal {
    text-align: center; }
    #login .form-horizontal legend {
      color: #146B6F;
      text-align: center;
      font-size: 1.7em;
      font-weight: bold;
      font-family: sans-serif; }

.slider-login {
  margin: 30px 0 35px 0 !important; }

@media (max-width: 600px) {
  .slider-login {
    margin: 20px 0 20px 0 !important; }
  .btn-blue {
    padding: 10px 30px; } }

input::-webkit-input-placeholder {
  color: #BFBFBF !important; }

*:-moz-placeholder {
  color: #BFBFBF !important;
  opacity: 1; }

input::-moz-placeholder {
  color: #BFBFBF !important;
  opacity: 1; }

*:-ms-input-placeholder {
  color: #BFBFBF !important; }

header .logo-titulo {
  height: 110px;
  margin-right: 0 !important; }
  header .logo-titulo .borde-header {
    border-bottom: 3px solid white;
    height: 110px; }
  header .logo-titulo .logotipo {
    text-align: right;
    height: 110px; }
    header .logo-titulo .logotipo svg {
      width: 120px;
      margin-top: 30px; }
  header .logo-titulo h1 {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 4.1em;
    padding: 0;
    margin: 22px 0 22px 135px; }
  header .logo-titulo .toggle-menu {
    font-size: 2.8em;
    color: white;
    margin-top: 19px;
    cursor: pointer;
    float: right;
    border-radius: 40%; }

header nav.menu {
  text-align: center; }
  header nav.menu .menu-list {
    display: inline-block;
    float: none !important;
    vertical-align: top;
    margin: 3px; }
    header nav.menu .menu-list li {
      display: inline-block; }
    header nav.menu .menu-list li a {
      color: #ffffff;
      font-family: Arial;
      font-weight: bold;
      font-size: 13px;
      text-align: center;
      padding: 3px 40px !important;
      transition: color .3s ease-in-out; }
      header nav.menu .menu-list li a:hover, header nav.menu .menu-list li a:focus {
        color: #146B6F;
        background: none !important; }
      header nav.menu .menu-list li a i {
        font-size: 3em;
        margin-bottom: 0px; }
      header nav.menu .menu-list li a span {
        display: block; }

header #barra-usuario {
  background-color: rgba(255, 255, 255, 0.25); }

header .indicadores {
  margin: 0;
  text-align: center;
  background: #E7E7E7;
  color: #000;
  font-size: .9em;
  -webkit-box-shadow: 0 3px 7px 0 #bbb;
  -moz-box-shadow: 0 3px 7px 0 #bbb;
  -ms-box-shadow: 0 3px 7px 0 #bbb;
  -o-box-shadow: 0 3px 7px 0 #bbb;
  box-shadow: 0 3px 7px 0 #bbb;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: 100%;
  height: 35px; }
  header .indicadores ul {
    padding-left: 0px;
    margin: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
    white-space: nowrap; }
    header .indicadores ul li {
      display: inline-block;
      padding: 5px 3em;
      border-right: 1px solid #ccc;
      min-height: 2em; }
      header .indicadores ul li a {
        color: #444444; }

#barra-indicadores {
  padding: 0 !important;
  border: none !important;
  background: none !important; }
  #barra-indicadores a {
    top: 0 !important; }

@media (max-width: 1090px) {
  header .logo-titulo .logotipo {
    padding: 0px !important; } }

@media (max-width: 960px) {
  header .logo-titulo .borde-header {
    border-bottom: 3px solid white;
    height: 110px; }
  header .logo-titulo .logotipo {
    padding: 0px !important;
    height: 106px; }
    header .logo-titulo .logotipo svg {
      margin-top: 20px;
      width: 110px; }
  header .logo-titulo h1 {
    font-size: 3.3em;
    padding: 0;
    margin: 25px 0 25px 60px; }
  header .indicadores {
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 100%;
    height: 35px; }
    header .indicadores ul {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 50px;
      white-space: nowrap; }
  #barra-indicadores #link-videos, #barra-indicadores #link-videosonline {
    width: 225px !important;
    font-size: 1.2em !important; } }

@media (max-width: 700px) {
  header .logo-titulo {
    height: 90px; }
    header .logo-titulo .borde-header {
      border-bottom: 3px solid white;
      height: 90px; }
    header .logo-titulo .logotipo {
      padding: 0px !important;
      height: 90px; }
      header .logo-titulo .logotipo svg {
        margin-top: 20px;
        width: 88px; }
    header .logo-titulo h1 {
      font-size: 2.5em;
      padding: 0;
      margin: 25px 0 25px 60px; } }

@media (max-width: 600px) {
  iframe {
    width: 100% !important; }
  header .logo-titulo {
    height: auto; }
    header .logo-titulo .borde-header {
      border-bottom: 3px solid white;
      height: 80px; }
    header .logo-titulo .logotipo {
      padding: 0px;
      border-bottom: 3px solid white;
      height: 80px; }
      header .logo-titulo .logotipo svg {
        margin-top: 9px;
        width: 65px; }
    header .logo-titulo h1 {
      font-size: 1.5em;
      padding: 0;
      margin: 25px 0 25px 35px; }
  header nav.menu .menu-list li {
    display: block; }
  header .indicadores {
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 100%;
    height: 35px; }
    header .indicadores ul {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 50px;
      white-space: nowrap; }
  #barra-indicadores #link-videos, #barra-indicadores #link-videosonline {
    width: 170px !important;
    font-size: 1em !important;
    padding: 3px !important;
    margin: 0 5px !important; }
  #barra-indicadores #link-videos {
    right: 0 !important; }
  #barra-indicadores #link-videosonline {
    left: 0 !important; } }

#logo .animate {
  fill-opacity: 0;
  stroke-width: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke-linecap: round;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation: infinite;
  animation: infinite;
  -webkit-animation-name: FillIn, FadeStroke, dash;
  animation-name: FillIn, FadeStroke, dash;
  -webkit-animation-duration: 4s , 0s, 4s;
  animation-duration: 4s , 0s, 4s; }

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@-webkit-keyframes FadeStroke {
  to {
    stroke-opacity: 0; } }

@keyframes FadeStroke {
  to {
    stroke-opacity: 0; } }

@-webkit-keyframes FillIn {
  from {
    fill-opacity: -1; }
  to {
    fill-opacity: 1; } }

@keyframes FillIn {
  from {
    fill-opacity: -1; }
  to {
    fill-opacity: 1; } }

.slider .slides li .caption {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 30px 30px 30px;
  left: 10% !important;
  right: 10% !important;
  width: 80% !important;
  color: #146B6F !important; }
  .slider .slides li .caption h3, .slider .slides li .caption h5 {
    font-weight: bold; }
  .slider .slides li .caption a {
    text-decoration: none !important; }

.slider .indicators .indicator-item.active {
  background: #02B8BF !important; }

@media (max-width: 600px) {
  .slider .slides li .caption {
    top: 0 !important;
    bottom: 0 !important; } }

.embed-container {
  position: relative;
  padding-bottom: 82.85%;
  height: 0;
  overflow: hidden; }
  .embed-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 96%; }

.bg-noticia-even {
  background: #146a6f;
  background: -moz-linear-gradient(left, #146a6f 0%, #02b9bf 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #146a6f), color-stop(100%, #02b9bf));
  background: -webkit-linear-gradient(left, #146a6f 0%, #02b9bf 100%);
  background: -o-linear-gradient(left, #146a6f 0%, #02b9bf 100%);
  background: -ms-linear-gradient(left, #146a6f 0%, #02b9bf 100%);
  background: linear-gradient(to right, #146a6f 0%, #02b9bf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146a6f', endColorstr='#02b9bf', GradientType=1 ); }

.bg-noticia-odd {
  background: #1d8873;
  background: -moz-linear-gradient(left, #1d8873 0%, #2ec5a7 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #1d8873), color-stop(100%, #2ec5a7));
  background: -webkit-linear-gradient(left, #1d8873 0%, #2ec5a7 100%);
  background: -o-linear-gradient(left, #1d8873 0%, #2ec5a7 100%);
  background: -ms-linear-gradient(left, #1d8873 0%, #2ec5a7 100%);
  background: linear-gradient(to right, #1d8873 0%, #2ec5a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8873', endColorstr='#2ec5a7', GradientType=1 ); }

.color-even {
  color: #02B8BF; }

.color-odd {
  color: #146B6F; }

.noticias {
  margin: 0 auto;
  width: 90%; }
  .noticias h2 {
    text-align: center; }
  .noticias ul {
    list-style-type: none;
    width: 100%; }
  .noticias .noticia {
    margin: 20px 10px;
    position: relative;
    overflow: auto;
    text-align: center;
    height: 100px;
    background: white;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
    .noticias .noticia a {
      margin: 0 0 0 15px;
      color: white;
      padding: 25px 0;
      width: 70px;
      float: right;
      margin-left: 20px;
      margin-right: 0;
      height: 100%;
      text-decoration: none;
      transition: all .5s ease-out; }
      .noticias .noticia a:hover, .noticias .noticia a:focus {
        text-decoration: none;
        color: white;
        padding-left: 15px; }
    .noticias .noticia i {
      font-size: 1.7em;
      margin-bottom: 0px; }
    .noticias .noticia span {
      display: block; }
    .noticias .noticia h3 {
      font: bold 20px/1.5 Helvetica, Verdana, sans-serif; }
    .noticias .noticia .titulo h5 {
      font-size: 14px;
      font-weight: bold;
      font-family: arial;
      vertical-align: middle;
      margin: 0;
      margin-top: 15px; }
    .noticias .noticia .fecha {
      position: absolute;
      left: 45.5%;
      bottom: 10%; }
      .noticias .noticia .fecha i {
        font-size: 14px;
        vertical-align: middle; }
      .noticias .noticia .fecha span {
        color: #808080;
        font-size: 11px; }
    .noticias .noticia .imagen {
      float: left;
      margin-right: 20px;
      width: 100px;
      height: 100px;
      overflow: hidden;
      background-color: #ccc; }
      .noticias .noticia .imagen img {
        width: auto;
        height: 100%;
        min-width: 100%;
        float: left;
        margin: 0 15px 0 0;
        transition: all .3s ease-in-out; }
    .noticias .noticia:hover .imagen img, .noticias .noticia:focus .imagen img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

@media (max-width: 600px) {
  .noticias {
    width: 100%; }
    .noticias h2 {
      text-align: center;
      font-size: 14px; }
    .noticias .noticia {
      margin: 20px 0px; }
      .noticias .noticia .titulo h5 {
        font-size: 0.83em; }
      .noticias .noticia .imagen {
        margin-right: 10px;
        width: 85px; }
      .noticias .noticia a {
        margin-left: 10px; } }

.carousel h2 {
  text-align: center; }

.carousel .carousel-item {
  border: 1px solid #ccc;
  background: white;
  color: #34495e;
  font-size: 1.2em;
  height: 300px !important;
  top: 30px !important; }
  .carousel .carousel-item img {
    margin-top: 20%; }

.carousel ul.indicators {
  background: #247073;
  height: 2.3em; }
  .carousel ul.indicators li.indicator-item {
    margin: 1em 4px; }

#calendario {
  text-align: center;
  height: auto !important; }
  #calendario iframe {
    text-align: center;
    width: 100%;
    height: 320px;
    border-radius: 5px; }

.contenedor-curso {
  min-height: 230px; }
  .contenedor-curso .titulo-curso {
    min-height: 45px !important; }
    .contenedor-curso .titulo-curso a {
      font-size: .8em;
      color: #146B6F; }
  .contenedor-curso .contenedor-img-curso img {
    height: 200px !important;
    width: 200px !important; }
  .contenedor-curso .fecha-1, .contenedor-curso .horario-1, .contenedor-curso .mapa-popup-trigger {
    font-size: 1em !important;
    color: #146B6F !important; }
    .contenedor-curso .fecha-1 i, .contenedor-curso .horario-1 i, .contenedor-curso .mapa-popup-trigger i {
      color: #146B6F !important; }
  .contenedor-curso .mapa-popup {
    background: #146B6F !important;
    width: 270px !important; }
    .contenedor-curso .mapa-popup:before {
      border-top: 20px solid #146B6F !important; }
  .contenedor-curso .boton-curso a {
    padding: 7px 20px !important;
    font-size: 1em !important; }

@media (max-width: 600px) {
  .contenedor-curso {
    text-align: center; } }

#convertidor-divisas {
  text-align: center;
  height: auto !important; }
  #convertidor-divisas iframe {
    text-align: center; }

.imagenes {
  text-align: center; }
  .imagenes .imagen {
    box-shadow: 0 0 20px 0 #ccc;
    position: relative;
    margin: 15px 0;
    width: 300px;
    height: 220px;
    overflow: hidden;
    background-color: #ccc;
    display: inline-block; }
    .imagenes .imagen img {
      min-width: 100%;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    .imagenes .imagen span {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      color: #fff;
      padding: 8px;
      font-family: sans-serif, roboto ,arial;
      font-weight: bold;
      text-decoration: none !important;
      background: #146B6F;
      background: -moz-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #146B6F), color-stop(100%, #02B8BF));
      background: -webkit-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
      background: -o-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
      background: -ms-linear-gradient(left, #146B6F 0%, #02B8BF 100%);
      background: linear-gradient(to right, #146B6F 0%, #02B8BF 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146a6f', endColorstr='#02b9bf', GradientType=1 ); }
    .imagenes .imagen .efecto-1 {
      width: auto;
      height: 100%;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
      .imagenes .imagen .efecto-1:hover, .imagenes .imagen .efecto-1:focus {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3); }
    .imagenes .imagen .efecto-2 {
      width: auto;
      height: 100%;
      -webkit-transform: rotate(15deg) scale(1.4);
      -ms-transform: rotate(15deg) scale(1.4);
      transform: rotate(15deg) scale(1.4); }
      .imagenes .imagen .efecto-2:hover, .imagenes .imagen .efecto-2:focus {
        -webkit-transform: rotate(0) scale(1);
        -ms-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1); }
    .imagenes .imagen .efecto-3 {
      width: 120%;
      height: 120%;
      position: absolute;
      top: 0;
      left: 0; }
      .imagenes .imagen .efecto-3:hover, .imagenes .imagen .efecto-3:focus {
        width: 100%;
        height: 100%; }

.imagenes-grandes .imagen {
  width: 90% !important;
  height: 320px !important; }
  .imagenes-grandes .imagen img {
    width: 100% !important;
    height: 100% !important; }
  .imagenes-grandes .imagen span {
    font-size: 16px !important; }

@media (max-width: 600px) {
  .imagenes-grandes .imagen {
    width: 100% !important; } }

.footer-principal {
  background-color: #292c2f;
  background: #273322 url(../../img/footer-bg.png);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 3% 5%;
  margin-top: 80px; }
  .footer-principal .footer-left {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: center; }
    .footer-principal .footer-left h3 {
      color: #ffffff;
      font: normal 36px 'Cookie', cursive;
      margin: 0; }
      .footer-principal .footer-left h3 span {
        color: #5383d3; }
    .footer-principal .footer-left .footer-links {
      color: #ffffff;
      margin: 20px 0 12px;
      padding: 0; }
      .footer-principal .footer-left .footer-links a {
        line-height: 1.8;
        text-decoration: none;
        color: inherit; }
    .footer-principal .footer-left .footer-empresa-nombre {
      color: #8f9296;
      font-size: 14px;
      font-weight: normal;
      margin: 0; }
  .footer-principal .footer-center {
    display: inline-block;
    vertical-align: top;
    width: 35%; }
    .footer-principal .footer-center i {
      background-color: #33383b;
      color: #ffffff;
      font-size: 25px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      text-align: center;
      line-height: 42px;
      margin: 10px 15px;
      vertical-align: middle; }
      .footer-principal .footer-center i .fa-envelope {
        font-size: 17px;
        line-height: 38px; }
    .footer-principal .footer-center p {
      display: inline-block;
      color: #ffffff;
      vertical-align: middle;
      margin: 0; }
      .footer-principal .footer-center p span {
        display: block;
        font-weight: normal;
        font-size: 14px;
        line-height: 2; }
      .footer-principal .footer-center p a {
        color: #5383d3;
        text-decoration: none; }
  .footer-principal .footer-right {
    display: inline-block;
    vertical-align: top;
    width: 20%; }
    .footer-principal .footer-right .footer-empresa-terminos-privacidad, .footer-principal .footer-right .footer-empresa-terminos-privacidad a {
      line-height: 20px;
      color: #92999f;
      font-size: 13px;
      font-weight: normal;
      margin: 0; }
      .footer-principal .footer-right .footer-empresa-terminos-privacidad span, .footer-principal .footer-right .footer-empresa-terminos-privacidad a span {
        display: block;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px; }
    .footer-principal .footer-right .footer-icons {
      margin-top: 25px; }
      .footer-principal .footer-right .footer-icons a {
        display: inline-block;
        width: 35px;
        height: 35px;
        cursor: pointer;
        background-color: #33383b;
        border-radius: 2px;
        font-size: 20px;
        color: #ffffff;
        text-align: center;
        line-height: 35px;
        margin-right: 3px;
        margin-bottom: 5px; }

@media (max-width: 880px) {
  .footer-principal {
    font: bold 14px sans-serif; }
    .footer-principal .footer-left, .footer-principal .footer-center, .footer-principal .footer-right {
      display: block;
      width: 100%;
      margin-bottom: 25px;
      text-align: center; }
    .footer-principal .footer-center i {
      margin-left: 0; } }