@charset "UTF-8";
::-moz-selection {
  background: #333;
  color: #fff
}

::selection {
  background: #333;
  color: #fff
}

::-moz-selection {
  background: #333;
  color: #fff
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 300
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
  font-weight: 400
}

h1 {
  font-size: 3.2em;
  margin-bottom: 20px
}

.no-mediaqueries h1 {
  font-size: 4em
}

h2 {
  font-size: 2.8em
}

.no-mediaqueries h2 {
  font-size: 3.2em
}

h3 {
  font-size: 2.2em
}

.no-mediaqueries h3 {
  font-size: 2.6em
}

h4 {
  font-size: 1.8em
}

.no-mediaqueries h4 {
  font-size: 2em
}

h5 {
  font-size: 1.5em
}

.no-mediaqueries h5 {
  font-size: 1.8em
}

h6 {
  font-size: 1.3em
}

.no-mediaqueries h6 {
  font-size: 1.4em
}

p {
  line-height: 1.5;
  margin-bottom: 15px
}

p a {
  font-size: 1em;
  text-decoration: none;
  color: #C03
}

p a:hover {
  text-decoration: underline
}

p.small {
  font-size: 1.5em;
  color: #999
}

.contenido-dinamico p {
  margin-bottom: 30px
}

input,
label,
p,
select,
textarea {
  font-size: 1.7em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #333D47
}

input.text,
select,
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0
}

ol,
ul {
  font-size: 1.6em
}

ol a,
ol ol,
ol ul,
ul a,
ul ol,
ul ul {
  font-size: 1em
}

a {
  text-decoration: none;
  color: #C03;
  transition: all ease 200ms
}

a input {
  position: fixed;
  left: -9999px;
  opacity: 0
}

strong {
  font-weight: 600
}

blockquote {
  font-size: 1.6em;
  padding: 10px;
  border-left: 5px solid #C8C8C8;
  font-style: italic;
  margin: 0;
  margin-bottom: 30px
}

blockquote p {
  margin: 0;
  font-size: 1px
}

.contenido-dinamico ul,
.estilo-lista {
  font-size: 1.6em;
  margin-bottom: 30px
}

.contenido-dinamico ul ol,
.contenido-dinamico ul ul,
.estilo-lista ol,
.estilo-lista ul {
  font-size: 1em;
  margin-left: 15px
}

.contenido-dinamico ul li,
.estilo-lista li {
  padding-left: 10px;
  padding-bottom: 10px;
  position: relative;
  line-height: 1.5em;
  position: relative
}

.contenido-dinamico ul li:before,
.estilo-lista li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  background: #C03;
  top: 10px;
  vertical-align: middle
}

.contenido-dinamico ul li a,
.estilo-lista li a {
  font-size: 1em;
  color: #333D47
}

.contenido-dinamico ul li a:hover:not('.boton'),
.estilo-lista li a:hover:not('.boton') {
  text-decoration: underline;
  color: #C03
}

ol {
  counter-reset: item;
  margin-bottom: 30px
}

ol ol,
ol ul {
  font-size: 1em;
  margin-left: 15px
}

ol li {
  display: block;
  line-height: 1.5em;
  padding-left: 10px
}

ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #C03
}

@media screen and (min-width:992px) {
  table {
    margin-bottom: 30px
  }
}

.boton {
  font-size: 1.6em;
  text-decoration: none;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  color: #666;
  background: #EEE;
  border: 1px solid #EEE;
  position: relative;
  z-index: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.boton:active:before {
  background: #333D47
}

.boton input {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  visibility: hidden
}

.boton.big {
  font-size: 2em;
  padding: 15px 30px
}

.boton.small {
  font-size: 1.2em;
  padding: 5px 15px
}

.boton.full {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
  margin-bottom: 15px
}

.boton.auto-width {
  width: auto
}

.boton.tag {
  width: auto;
  font-size: 1.2em;
  padding: 2px 5px
}

.boton.primario {
  background: #C03;
  border-color: #C03;
  color: #FFF
}

.boton.primario.negativo {
  color: #C03;
  background: #FFF;
  border-color: #FFF
}

.boton.primario.borde {
  color: #C03
}

.boton.secundario {
  background: #333D47;
  border-color: #333D47;
  color: #FFF
}

.boton.secundario.negativo {
  color: #333D47;
  background: #FFF;
  border-color: #FFF
}

.boton.secundario.borde {
  color: #333D47
}

.boton.terciario {
  background: #8C8278;
  border-color: #8C8278;
  color: #FFF
}

.boton.terciario.negativo {
  color: #8C8278;
  background: #FFF;
  border-color: #FFF
}

.boton.terciario.borde {
  color: #8C8278
}

.boton.fantasma {
  background: transparent;
  border-color: #FFF;
  color: #FFF
}

.boton.peligro {
  background: #D9534f;
  border-color: #D9534f;
  font-weight: 600;
  color: #FFF
}

.boton.advertencia {
  background: #F0AD4E;
  border-color: #F0AD4E;
  font-weight: 600;
  color: #FFF
}

.boton.exito {
  background: #449d44;
  border-color: #449d44;
  font-weight: 600;
  color: #FFF
}

.boton.info {
  background: #31b0d5;
  border-color: #31b0d5;
  font-weight: 600;
  color: #FFF
}

.boton.link {
  background: transparent;
  border-color: transparent;
  color: #999
}

.boton.link.negativo {
  color: #C8C8C8
}

.boton.deshabilitado {
  background: #EEE;
  border-color: #EEE;
  color: #C8C8C8;
  cursor: not-allowed
}

.boton.deshabilitado:before {
  display: none
}

.boton.borde {
  background: transparent
}

@media screen and (min-width:544px) {
  .boton {
    width: auto
  }
}

@media screen and (min-width:992px) {
  .boton:before {
    content: '  ';
    background: #FFF;
    opacity: .2;
    position: absolute;
    z-index: 10;
    left: -1px;
    top: -1px;
    right: 100%;
    bottom: -1px;
    transition: all ease 200ms
  }
  .boton:hover:before {
    right: -1px;
    left: -1px
  }
  .boton.primario.borde:hover {
    background: #C03
  }
  .boton.secundario.borde:hover {
    background: #333D47
  }
  .boton.terciario.borde:hover {
    background: #8C8278
  }
  .boton.negativo:before {
    background: #C8C8C8;
    opacity: .1
  }
  .boton.link:before {
    background: #bbb;
    opacity: .1;
    left: 0;
    top: 0;
    bottom: 0
  }
  .boton.borde:hover {
    color: #fff
  }
}

.no-mediaqueries .boton {
  width: auto
}

.no-mediaqueries .boton:before {
  display: none
}

.no-mediaqueries .boton:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.no-mediaqueries .boton.deshabilitado:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.alerta {
  width: 100%;
  padding: 15px;
  font-size: 1.6em;
  position: relative;
  margin-bottom: 15px
}

.alerta.exito {
  background: #d0efbf;
  color: #4fa34f
}

.alerta.error {
  background: #efa3a3;
  color: #9c4242
}

.alerta.advertencia {
  background: #faf2cc;
  color: #8a6d3b
}

.alerta.atencion {
  background: #9dd7e6;
  color: #3c7889
}

.tabla {
  border-spacing: 0;
  border-collapse: collapse;
  max-width: 100%
}

.tabla td,
.tabla th {
  padding: 10px;
  border: 1px solid #DDD;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 1.5em
}

.tabla thead th {
  background: #DDD
}

.tabla tbody td {
  color: #666
}

.tabla-zebra .par {
  background: #EEE
}

.ie-8 .tabla {
  margin-bottom: 30px
}

@media screen and (max-width:767px) {
  .tabla thead {
    display: none
  }
  .tabla td,
  .tabla tr {
    display: block;
    margin-bottom: 15px
  }
  .tabla td:before {
    content: attr(data-th);
    display: block;
    font-weight: 600
  }
}

.caja-input {
  position: relative;
  margin-bottom: 15px;
  z-index: 0
}

.caja-input label {
  position: absolute;
  top: 1.8em;
  left: 10px;
  cursor: text;
  transition: all ease 200ms
}

.caja-input label.activo {
  top: 0;
  left: 0;
  font-size: 1.4em
}

.caja-input .aviso-requerido {
  left: -15px;
  color: #D9534f
}

.caja-input .aviso-requerido.activo {
  left: -10px
}

.caja-input .text,
.caja-input select,
.caja-input textarea {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  margin-top: 1.2em;
  padding: 15px 10px;
  margin-bottom: 20px;
  border-radius: 0;
  border: 1px solid #FFF;
  border-bottom: 1px solid #DDD;
  transition: all ease 200ms
}

.caja-input .text:hover,
.caja-input select:hover,
.caja-input textarea:hover {
  border: 1px solid #DDD
}

.caja-input .text:focus,
.caja-input select:focus,
.caja-input textarea:focus {
  border-color: #DDD;
  background-color: rgba(0, 0, 0, 0.1);
  outline: 0
}

.caja-input textarea {
  height: 200px
}

.caja-input select option {
  border: 1px solid #DDD;
  outline: 0
}

.caja-input i {
  position: absolute;
  right: 10px;
  top: 44px;
  color: #333D47;
  font-size: 2em;
  cursor: pointer;
  pointer-events: none
}

.ie-browser .caja-input select+i {
  display: none
}

.ie-8 .caja-input label {
  top: 2.1em
}

.ie-8 .caja-input .text+i,
.ie-8 .caja-input select+i,
.ie-8 .caja-input textarea+i {
  top: 1.8em
}

.automatizar .caja-input .invalido {
  border-bottom-color: #D9534f
}

.automatizar .caja-input .valido {
  border-bottom-color: #449d44
}

.ui-datepicker {
  z-index: 1000;
  display: none;
  float: left;
  padding: 10px;
  font-size: 1em;
  text-align: left;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 6px;
  /* box-shadow: 0 6px 12px rgba(51, 61, 71, 0.3) */
}

@media screen and (min-width:544px) {
  .ui-datepicker {
    min-width: 160px
  }
}

.ui-datepicker .ui-datepicker-calendar {
  margin-bottom: 0
}

.ui-datepicker .ui-datepicker-header {
  line-height: 30px;
  margin-bottom: 5px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  float: right;
  font-size: 1.6em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  transition: all ease 200ms;
  cursor: pointer
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  background: #C03;
  color: #FFF;
  /* box-shadow: 0 6px 12px rgba(51, 61, 71, 0.3) */
}

.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:after {
  display: none
}

.ui-datepicker .ui-datepicker-prev {
  float: left
}

.ui-datepicker .ui-datepicker-title {
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 1.4em;
  font-weight: 600
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  margin-right: 5px
}

.ui-datepicker .ui-datepicker-title select {
  border: 0;
  color: #333;
  font-size: 1em
}

.ui-datepicker .ui-datepicker-title select:focus {
  outline: 0
}

.ui-datepicker th {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  background: #FFF;
  padding: 0
}

.ui-datepicker td,
.ui-datepicker th {
  text-align: center;
  font-size: 1.6em;
  border: none
}

.ui-datepicker td {
  padding: 2px
}

@media screen and (min-width:544px) {
  .ui-datepicker td {
    padding: 5px
  }
}

.ui-datepicker td .ui-state-default {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  transition: all ease 200ms;
  color: #2b5d7a;
}

.ui-datepicker td.highlight .ui-state-default {
  position: relative;
  background: #eee;
  color: #2b5d7a;
  transition: all ease 200ms;
}

.ui-datepicker td .ui-state-default.ui-state-highlight {
  background: #333D47;
  color: #FFF;
  /* box-shadow: 0 6px 12px rgba(51, 61, 71, 0.3) */
}

.ui-datepicker td .ui-state-default.ui-state-highlight:hover {
  background: #333D47
}

.ui-datepicker td a.ui-state-active {
  background: #C03;
  color: #FFF;
  /* box-shadow: 0 6px 12px rgba(204, 0, 51, 0.3) */
}

.ui-datepicker td a.ui-state-active:hover {
  background: #C03
}

.ui-datepicker td.ui-datepicker-today .ui-state-highlight {
  background: #cc0033;
  color: #fff;
}

.ui-datepicker td.ui-datepicker-today .ui-state-highlight:hover {
  background: #557d95;
  color: #fff;
}

.ui-datepicker td a:hover {
  background: #EEE
}

.ui-datepicker td .ui-state-default.ui-state-active {
  background: #2b5d7a;
  color: #fff;
}
.ui-datepicker td .ui-state-default.ui-state-active:hover {
  background: #557d95;
  color: #fff;
}

.ui-datepicker td a:after {
  display: none
}

.ui-datepicker td.ui-datepicker-unselectable {
  color: #CCC
}

.ui-datepicker .ui-datepicker-buttonpane {
  text-align: right;
  padding-top: 15px
}

.ui-datepicker .ui-datepicker-buttonpane button {
  display: none
}

.enviando-mensaje {
  text-align: center
}

.respuesta-formulario {
  width: 100%;
  padding: 40px;
  text-align: center
}

.respuesta-formulario span[class^=icon-] {
  font-size: 2.5em;
  color: #fff;
  margin-bottom: 20px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%
}

.respuesta-exito span[class^=icon-] {
  background: #449d44
}

.respuesta-error span[class^=icon-] {
  background: #D9534f
}

.respuesta-formulario h3,
.respuesta-formulario p {
  margin-bottom: 30px
}

@media screen and (min-width:768px) {
  .caja-input .text,
  .caja-input select,
  .caja-input textarea {
    padding: 10px
  }
  .caja-input i {
    top: 32px
  }
}

.desplegables {
  margin-bottom: 40px
}

.desplegables .abrir-desplegable {
  display: block;
  font-size: 1.7em;
  padding: 15px 0;
  font-weight: 400;
  border-left: 0 solid #DDD;
  border-top: 1px solid #DDD;
  clear: both;
  margin-bottom: 0;
  cursor: pointer;
  transition: all ease 200ms
}

.desplegables .abrir-desplegable:first-child {
  border-top: 0
}

.desplegables .abrir-desplegable:focus {
  outline: 0
}

.desplegables .abrir-desplegable.ui-state-active,
.desplegables .abrir-desplegable:hover {
  border-left: 5px solid #C03;
  padding-left: 10px
}

.desplegables .abrir-desplegable .ui-icon {
  float: right;
  color: #C03
}

.desplegables .desplegable {
  padding: 25px 20px
}

.tabs {
  width: 100%;
  margin-bottom: 40px
}

.tabs .navegacion-tabs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch
}

.no-flexbox .tabs .navegacion-tabs {
  display: table
}

.tabs .navegacion-tabs li {
  padding-left: 0;
  border-left: 1px solid #FFF;
  background: #DDD;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0;
  transition: all ease 200ms;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.no-flexbox .tabs .navegacion-tabs li {
  display: table-cell;
  vertical-align: middle
}

.tabs .navegacion-tabs li:before {
  display: none
}

.tabs .navegacion-tabs li.ui-tabs-active {
  background: #EEE;
  position: relative;
  border-bottom: 0
}

.tabs .navegacion-tabs li.ui-tabs-active a {
  color: #666
}

.tabs .navegacion-tabs li:first-child {
  border-left: 0
}

.tabs .navegacion-tabs a {
  padding: 20px 10px;
  display: block;
  width: 100%;
  text-align: center;
  color: #333D47;
  line-height: 1;
  font-weight: 400
}

.tabs.mayus .navegacion-tabs a {
  text-transform: uppercase
}

.tabs.borde-top .navegacion-tabs li:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 0;
  transition: all ease 200ms;
  background: #333D47
}

.tabs.borde-top .navegacion-tabs li.ui-tabs-active:after {
  height: 9px
}

.tabs .tab {
  overflow: hidden;
  padding: 30px 25px;
  margin-top: -1px;
  background: #EEE
}

.tabs.ui-accordion h3 {
  display: block;
  font-size: 1.7em;
  padding: 15px 0;
  font-weight: 400;
  border-left: 0 solid #DDD;
  border-top: 1px solid #DDD;
  clear: both;
  margin-bottom: 0;
  cursor: pointer;
  transition: all ease 200ms
}

.tabs.ui-accordion h3:first-child {
  border-top: 0
}

.tabs.ui-accordion h3:focus {
  outline: 0
}

.tabs.ui-accordion h3.ui-state-active,
.tabs.ui-accordion h3:hover {
  border-left: 5px solid #C03;
  padding-left: 10px
}

.tabs.ui-accordion h3 .ui-icon {
  float: right;
  color: #C03
}

.tabs.ui-accordion .tab {
  background: #fff
}

.autor {
  text-align: center
}

.autor .imagen {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: auto;
  position: relative
}

.autor .imagen img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  display: block
}

.autor .texto {
  padding: 15px 0
}

.autor .texto h3 {
  margin-bottom: 0;
  font-size: 1.5em
}

.autor .texto p {
  font-size: 1.2em;
  line-height: 16px;
  font-weight: 400
}

.mapa-sitio a[href="/pagina-no-encontrada"] {
  display: none
}

.mapa-sitio>ul>li {
  margin-bottom: 10px;
  width: 100%;
  line-height: 28px
}

.mapa-sitio>ul>li>a {
  font-weight: 400;
  font-size: 1.2em
}

.mapa-sitio ul {
  padding-top: 15px
}

.mapa-sitio ul a {
  color: #333d47
}

.mapa-sitio ul a:hover {
  color: #cc0033
}

.mapa-sitio ul ul {
  padding-left: 20px
}

.mapa-sitio ul ul li {
  margin-bottom: 0
}

.mapa-sitio ul ul li a {
  font-weight: 300;
  padding: 5px 0;
  font-size: 1em
}

.mapa-sitio ul ul ul {
  padding-top: 0;
  margin-bottom: 20px
}

.mapa-sitio ul ul ul li {
  position: relative
}

.mapa-sitio ul ul ul li:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 7px;
  border: 1px solid #999;
  border-radius: 50%;
  padding-right: 5px;
  vertical-align: middle;
  margin-top: -2px
}

.mapa-sitio ul ul ul li a {
  color: #999
}

.error-404 {
  text-align: center
}

.error-404 .caja_error_404 {
  position: relative;
  padding-top: 10%
}

.error-404 .caja_error_404 .icon-error,
.error-404 .caja_error_404 h1,
.error-404 .caja_error_404 p {
  color: #fff;
  margin-bottom: 20px
}

.error-404 .icon-error {
  font-size: 4em;
  display: block;
  line-height: 1
}

.error-404 .imagen_error {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url(/img/fondo_error.jpg) no-repeat center center;
  background-size: cover
}

.error-404 .fondo_error {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  mix-blend-mode: multiply
}

.menu-lateral {
  position: fixed;
  right: -100%;
  top: 64px;
  padding: 20px;
  overflow: hidden;
  z-index: 1000;
  background: #333d47;
  visibility: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all ease 200ms
}

.menu-lateral.desplegado {
  width: 100%;
  right: 0;
  bottom: 0;
  visibility: visible
}

.menu-lateral h4 {
  font-size: 1.7em;
  color: #FFF;
  margin: 0 0 10px;
  font-weight: 300;
  line-height: inherit
}

.menu-lateral .menues {
  overflow: hidden
}

.menu-lateral .menues .sitios {
  clear: both
}

.menu-lateral .menues ul {
  font-size: 1em;
  padding-bottom: 15px
}

.menu-lateral .menues ul.links {
  float: left;
  padding-bottom: 0;
  width: 100%
}

.menu-lateral .menues ul.links li {
  line-height: 26px
}

.menu-lateral .menues ul.paises {
  margin-bottom: 20px;
  overflow: hidden
}

.menu-lateral .menues ul.paises li {
  float: left;
  margin-right: 1px;
  width: 100%;
  text-align: left;
  line-height: 22px;
  margin-bottom: 3px
}

.menu-lateral .menues ul.paises li a {
  padding: 8px 0
}

.menu-lateral .menues ul.paises li a.activo {
  padding: 8px;
  background: #424e5a
}

.menu-lateral .menues ul li a {
  display: block;
  margin-right: 10px;
  color: #bac2c9;
  font-size: 1.7em
}

.menu-lateral .menues ul li a.activo {
  color: #FFF
}

.menu-lateral .menues ul li a:hover {
  color: #FFF
}

.no-mediaqueries .menu-lateral {
  top: 95px
}

.no-mediaqueries .menu-lateral.desplegado {
  bottom: auto;
  width: auto
}

.no-mediaqueries .menu-lateral .menues ul li a {
  font-size: 1.4em
}

.no-mediaqueries .menu-lateral .menues ul.links {
  padding-bottom: 0;
  width: auto
}

.no-mediaqueries .menu-lateral .menues ul.links li {
  line-height: 20px
}

.no-mediaqueries .menu-lateral .menues ul.links.ultimo {
  padding-left: 15px
}

.no-mediaqueries .menu-lateral .menues ul.paises {
  padding-bottom: 0
}

.no-mediaqueries .menu-lateral .menues ul.paises li {
  width: auto;
  float: left;
  margin-bottom: 0;
  line-height: inherit
}

@media screen and (min-width:544px) {
  .menu-lateral.desplegado {
    bottom: auto;
    width: auto
  }
  .menu-lateral .menues ul.links {
    padding-bottom: 0;
    width: auto
  }
  .menu-lateral .menues ul.links.ultimo {
    padding-left: 15px
  }
  .menu-lateral .menues ul.paises li {
    width: auto;
    float: left;
    margin-bottom: 0;
    line-height: inherit
  }
}

@media screen and (min-width:768px) {
  .menu-lateral {
    top: 65px
  }
  .menu-lateral .menues ul li a {
    font-size: 1.4em
  }
  .menu-lateral .menues ul.links li {
    line-height: 20px
  }
  .menu-lateral .menues ul.paises {
    padding-bottom: 0
  }
}

@media screen and (min-width:992px) {
  .menu-lateral {
    top: 90px
  }
}

@media screen and (min-width:1280px) {
  .menu-lateral {
    top: 95px
  }
}

.menu-interior {
  border: 1px solid #DDD
}

.menu-interior ul {
  font-size: 1em
}

.menu-interior ul li {
  position: relative
}

.menu-interior ul li.ultimo {
  border-bottom: 0
}

.menu-interior ul a {
  font-size: 1.6em;
  color: #333D47;
  display: block;
  padding: 16px 20px;
  line-height: 20px
}

.menu-interior ul a:hover {
  text-decoration: underline
}

.menu-interior ul a.activo a {
  text-decoration: underline
}

.menu-interior ul span {
  float: right
}

.menu-interior ul ul {
  padding-bottom: 10px
}

.menu-interior ul ul a {
  padding: 10px 20px;
  border-left: 1px solid #DDD;
  margin-left: 22px;
  color: #666
}

.menu-interior ul ul ul {
  padding: 10px 0 20px
}

.menu-interior ul ul ul a {
  padding: 8px 15px;
  border-left: 1px solid #EEE
}

.menu-responsive {
  display: block;
  position: fixed;
  top: 65px;
  right: -100%;
  z-index: 1000;
  width: 100%;
  opacity: 0;
  bottom: 0;
  background: #333D47;
  -webkit-overflow-scrolling: touch;
  transition: all ease 200ms
}

.menu-responsive.activo {
  right: 0;
  opacity: 1;
  width: 80%;
  overflow-y: auto
}

.menu-responsive>ul {
  position: relative;
  width: 100%;
  font-size: 1em
}

.menu-responsive ul li a {
  color: #FFF;
  display: block;
  padding: 20px;
  padding-right: 35px;
  font-size: 1.7em
}

.menu-responsive ul li a span {
  vertical-align: middle;
  float: right;
  margin-right: -20px;
  margin-left: 10px
}

.menu-responsive ul li a.ui-state-active {
  background: #2d3640
}

.menu-responsive ul li.activo>a {
  background: #424e5a
}

.menu-responsive ul>ul {
  margin-bottom: 20px
}

.menu-responsive ul ul {
  opacity: 1;
  background: #2d3640
}

.menu-responsive ul ul a {
  padding: 8px 35px 8px 20px;
  color: #bdc8d2
}

.menu-responsive ul ul a.activo {
  color: #FFF
}

.menu-responsive ul ul a.ui-state-active {
  background: #27303a
}

.menu-responsive ul ul ul {
  padding-bottom: 20px;
  padding-top: 10px;
  background: #27303a
}

.menu-responsive ul ul ul li {
  margin-bottom: 0
}

.menu-responsive ul ul ul li a {
  color: #7f90a0;
  margin-left: 22px;
  border-left: 1px solid #bdc8d2
}

.menu-responsive ul ul ul ul {
  background: #202831
}

.menu-responsive ul ul ul ul a {
  margin-left: 44px
}

@media screen and (min-width:544px) {
  .menu-responsive.activo {
    width: 60%
  }
}

@media screen and (min-width:768px) {
  .menu-responsive.activo {
    width: 50%
  }
}

@media screen and (min-width:992px) {
  .menu-responsive {
    top: 90px
  }
  .menu-responsive.activo {
    width: 30%
  }
}

@media screen and (min-width:1280px) {
  .menu-responsive {
    display: none
  }
}

.alineacion-vertical-xs {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.alineacion-vertical-xs-no {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media (min-width:544px) {
  .alineacion-vertical-sm {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .alineacion-vertical-sm-no {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@media (min-width:768px) {
  .alineacion-vertical-md {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .alineacion-vertical-md-no {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@media (min-width:992px) {
  .alineacion-vertical-lg {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .alineacion-vertical-lg-no {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@media (min-width:1200px) {
  .alineacion-vertical-xl {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .alineacion-vertical-xl-no {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.transicion {
  transition: all 200ms ease
}

.transicion_400 {
  transition: all 400ms ease
}

.transicion_600 {
  transition: all 600ms ease
}

.opacity {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.opacity[data-opacity="08"]:hover {
  opacity: 0.8;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.opacity[data-opacity="05"]:hover {
  opacity: 0.5;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.opacity[data-opacity="02"]:hover {
  opacity: 0.2;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.toLeft {
  position: relative;
  left: 0
}

.toLeft[data-distancia="5"]:hover {
  left: -5px
}

.toLeft[data-distancia="10"]:hover {
  left: -10px
}

.toLeft[data-distancia="15"]:hover {
  left: -15px
}

.toLeft[data-distancia="20"]:hover {
  left: -20px
}

.toLeft[data-distancia="25"]:hover {
  left: -25px
}

.toLeft[data-distancia="30"]:hover {
  left: -30px
}

.toLeft[data-distancia="35"]:hover {
  left: -35px
}

.toLeft[data-distancia="40"]:hover {
  left: -40px
}

.toLeft[data-distancia="45"]:hover {
  left: -45px
}

.toLeft[data-distancia="50"]:hover {
  left: -50px
}

.toRight {
  position: relative;
  left: 0
}

.toRight[data-distancia="5"]:hover {
  left: 5px
}

.toRight[data-distancia="10"]:hover {
  left: 10px
}

.toRight[data-distancia="15"]:hover {
  left: 15px
}

.toRight[data-distancia="20"]:hover {
  left: 20px
}

.toRight[data-distancia="25"]:hover {
  left: 25px
}

.toRight[data-distancia="30"]:hover {
  left: 30px
}

.toRight[data-distancia="35"]:hover {
  left: 35px
}

.toRight[data-distancia="40"]:hover {
  left: 40px
}

.toRight[data-distancia="45"]:hover {
  left: 45px
}

.toRight[data-distancia="50"]:hover {
  left: 50px
}

.toUp {
  position: relative;
  top: 0
}

.toUp[data-distancia="5"]:hover {
  top: -5px
}

.toUp[data-distancia="10"]:hover {
  top: -10px
}

.toUp[data-distancia="15"]:hover {
  top: -15px
}

.toUp[data-distancia="20"]:hover {
  top: -20px
}

.toUp[data-distancia="25"]:hover {
  top: -25px
}

.toUp[data-distancia="30"]:hover {
  top: -30px
}

.toUp[data-distancia="35"]:hover {
  top: -35px
}

.toUp[data-distancia="40"]:hover {
  top: -40px
}

.toUp[data-distancia="45"]:hover {
  top: -45px
}

.toUp[data-distancia="50"]:hover {
  top: -50px
}

.toDown {
  position: relative;
  top: 0
}

.toDown[data-distancia="5"]:hover {
  top: 5px
}

.toDown[data-distancia="10"]:hover {
  top: 10px
}

.toDown[data-distancia="15"]:hover {
  top: 15px
}

.toDown[data-distancia="20"]:hover {
  top: 20px
}

.toDown[data-distancia="25"]:hover {
  top: 25px
}

.toDown[data-distancia="30"]:hover {
  top: 30px
}

.toDown[data-distancia="35"]:hover {
  top: 35px
}

.toDown[data-distancia="40"]:hover {
  top: 40px
}

.toDown[data-distancia="45"]:hover {
  top: 45px
}

.toDown[data-distancia="50"]:hover {
  top: 50px
}

.zoom {
  overflow: hidden;
  display: inline-block
}

.zoomimg {
  display: block;
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: all ease 200ms
}

.zoom[data-zoom="110%"]:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.zoom[data-zoom="120%"]:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.zoom[data-zoom="130%"]:hover img {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3)
}

.zoom[data-zoom="140%"]:hover img {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4)
}

.zoom[data-zoom="150%"]:hover img {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5)
}

.flexRight {
  position: fixed;
  right: -100%
}

.flexRight.desplegado {
  right: 0;
  -webkit-animation: flexRight 1s;
  animation: flexRight 1s
}

@-webkit-keyframes flexRight {
  50% {
    padding-right: 10%
  }
}

@keyframes flexRight {
  50% {
    padding-right: 10%
  }
}