/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Table styles ---------- */
@media (max-width: 979px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }

  .ie9 .responsive-table-horizontal thead {
    float: none; } }
/* ---------- Text formatting ---------- */
.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(/isagen-2016-theme/css/../images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/* ---------- Miscellaneous ---------- */
span.alert {
  display: inline-block; }

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(/isagen-2016-theme/css/../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

/* ---------- Portal tool tips ---------- */
.tooltip {
  max-width: 200px; }

/* ---------- Tags ---------- */
.tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  overflow: visible;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    background: #FFF;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    overflow: visible;
    padding: 5px;
    position: relative; }
    .tagselector-content .textboxlistentry-holder li {
      line-height: 1; }
    .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
      border-width: 0;
      margin-bottom: 0; }
  .tagselector-content .textboxlistentry-remove {
    padding: 0 3px 1px; }

.tagselector .lfr-tags-selector-content {
  border-width: 0; }
.tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }
.tagselector .field .field-content {
  margin: 0; }
.tagselector .textboxlist-input-container {
  margin: 0; }

.tagselector-focused .textboxlistentry-holder {
  background: #FFF none;
  border: 1px solid #CCC; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

/* ---------- Tag cloud and tag list ---------- */
.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }
  .underlay .lfr-portlet-item {
    border-width: 0; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #f4f3f3 url(/isagen-2016-theme/css/../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ---------- Tabs ---------- */
.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

/* ---------- Miscellaneous ---------- */
.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.panel-hd {
  background: #c0c2c5 url(/isagen-2016-theme/css/../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

/* ---------- Menus ---------- */
.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #ccc9c9 url(/isagen-2016-theme/css/../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

/* ---------- Loading mask ---------- */
.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: #d4d4d4 url(/isagen-2016-theme/css/../images/portlet/header_bg.png) repeat-x 0 0; }

/* ---------- Tree view ---------- */
.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "\f096"; }
.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }
.tree-node .tree-node-over .tree-label {
  text-decoration: underline; }
.tree-node [class^="icon-"] {
  margin-right: 5px; }
.tree-node .tree-node-checkbox-container {
  margin-right: 0; }
.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }
.tree-node-content .tree-label {
  margin-left: 3px; }
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

/* ---------- Page customization ---------- */
.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    border: 3px solid #333;
    margin: 0.2em; }

.customizable .customizable-layout-column-content {
  background-color: #9CC97B; }

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

/* ---------- Pagination ---------- */
.paginator-link {
  background: #eeeeee url() no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083bd url(/isagen-2016-theme/css/../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(/isagen-2016-theme/css/../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(/isagen-2016-theme/css/../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(/isagen-2016-theme/css/../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(/isagen-2016-theme/css/../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

/* ---------- CKEditor contents ---------- */
.aui .cke_editable [class*="span"] {
  float: none; }

/* ---------- CKEditor menu ---------- */
.aui .cke_dialog .cke_dialog_ui_input_text {
  height: auto; }
.aui .cke_editable_inline a {
  cursor: pointer; }

/* ---------- CKEditor panel menu ---------- */
.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }
.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor source ---------- */
.aui .cke_source {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px; }
  .cke_show_border td {
    height: 15px; }

/* ---------- HTML editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000;
  padding: 1em; }

.html-editor.portlet-message-boards {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(/isagen-2016-theme/css/../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(/isagen-2016-theme/css/../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

/* ---------- Inline editing ---------- */
.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(/isagen-2016-theme/css/../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-content .field-input-text {
      display: block;
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-label.textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content {
      margin-top: 0;
      vertical-align: top; }
      .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content .btn-group {
        margin-top: 0; }

.lfr-page-layouts .lfr-layout-template .layout-template-entry {
  height: 25px;
  width: 25px; }

.ie input.cke_dialog_ui_input_text {
  height: auto; }
.ie .proxy.not-intersecting .forbidden-action {
  right: 2px;
  top: 2px; }

.ie7 .menu-content li {
  z-index: 10; }
.ie7 .paginator-link {
  color: transparent;
  font-size: 0;
  overflow: hidden;
  text-indent: 0;
  vertical-align: middle; }
.ie7 .paginator-page-link {
  color: #1F1E1E;
  font-size: 1em;
  height: auto;
  line-height: 1.4;
  overflow: visible;
  text-indent: 0; }
.ie7 .paginator-current-page {
  color: #FFF; }

.ie8 .row-fluid input[class*=span].search-query {
  line-height: 20px;
  min-height: 20px; }

.ios.mobile .modal-content .dialog-iframe-bd {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding: 2em 5em 0;
  position: relative; }
  @media (max-width: 767px) {
    #wrapper {
      padding-left: 0.5em;
      padding-right: 0.5em; } }
  @media (min-width: 768px) and (max-width: 979px) {
    #wrapper {
      padding-left: 2em;
      padding-right: 2em; } }

.aui {
  /* ---------- Staging dockbar ---------- */
  /* ---------- Add content ---------- */
  /* ---------- Menus ---------- */
  /* ---------- Customization bar ---------- */ }
  .aui .dockbar {
    left: 0;
    right: 0;
    top: 0; }
    .aui .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: auto;
      margin-left: 10px;
      width: auto; }
    .aui .dockbar.navbar-static-top {
      position: relative; }
      .aui .dockbar.navbar-static-top .collapse {
        position: static; }
        .aui .dockbar.navbar-static-top .collapse .nav-account-controls {
          position: static; }
    .aui .dockbar .btn-link {
      color: #FFF; }
    .aui .dockbar .diamond {
      border: 12px solid transparent;
      border-bottom-color: #1485EB;
      height: 0;
      position: relative;
      top: -12px;
      width: 0; }
      .aui .dockbar .diamond:after {
        border: 12px solid transparent;
        border-top-color: #1485EB;
        content: '';
        height: 0;
        left: -12px;
        position: absolute;
        top: 12px;
        width: 0; }
    .aui .dockbar .impersonating-user .alert-icon {
      margin-right: 9px; }
    .aui .dockbar .impersonating-user .alert-info {
      border-width: 0;
      margin-bottom: 6px; }
    .aui .dockbar .info-button {
      top: 9px; }
    .aui .dockbar .info-items {
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
    .aui .dockbar .navbar-inner {
      padding-left: 20px;
      padding-right: 20px; }
      .aui .dockbar .navbar-inner .brand h1 {
        display: inline-block;
        font-size: inherit;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0; }
      .aui .dockbar .navbar-inner .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .aui .dockbar .navbar-inner .container .nav-account-controls {
          float: right; }
      .aui .dockbar .navbar-inner .site-administration-menu li {
        list-style: none; }
        .aui .dockbar .navbar-inner .site-administration-menu li a {
          color: #000;
          display: block;
          padding: 3px 5px 3px 40px; }
          .aui .dockbar .navbar-inner .site-administration-menu li a:focus, .aui .dockbar .navbar-inner .site-administration-menu li a:hover {
            background: #0DB5E7;
            color: #FFF;
            text-decoration: none; }
          .aui .dockbar .navbar-inner .site-administration-menu li a i {
            font-size: 0.8em; }
    .aui .dockbar .nav.staging-nav-items {
      margin: 0;
      position: static; }
      .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        display: block; }
        .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
          color: #0077B3; }
      .aui .dockbar .nav.staging-nav-items .staging-link {
        position: static; }
    .aui .dockbar .user-avatar img {
      margin-top: -2px;
      text-decoration: none;
      vertical-align: middle;
      width: 20px; }
  .aui .dockbar-split .dockbar {
    height: 0;
    position: absolute; }
    .aui .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: 0;
      margin-left: 0;
      width: 100%; }
    .aui .dockbar-split .dockbar.navbar-static-top .collapse {
      position: relative; }
      .aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
        position: fixed; }
    .aui .dockbar-split .dockbar .divider-vertical {
      display: none; }
    .aui .dockbar-split .dockbar .info-button {
      top: 12px; }
    .aui .dockbar-split .dockbar .info-items {
      left: auto;
      position: static; }
    .aui .dockbar-split .dockbar .navbar-inner {
      background-color: transparent;
      border-width: 0;
      padding: 0;
      width: 0; }
      .aui .dockbar-split .dockbar .navbar-inner .nav {
        border-bottom-width: 0; }
        .aui .dockbar-split .dockbar .navbar-inner .nav > li {
          background-color: #333; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
            color: #FFF;
            line-height: 31px; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
              color: #FFF; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
              margin-top: 3px; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
            color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
          background-color: #555;
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.info-items {
          background-color: transparent; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
          background-color: #2496E5;
          padding-bottom: 0;
          padding-top: 0; }
          .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
            background-color: #2FA4F5; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
          padding: 5px 10px; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
        left: auto;
        margin-right: 0;
        padding: 0;
        position: fixed;
        right: 5em;
        z-index: 325; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        position: fixed;
        top: 10%;
        z-index: 350; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 10px;
          position: relative; }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(0 0 0 0);
            position: absolute; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
              clip: rect(auto auto auto auto);
              position: static; }
          @media (max-width: 979px) {
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
              display: none; } }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: #333;
            color: #FFF;
            padding: 6px 8px;
            text-align: center; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #555; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 25px;
              position: relative;
              vertical-align: middle; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: #92F545; }
              .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #000; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: #333;
              display: none;
              left: 100%;
              margin-left: 0.5em;
              margin-top: -1em;
              padding: 0 20px;
              position: absolute;
              top: 50%;
              white-space: nowrap; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: block; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
          clip: rect(auto auto auto auto);
          position: static; }
    .aui .dockbar-split .dockbar .staging-nav-items li > span {
      color: #FFF;
      display: block;
      padding: 10px 15px;
      line-height: 31px; }
  .aui .dockbar-split .info-link-container {
    width: 0; }
  .aui .dockbar-split .info-items {
    height: 1px;
    width: 715px; }
    .aui .dockbar-split .info-items a, .aui .dockbar-split .info-items .btn-link {
      color: #FFF;
      text-decoration: underline; }
      .aui .dockbar-split .info-items a:hover, .aui .dockbar-split .info-items .btn-link:hover {
        text-decoration: none; }
        .aui .dockbar-split .info-items a:hover .taglib-text, .aui .dockbar-split .info-items .btn-link:hover .taglib-text {
          text-decoration: none; }
    .aui .dockbar-split .info-items .btn-link {
      border-width: 0;
      font-size: 14px;
      font-weight: 300;
      margin: 0 0 0 6px;
      padding: 0;
      text-shadow: none; }
  .aui .dockbar-split .staging-bar {
    margin: 10px 0; }
  .aui .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    background: #F5AF45; }
  .aui .dockbar-split.lfr-has-add-content .nav-add-controls {
    left: 350px; }
  .aui .dockbar-split.lfr-has-device-preview .nav-add-controls {
    left: 220px; }
  .aui .dockbar-split.lfr-has-edit-layout .nav-add-controls {
    left: 460px; }
  .aui.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
    display: none; }
  .aui .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .aui .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    clip: rect(auto auto auto auto);
    position: static; }
  .aui .variation-selector {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em; }
  .aui .layout-revision-container {
    margin: 1em 0 0 1em;
    padding: 0; }
    .aui .layout-revision-container .approximate-date {
      color: #999;
      font-weight: bold; }
    .aui .layout-revision-container .current-version {
      color: #41801d;
      display: block; }
    .aui .layout-revision-container .current-version-pointer {
      display: inline-block;
      width: 0; }
      .aui .layout-revision-container .current-version-pointer img {
        left: -25px;
        position: relative; }
    .aui .layout-revision-container .layout-variation-name {
      color: #666;
      font-size: 1.15em;
      margin-bottom: 0.1em;
      text-transform: uppercase; }
    .aui .layout-revision-container .layout-revision-current {
      color: #666; }
    .aui .layout-revision-container .real-date {
      color: #999;
      display: block;
      text-align: right; }
    .aui .layout-revision-container .taglib-workflow-status .workflow-status {
      background: none;
      padding-left: 0; }
      .aui .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
        color: #41801d;
        font-weight: bold; }
  .aui .layout-revision-container-root {
    margin: 0; }
  .aui .staging-controls {
    padding-left: 5px;
    padding-right: 50px; }
    .aui .staging-controls select {
      width: 100%; }
    .aui .staging-controls .staging-bar .dropdown-menu {
      font-size: 13px;
      min-width: 520px;
      width: 100%; }
      .aui .staging-controls .staging-bar .dropdown-menu .btn-link {
        float: left;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 0;
        text-decoration: underline;
        text-shadow: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
          text-decoration: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link.history {
          float: right; }
  .aui .lfr-admin-panel {
    background-color: #FFF;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 1100; }
    @media (max-width: 767px) {
      .aui .lfr-admin-panel {
        margin: 0 -20px;
        position: static;
        width: auto; }
        .aui .lfr-admin-panel.lfr-add-panel .add-content-menu .lfr-add-page-toolbar, .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
          margin-top: 0;
          position: static;
          width: auto; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .accordion {
          margin-bottom: 20px; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .site-admin-link {
          padding: 0;
          position: static; } }
  .aui .lfr-has-add-content {
    padding-left: 350px; }
  .aui .lfr-has-device-preview {
    padding-left: 220px; }
  .aui .lfr-has-edit-layout {
    padding-left: 460px; }
  @media (max-width: 767px) {
    .aui .lfr-has-add-content, .aui .lfr-has-device-preview, .aui .lfr-has-edit-layout {
      padding-left: 20px; } }
  .aui .dropdown-menu > li > a:focus > [class^="icon-"] {
    background-image: none; }
  .aui .my-sites-menu .site-type {
    color: #FFF;
    display: none;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    right: 100%; }
  .aui .my-sites-menu a:hover .site-type {
    color: #FFFFFF;
    display: inline-block; }
  .aui .ie.rtl .dockbar .menu-button span {
    background-position-x: -25px; }
  .aui.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
    display: none; }
  .aui .ie7 .dockbar {
    zoom: 1; }
  .aui .ie7 .my-sites-menu a {
    overflow: visible;
    text-align: left; }
  .aui .ie7 .my-sites-menu .site-name {
    float: none; }
  .aui .ie7 .my-sites-menu .site-type {
    float: none; }
  .aui .ie6 .dockbar, .aui .ie6 .lfr-dockbar-pinned .dockbar {
    height: 10px;
    left: 0;
    position: relative;
    top: 0; }
  .aui .ie6 .dockbar .pin-dockbar {
    display: none; }
  .aui .ie6 .my-sites-menu {
    width: 200px; }
    .aui .ie6 .my-sites-menu a {
      zoom: 1; }
  .aui .ie6 .menu-scroll {
    height: 300px;
    overflow-y: auto; }
  .aui .controls-hidden .info-button, .aui .controls-hidden .page-customization-bar {
    display: none; }
  .aui .info-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: 12px;
    z-index: 1; }
    .aui .info-button a {
      color: #FFF;
      padding: 2px 10px;
      position: absolute;
      text-decoration: none;
      z-index: 1; }
    .aui .info-button .icon-stop {
      color: #1485EB;
      font-size: 20px; }
  .aui .page-customization-bar {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: table;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    width: 100%; }
    .aui .page-customization-bar .customized-icon {
      margin: 5px;
      vertical-align: middle; }
    .aui .page-customization-bar .page-customization-actions {
      padding-left: 5em; }
    .aui .page-customization-bar .page-customization-actions a {
      color: #EEE;
      font-size: 0.8em;
      padding: 0 1em; }
    .aui .page-customization-bar .page-customization-bar-form {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 25%; }
      .aui .page-customization-bar .page-customization-bar-form a {
        color: #FFF; }
        .aui .page-customization-bar .page-customization-bar-form a:focus, .aui .page-customization-bar .page-customization-bar-form a:hover {
          color: #FFF;
          text-decoration: none; }
      .aui .page-customization-bar .page-customization-bar-form span {
        display: block;
        line-height: 20px; }
    .aui .page-customization-bar .page-customization-bar-text {
      display: table-cell;
      height: 51px;
      vertical-align: middle;
      width: 75%; }
    .aui .page-customization-bar .page-customization-bar-container {
      position: absolute; }
    .aui .page-customization-bar .reset-prototype {
      display: inline; }
  @media (max-width: 1140px) {
    .aui .dockbar-split .dockbar .info-items {
      width: 515px; } }
  @media (max-width: 979px) {
    .aui #navigation {
      display: none; }
      .aui #navigation.open {
        display: block; }
    .aui .dockbar-split .dockbar {
      height: auto;
      position: relative; }
      .aui .dockbar-split .dockbar .navbar-inner {
        width: auto; }
    .aui .user-avatar-image {
      width: 18px; } }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
.modify-pages .add-page-editor-input {
  width: 150px; }
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 10px;
  line-height: 6px;
  margin-top: -8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }
.modify-pages .lfr-nav-sortable > a > span {
  padding-left: 28px; }
.modify-pages .drag-handle {
  background-color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  font-size: 16px;
  left: 3px;
  line-height: 1em;
  margin: 8px;
  padding: 4px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 1em; }
@media (min-width: 980px) {
  .modify-pages .lfr-nav-sortable > a > span {
    padding-left: 0; }
  .modify-pages .drag-handle {
    display: none; } }
.modify-pages .lfr-nav-updateable.selected a:hover span {
  cursor: text; }

.controls-hidden .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 0; }
.controls-hidden .modify-pages .drag-handle {
  display: none; }

.nav li .toolbar {
  margin-top: 5px; }

/* ---------- Navigation portlet ---------- */
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(/isagen-2016-theme/css/../images/arrows/04_right.png); }

/* ---------- Page template selector ---------- */
.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #c4c4c4 url(/isagen-2016-theme/css/../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(/isagen-2016-theme/css/../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(/isagen-2016-theme/css/../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(/isagen-2016-theme/css/../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(/isagen-2016-theme/css/../images/common/configuration.png); }

.save-trigger img {
  background-image: url(/isagen-2016-theme/css/../images/common/check.png); }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border-width: 0; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar {
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 3px;
    text-align: right;
    top: 3px;
    z-index: 300; }
    .portlet-topper .portlet-topper-toolbar a {
      color: inherit; }
      .portlet-topper .portlet-topper-toolbar a, .portlet-topper .portlet-topper-toolbar a:hover {
        text-decoration: none; }
      .portlet-topper .portlet-topper-toolbar a i {
        font-size: 19px; }
    .portlet-topper .portlet-topper-toolbar .nobr {
      display: block;
      float: left;
      padding: 1px; }
    .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
      background: url(/isagen-2016-theme/css/../images/arrows/12_left.png) no-repeat 0 50%;
      color: #FFF;
      font-weight: bold;
      padding: 5px 5px 5px 18px; }
      .portlet-topper .portlet-topper-toolbar .portlet-icon-back:hover {
        color: #FFF; }
    .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
      color: transparent;
      font-size: 0; }

.portlet-title {
  display: block; }
  .portlet-title img {
    vertical-align: middle; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 95%;
  vertical-align: top; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-borderless-bar, .portlet-content .lfr-icon-actions {
  background: #333;
  color: #FFF;
  text-shadow: -1px -1px black; }
  .portlet-borderless-bar a, .portlet-content .lfr-icon-actions a {
    color: #3AF; }

.portlet-borderless-container:hover .portlet-borderless-bar, .portlet-content:hover .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions, .portlet-content:hover .lfr-icon-actions .taglib-text {
  display: inline-block; }

.portlet-borderless-bar .portlet-options .dropdown-toggle, .portlet-borderless-bar .portlet-options.open .dropdown-toggle {
  background-image: url(/isagen-2016-theme/css/../images/portlet/options_borderless.png); }

.portlet-content .lfr-icon-actions {
  float: left;
  margin: 1px 10px 1px 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 2px 7px; }
  .portlet-content .lfr-icon-actions .taglib-text {
    color: #FFF;
    display: none;
    font-weight: bold;
    margin-right: 1em;
    text-decoration: none;
    vertical-align: middle; }
  .portlet-content .lfr-icon-actions .lfr-icon-action a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a:hover {
      text-decoration: none; }
      .portlet-content .lfr-icon-actions .lfr-icon-action a:hover span {
        text-decoration: underline; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a img {
      visibility: hidden; }
  .portlet-content .lfr-icon-actions .lfr-icon-action-add a {
    background-image: url(/isagen-2016-theme/css/../images/common/add_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
    background-image: url(/isagen-2016-theme/css/../images/common/edit_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
    background-image: url(/isagen-2016-theme/css/../images/common/edit_template_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
    background-image: url(/isagen-2016-theme/css/../images/common/configuration_white.png); }
.portlet-content .lfr-url-error {
  display: inline-block;
  white-space: normal; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  background-color: transparent;
  font-size: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  height: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    float: right;
    overflow: hidden;
    padding: 0 5px; }
    .portlet-borderless-bar .portlet-actions .portlet-action, .portlet-borderless-bar .portlet-actions .portlet-options {
      display: inline-block; }
  .portlet-borderless-bar .portlet-actions, .portlet-borderless-bar .portlet-title-default {
    background-color: #333;
    min-height: 21px; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close {
    display: inline-block;
    vertical-align: middle; }
    .portlet-borderless-bar .portlet-close a {
      background-image: url(/isagen-2016-theme/css/../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(/isagen-2016-theme/css/../images/portlet/options_borderless.png); }

.lfr-configurator-visibility .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-content .icons-container {
  clear: both;
  height: auto;
  margin-top: 1em;
  overflow: hidden;
  width: auto; }

.portlet-title-default {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: right;
  font-weight: bold;
  height: 0;
  line-height: 19px;
  max-width: 50%;
  padding: 0 10px;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }
.portlet-draggable .portlet-title-default {
  background: #333333 url(/isagen-2016-theme/css/../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px; }

/* ---------- Panel page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status labels ---------- */
.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(/isagen-2016-theme/css/../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(/isagen-2016-theme/css/../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(/isagen-2016-theme/css/../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(/isagen-2016-theme/css/../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(/isagen-2016-theme/css/../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(/isagen-2016-theme/css/../images/messages/success.png);
  color: #384F34; }

/* ---------- Liferay messages ---------- */
.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(/isagen-2016-theme/css/../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(/isagen-2016-theme/css/../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Sections ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
.alert .form {
  margin: 0; }

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border-width: 0; }
.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.alt.restricted td.first, .restricted td.first {
  background-image: url(/isagen-2016-theme/css/../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.table-data tr.lfr-role .first {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
  vertical-align: middle; }
.table-data tr.lfr-role-guest .first {
  background-image: url(/isagen-2016-theme/css/../images/common/guest_icon.png); }
.table-data tr.lfr-role-regular .first {
  background-image: url(/isagen-2016-theme/css/../images/common/user_icon.png); }
.table-data tr.lfr-role-site .first {
  background-image: url(/isagen-2016-theme/css/../images/common/site_icon.png); }
.table-data tr.lfr-role-organization .first {
  background-image: url(/isagen-2016-theme/css/../images/common/organization_icon.png); }
.table-data tr.lfr-role-team .first {
  background-image: url(/isagen-2016-theme/css/../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
.lfr-ddm-container .control-group.error .control-label,
.lfr-ddm-container .control-group.error .help-block,
.lfr-ddm-container .control-group.error .help-inline {
  color: #555555; }
.lfr-ddm-container .control-group.error .checkbox,
.lfr-ddm-container .control-group.error .radio,
.lfr-ddm-container .control-group.error input,
.lfr-ddm-container .control-group.error select,
.lfr-ddm-container .control-group.error textarea {
  color: #555555; }
.lfr-ddm-container .control-group.error input,
.lfr-ddm-container .control-group.error select,
.lfr-ddm-container .control-group.error textarea {
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.error input:focus,
  .lfr-ddm-container .control-group.error select:focus,
  .lfr-ddm-container .control-group.error textarea:focus {
    border-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.lfr-ddm-container .control-group.error .input-prepend .add-on,
.lfr-ddm-container .control-group.error .input-append .add-on {
  color: #555555;
  background-color: whitesmoke;
  border-color: #555555; }
.lfr-ddm-container .control-group.info .control-label,
.lfr-ddm-container .control-group.info .help-block,
.lfr-ddm-container .control-group.info .help-inline {
  color: #555555; }
.lfr-ddm-container .control-group.info .checkbox,
.lfr-ddm-container .control-group.info .radio,
.lfr-ddm-container .control-group.info input,
.lfr-ddm-container .control-group.info select,
.lfr-ddm-container .control-group.info textarea {
  color: #555555; }
.lfr-ddm-container .control-group.info input,
.lfr-ddm-container .control-group.info select,
.lfr-ddm-container .control-group.info textarea {
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.info input:focus,
  .lfr-ddm-container .control-group.info select:focus,
  .lfr-ddm-container .control-group.info textarea:focus {
    border-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.lfr-ddm-container .control-group.info .input-prepend .add-on,
.lfr-ddm-container .control-group.info .input-append .add-on {
  color: #555555;
  background-color: whitesmoke;
  border-color: #555555; }
.lfr-ddm-container .control-group.success .control-label,
.lfr-ddm-container .control-group.success .help-block,
.lfr-ddm-container .control-group.success .help-inline {
  color: #555555; }
.lfr-ddm-container .control-group.success .checkbox,
.lfr-ddm-container .control-group.success .radio,
.lfr-ddm-container .control-group.success input,
.lfr-ddm-container .control-group.success select,
.lfr-ddm-container .control-group.success textarea {
  color: #555555; }
.lfr-ddm-container .control-group.success input,
.lfr-ddm-container .control-group.success select,
.lfr-ddm-container .control-group.success textarea {
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.success input:focus,
  .lfr-ddm-container .control-group.success select:focus,
  .lfr-ddm-container .control-group.success textarea:focus {
    border-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.lfr-ddm-container .control-group.success .input-prepend .add-on,
.lfr-ddm-container .control-group.success .input-append .add-on {
  color: #555555;
  background-color: whitesmoke;
  border-color: #555555; }
.lfr-ddm-container .control-group.warning .control-label,
.lfr-ddm-container .control-group.warning .help-block,
.lfr-ddm-container .control-group.warning .help-inline {
  color: #555555; }
.lfr-ddm-container .control-group.warning .checkbox,
.lfr-ddm-container .control-group.warning .radio,
.lfr-ddm-container .control-group.warning input,
.lfr-ddm-container .control-group.warning select,
.lfr-ddm-container .control-group.warning textarea {
  color: #555555; }
.lfr-ddm-container .control-group.warning input,
.lfr-ddm-container .control-group.warning select,
.lfr-ddm-container .control-group.warning textarea {
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.warning input:focus,
  .lfr-ddm-container .control-group.warning select:focus,
  .lfr-ddm-container .control-group.warning textarea:focus {
    border-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.lfr-ddm-container .control-group.warning .input-prepend .add-on,
.lfr-ddm-container .control-group.warning .input-append .add-on {
  color: #555555;
  background-color: whitesmoke;
  border-color: #555555; }
.lfr-ddm-container .control-group.error > .control-label,
.lfr-ddm-container .control-group.error > .help-block,
.lfr-ddm-container .control-group.error > .help-inline {
  color: #b50303; }
.lfr-ddm-container .control-group.error > .checkbox,
.lfr-ddm-container .control-group.error > .radio,
.lfr-ddm-container .control-group.error > input,
.lfr-ddm-container .control-group.error > select,
.lfr-ddm-container .control-group.error > textarea {
  color: #b50303; }
.lfr-ddm-container .control-group.error > input,
.lfr-ddm-container .control-group.error > select,
.lfr-ddm-container .control-group.error > textarea {
  border-color: #b50303;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.error > input:focus,
  .lfr-ddm-container .control-group.error > select:focus,
  .lfr-ddm-container .control-group.error > textarea:focus {
    border-color: #830202;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb2323;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb2323;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fb2323; }
.lfr-ddm-container .control-group.error > .input-prepend .add-on,
.lfr-ddm-container .control-group.error > .input-append .add-on {
  color: #b50303;
  background-color: #fee5e2;
  border-color: #b50303; }
.lfr-ddm-container .control-group.info > .control-label,
.lfr-ddm-container .control-group.info > .help-block,
.lfr-ddm-container .control-group.info > .help-inline {
  color: #12718f; }
.lfr-ddm-container .control-group.info > .checkbox,
.lfr-ddm-container .control-group.info > .radio,
.lfr-ddm-container .control-group.info > input,
.lfr-ddm-container .control-group.info > select,
.lfr-ddm-container .control-group.info > textarea {
  color: #12718f; }
.lfr-ddm-container .control-group.info > input,
.lfr-ddm-container .control-group.info > select,
.lfr-ddm-container .control-group.info > textarea {
  border-color: #12718f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.info > input:focus,
  .lfr-ddm-container .control-group.info > select:focus,
  .lfr-ddm-container .control-group.info > textarea:focus {
    border-color: #0c4d62;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #24b5e3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #24b5e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #24b5e3; }
.lfr-ddm-container .control-group.info > .input-prepend .add-on,
.lfr-ddm-container .control-group.info > .input-append .add-on {
  color: #12718f;
  background-color: #cef1fc;
  border-color: #12718f; }
.lfr-ddm-container .control-group.success > .control-label,
.lfr-ddm-container .control-group.success > .help-block,
.lfr-ddm-container .control-group.success > .help-inline {
  color: #488f06; }
.lfr-ddm-container .control-group.success > .checkbox,
.lfr-ddm-container .control-group.success > .radio,
.lfr-ddm-container .control-group.success > input,
.lfr-ddm-container .control-group.success > select,
.lfr-ddm-container .control-group.success > textarea {
  color: #488f06; }
.lfr-ddm-container .control-group.success > input,
.lfr-ddm-container .control-group.success > select,
.lfr-ddm-container .control-group.success > textarea {
  border-color: #488f06;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.success > input:focus,
  .lfr-ddm-container .control-group.success > select:focus,
  .lfr-ddm-container .control-group.success > textarea:focus {
    border-color: #2f5e04;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #79f10a;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #79f10a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #79f10a; }
.lfr-ddm-container .control-group.success > .input-prepend .add-on,
.lfr-ddm-container .control-group.success > .input-append .add-on {
  color: #488f06;
  background-color: #f1fbd1;
  border-color: #488f06; }
.lfr-ddm-container .control-group.warning > .control-label,
.lfr-ddm-container .control-group.warning > .help-block,
.lfr-ddm-container .control-group.warning > .help-inline {
  color: #bf7900; }
.lfr-ddm-container .control-group.warning > .checkbox,
.lfr-ddm-container .control-group.warning > .radio,
.lfr-ddm-container .control-group.warning > input,
.lfr-ddm-container .control-group.warning > select,
.lfr-ddm-container .control-group.warning > textarea {
  color: #bf7900; }
.lfr-ddm-container .control-group.warning > input,
.lfr-ddm-container .control-group.warning > select,
.lfr-ddm-container .control-group.warning > textarea {
  border-color: #bf7900;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .lfr-ddm-container .control-group.warning > input:focus,
  .lfr-ddm-container .control-group.warning > select:focus,
  .lfr-ddm-container .control-group.warning > textarea:focus {
    border-color: #8c5900;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffaf26;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffaf26;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffaf26; }
.lfr-ddm-container .control-group.warning > .input-prepend .add-on,
.lfr-ddm-container .control-group.warning > .input-append .add-on {
  color: #bf7900;
  background-color: #fffbdc;
  border-color: #bf7900; }

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper[data-repeatable="true"], .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper .field-wrapper, .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper[data-repeatable="true"], .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper .field-wrapper, .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper[data-repeatable="true"], .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper {
  border: 1px solid #D0D0D0;
  border-left-width: 10px;
  padding: 7px 10px 10px; }
  .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper[data-repeatable="true"][data-repeatable="true"]:nth-of-type(even), .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper .field-wrapper[data-repeatable="true"]:nth-of-type(even), .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper[data-repeatable="true"][data-repeatable="true"]:nth-of-type(even), .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper .field-wrapper[data-repeatable="true"]:nth-of-type(even), .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper[data-repeatable="true"][data-repeatable="true"]:nth-of-type(even), .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper[data-repeatable="true"]:nth-of-type(even) {
    background-color: #F5F5F5; }
  .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper[data-repeatable="true"], .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper[data-repeatable="true"] .field-wrapper, .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper .field-wrapper, .portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper .field-wrapper .field-wrapper, .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper[data-repeatable="true"], .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper[data-repeatable="true"] .field-wrapper, .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper .field-wrapper, .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper .field-wrapper .field-wrapper, .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper[data-repeatable="true"], .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper[data-repeatable="true"] .field-wrapper, .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper, .portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper .field-wrapper {
    margin: 15px 0 0; }

/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(/isagen-2016-theme/img/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    height: 10px; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- navbar form search ---------- */
.navbar form {
  margin: 0; }

.ie .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.ie .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.ie .portlet-borderless-container:hover .portlet-borderless-bar, .ie .portlet-journal-content .lfr-icon-actions:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
.ie .taglib-calendar tr td.first a {
  border-right-width: 0; }

.ie6 .portlet-content .icons-container, .ie7 .portlet-content .icons-container {
  overflow: visible; }
.ie6 .portlet-content .lfr-icon-actions .taglib-text, .ie7 .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block; }
.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
  margin-left: 20px;
  margin-right: 0; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
  float: left; }
.ie6 .lfr-message .lfr-message-close, .ie7 .lfr-message .lfr-message-close {
  float: left; }

.ie6 .portlet-topper-toolbar .icon {
  height: 16px;
  width: 16px; }
.ie6 .portlet-borderless-container {
  height: 2.5em; }
.ie6 .portlet-borderless-bar {
  filter: alpha(opacity=90); }
  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
  zoom: 1; }

.ie8 .dockbar img, .ie8 .lfr-icon-action img, .ie8 .logo img {
  max-width: none; }

.menu-content, .underlay-content {
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.lfr-preview-file-image img, .lfr-translation-manager {
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.lfr-device-preview .lfr-device-size-status-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px white;
  -moz-box-shadow: 0 0 1px white;
  box-shadow: 0 0 1px white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9; }
.lfr-device-preview .lfr-device:after, .lfr-device-preview .lfr-device:before {
  -webkit-box-shadow: #111111 0 1px 0;
  -moz-box-shadow: #111111 0 1px 0;
  box-shadow: #111111 0 1px 0; }
.lfr-device-preview .lfr-device:after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
.lfr-device-preview .lfr-device.rotated:after, .lfr-device-preview .lfr-device.rotated:before {
  -webkit-box-shadow: #111111 -1px 1px 0;
  -moz-box-shadow: #111111 -1px 1px 0;
  box-shadow: #111111 -1px 1px 0; }
.lfr-device-preview .lfr-device.smartphone, .lfr-device-preview .lfr-device.tablet {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
.lfr-device-preview .lfr-device.tablet:before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

@media (max-width: 979px) {
  .dockbar .navbar-inner .btn-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none; } }
.dockbar .navbar-inner .nav li.staging-toggle.active > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.dockbar .navbar-inner .nav li.staging-toggle span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
.dockbar .menu-button-active .menu-button {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }
.dockbar .impersonating-user .alert-info {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.dockbar-split .dockbar .navbar-inner .nav > li > a {
  text-shadow: none; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

@media (max-width: 979px) {
  .navbar .navbar-search .form-search .search-query {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px; } }
.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  -webkit-box-shadow: 0 1px 3px #cccccc;
  -moz-box-shadow: 0 1px 3px #cccccc;
  box-shadow: 0 1px 3px #cccccc; }

.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -webkit-box-shadow: inset 0 0 2px #224fa8;
  -moz-box-shadow: inset 0 0 2px #224fa8;
  box-shadow: inset 0 0 2px #224fa8; }

.portlet-document-library-upload-mask .overlaymask-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  -webkit-border-radius: 4px 1px 1px 4px;
  -moz-border-radius: 4px 1px 1px 4px;
  -ms-border-radius: 4px 1px 1px 4px;
  -o-border-radius: 4px 1px 1px 4px;
  border-radius: 4px 1px 1px 4px; }
.lfr-search-combobox .button-input {
  -webkit-border-radius: 1px 4px 4px 1px;
  -moz-border-radius: 1px 4px 4px 1px;
  -ms-border-radius: 1px 4px 4px 1px;
  -o-border-radius: 1px 4px 4px 1px;
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-asset-tag-admin .merge-tag, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.portlet-dynamic-data-list-display .lfr-ddm-container .field-wrapper, .portlet-dynamic-data-lists .lfr-ddm-container .field-wrapper, .portlet-journal .lfr-ddm-container .field-wrapper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px; }

.menu-content {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:focus .number {
    -webkit-box-shadow: 0 0 5px 0 #333333;
    -moz-box-shadow: 0 0 5px 0 #333333;
    box-shadow: 0 0 5px 0 #333333;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label .number {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

.underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
.input-localized .lfr-input-localized .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #dddddd;
  -moz-box-shadow: 0 0 3px #dddddd;
  box-shadow: 0 0 3px #dddddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    -webkit-box-shadow: 0 0 3px #ff0047;
    -moz-box-shadow: 0 0 3px #ff0047;
    box-shadow: 0 0 3px #ff0047; }
.input-localized .palette-item-selected .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #27c1f2;
  -moz-box-shadow: 0 0 3px #27c1f2;
  box-shadow: 0 0 3px #27c1f2; }

.lfr-add-panel .add-content-button .lfr-actions {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.over, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.over {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.lfr-add-panel .lfr-panel.lfr-extended {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.lfr-add-panel .lfr-panel.lfr-extended .lfr-panel-titlebar, .lfr-add-panel .add-application-tab .lfr-add-content .lfr-title-category {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2dbe4), color-stop(100%, #bdc8d6));
  background-image: -webkit-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -moz-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -o-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: linear-gradient(#d2dbe4, #bdc8d6); }
.lfr-add-panel .search-panel .add-content-search .field-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.lfr-add-dialog .add-content-menu .search-query, .lfr-add-panel .add-content-menu .search-query {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.customizable-layout-column-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  -webkit-box-shadow: 1px 1px 2px #999999;
  -moz-box-shadow: 1px 1px 2px #999999;
  box-shadow: 1px 1px 2px #999999; }

.lfr-action-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.lfr-api-service-search .field-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out; }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-moz-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-o-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  -moz-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition: opacity 0.5s ease 0.15s;
  -o-transition: opacity 0.5s ease 0.15s;
  transition: opacity 0.5s ease 0.15s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: max-width 0.3s ease-in;
  -webkit-transition-delay: 0.2s;
  -moz-transition: max-width 0.3s ease-in 0.2s;
  -o-transition: max-width 0.3s ease-in 0.2s;
  transition: max-width 0.3s ease-in 0.2s;
  text-overflow: ellipsis;
  white-space: nowrap; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  -webkit-transition: max-width 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: max-width 0.3s ease 0s;
  -o-transition: max-width 0.3s ease 0s;
  transition: max-width 0.3s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions {
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px; }
body:first-of-type .portlet-borderless-bar .portlet-title-default {
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  max-width: 500px; }
body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  max-width: 200px; }
@media (max-width: 979px) {
  body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
    max-width: 200px; } }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease; }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-moz-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-o-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }
.upload-drop-active .portlet-document-library .document-container {
  -webkit-box-shadow: inset 0 0 5px #b8c1d1;
  -moz-box-shadow: inset 0 0 5px #b8c1d1;
  box-shadow: inset 0 0 5px #b8c1d1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  -moz-animation: lfr-drop-active 1s ease 0.2s infinite;
  -ms-animation: lfr-drop-active 1s ease 0.2s infinite;
  -o-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial; }
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(#ffffff, #e4e4e4);
  background-image: -moz-linear-gradient(#ffffff, #e4e4e4);
  background-image: -o-linear-gradient(#ffffff, #e4e4e4);
  background-image: linear-gradient(#ffffff, #e4e4e4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#f2f2f2, #cccccc);
  background-image: -moz-linear-gradient(#f2f2f2, #cccccc);
  background-image: -o-linear-gradient(#f2f2f2, #cccccc);
  background-image: linear-gradient(#f2f2f2, #cccccc); }

/* Import para sobrescribir estilos de tema "styled" */
/* Para sobrescribir el template "styled" de liferay */
#wrapper {
  padding: 0; }

/*
div.sign-in {
  padding: 8px;
  background-color: rgba(255,255,255, .8);
  z-index: 99999999;
}

.aui h2 {
    font-size: 1.5em;
    line-height: auto;
}
*/
/*
#portlet_58 {
  margin-top: 160px;
  
  margin-left: 100px;
}
*/
/*
form.sign-in-form {
  margin-top: 200px;
  margin-left: 100px;
}
*/
body.aui {
  font-family: 'Open Sans', sans-serif;
  line-height: 25px;
  font-size: 16px;
  color: #636363; }
  body.aui form {
    margin: 0; }
  body.aui .h1, body.aui .h2, body.aui .h3, body.aui .h4, body.aui .h5, body.aui .h6, body.aui h1, body.aui h2, body.aui h3, body.aui h4, body.aui h5, body.aui h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
  body.aui h2 {
    font-size: 1.5em;
    margin: .83em 0; }
  body.aui h3 {
    font-size: 1.17em;
    margin: 1em 0; }
  body.aui p {
    /* margin: 0 0 10px; */
    margin: 1em 0; }
  body.aui .portlet-borderless-container {
    /* position: static; */ }

/* Estilos para el buscador integrado de liferay */
#portlet_3 header.portlet-topper {
  display: none; }
#portlet_3 fieldset {
  border: none; }
#portlet_3 fieldset, #portlet_3 .portlet-content {
  padding: 0;
  margin: 0; }
#portlet_3 .input-text-wrapper {
  width: 100%;
  height: 50px; }
#portlet_3 #_3_keywords {
  position: relative;
  display: block;
  color: white;
  outline: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  height: 100%;
  width: 100%;
  font-size: 20px;
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease; }
#portlet_3 #_3_groupId, #portlet_3 #_3_search, #portlet_3 #_3_facetNavigation, #portlet_3 #_3_searchContainer, #portlet_3 #_3_searchTokens {
  display: none; }
#portlet_3 form > fieldset.fieldset > div > div:last-child {
  display: none; }

.breadcrumbs {
  margin-bottom: 0; }
  .breadcrumbs ul.breadcrumb {
    background-color: transparent; }
    .breadcrumbs ul.breadcrumb span.divider {
      display: none; }
    .breadcrumbs ul.breadcrumb > li + li:before {
      content: "";
      padding: 0; }
    .breadcrumbs ul.breadcrumb > .active {
      color: white;
      /*font-size: .8em;*/
      text-shadow: 2px 2px 10px #000;
      text-decoration: none; }

/* Se oculta el titulo que Liferay por defecto muestra de un contenido */
.taglib-header {
  display: none; }

/* Se oculta la secci?n de redes sociales */
.taglib-social-bookmarks {
  display: none; }

/* Portlet 101 es el portlet para el asset publisher que muestra las noticias en producción */
#portlet_101 {
  /* Se comenta este estilo para quitar la margen a las imagenes de los contenidos */
  /*.journal-content-article {
    img {
      margin: 25px;
    }
  }*/ }
  #portlet_101 header.portlet-topper {
    display: none; }
  #portlet_101 li.taglib-social-bookmark-twitter, #portlet_101 li.taglib-social-bookmark-plusone {
    display: none; }
  #portlet_101 .portlet-content {
    padding: 0; }

#portlet_enterate_WAR_Enterateportlet header.portlet-topper {
  height: 0; }
  #portlet_enterate_WAR_Enterateportlet header.portlet-topper h1.portlet-title {
    display: none; }

#_101_22089 {
  margin: 0; }

header.portlet-topper {
  height: 0;
  margin: 0; }
  header.portlet-topper .portlet-title {
    display: none; }

.portlet-content {
  padding: 0; }

div.height_auto {
  height: auto; }

div.margin-top-cero {
  margin-top: 0; }

.margin-bottom-cero {
  margin-bottom: 0; }

/* Imports de front end */
/*------------------------- Plantilla reset estilos --------------------*/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

body, html {
  font-size: 1em;
  line-height: 1.4;
  height: 100%;
  /* Permite centrar elementos con display table */
  width: 100%; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/*------------------------- Plantilla reset estilos --------------------*/
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * 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 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

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

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
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 font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 22px;
  margin: 1em 0; }

h4 {
  font-size: 18px;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

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

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

blockquote {
  margin: 1em 40px; }

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

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

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

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * 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
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

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

/**
 * Address Firefox 3+ 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 6+.
 * 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 */
  *overflow: visible;
  /* 4 */ }

/**
 * 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"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 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;
  /* 2 */
  box-sizing: content-box; }

/**
 * 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 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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; }

/*@import "com/general/sprites";*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 20px;
  overflow: hidden; }

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px;
  /*margin-right:0px;*/ }

.mCustomScrollBox > .mCSB_scrollTools {
  /*background:rgba(81,72,156,1);*/
  background: #ff059c;
  /*cambiar*/
  width: 13px;
  /*cambiar*/
  /*height:70%;*/
  /*top:62px;*/
  height: 100%;
  max-height: 300px;
  top: 50px;
  right: 0; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 10px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 13px;
  height: 100%;
  margin: 0px auto;
  margin-bottom: 10px;
  text-align: center; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 12px;
  overflow: hidden;
  margin: 6px auto;
  cursor: pointer;
  /*background-color: #FF00FF;*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right; }

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  /*cambiar aca*/
  /*opacity:0.75;*/
  /*filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  /*filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail {
  background: #ff059c;
  /* rgba fallback */
  /*background:rgba(81,72,156,1);*/
  /*filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #43067f;
  /*cambiar*/
  /*filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #43067f;
  /*cambiar*/
  /*filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(255,255,255,0.9);*/
  /*filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  /*background-image:url(../../img/flechas_scroll.png);*/
  background-repeat: no-repeat;
  opacity: 1;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -15px 2px;
  /* 
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -15px -9px;
  /* 
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  /*opacity:0.9;*/
  /*filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
  /*cambiar dark*/
  background: #f3f3f3;
  /* rgba fallback */
  background: rgba(243, 243, 243, 0); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #8385c8;
  /* rgba fallback */
  background: #8385c8; }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  /*cambiar dark*/
  background: #8385c8;
  /* rgba fallback */
  background: #8385c8; }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(0,0,0,0.9);*/ }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -2px 2px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -2px -9px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #FFFFFF;
  /* rgba fallback */
  /*background:rgba(255,255,255,0.1);*/
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #6fb3ab;
  /* rgba fallback */
  /*background:rgba(255,255,255,0.75);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #8385c8;
  /* rgba fallback */
  background: #8385c8; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #6fb3ab; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(255,255,255,0.9);*/ }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #FFFFFF;
  /* rgba fallback */
  /*background:rgba(0,0,0,0.1);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #1b69e5;
  /* rgba fallback */
  /*background:rgba(0,0,0,0.75);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  /*background:rgba(0,0,0,0.85);*/
  background: #1b69e5; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(0,0,0,0.9);*/ }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  /*background:rgba(255,255,255,0.1);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #94cc2b;
  /* rgba fallback */
  /*background:rgba(255,255,255,0.75);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #94cc2b; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(255,255,255,0.9);*/ }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(0,0,0,0.9);*/ }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #FFFFFF;
  /* rgba fallback */
  /*background:rgba(243,243,243,0);*/ }

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #e8c624; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  /*background:rgba(0,0,0,0.9);*/ }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

@font-face {
  font-family: "gothamboldregular";
  src: url("../fonts/gothambold-webfont/gothambold-webfont.eot");
  src: url("../fonts/gothambold-webfont/gothambold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambold-webfont/gothambold-webfont.woff") format("woff"), url("../fonts/gothambold-webfont/gothambold-webfont.ttf") format("truetype"), url("../fonts/gothambold-webfont/gothambold-webfont.svg#gothamboldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "gotham_blackregular";
  src: url("../fonts/gotham-black-webfont/gotham-black-webfont.eot");
  src: url("../fonts/gotham-black-webfont/gotham-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-black-webfont/gotham-black-webfont.woff") format("woff"), url("../fonts/gotham-black-webfont/gotham-black-webfont.ttf") format("truetype"), url("../fonts/gotham-black-webfont/gotham-black-webfont.svg#gotham_blackregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "hero-regular";
  src: url("../fonts/hero-regular/hero-regular.eot");
  src: url("../fonts/hero-regular/hero-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/hero-regular/hero-regular.woff") format("woff"), url("../fonts/hero-regular/hero-regular.ttf") format("truetype"), url("../fonts/hero-regular/hero-regular.svg#hero-regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "hero-normal";
  src: url("../fonts/hero/hero.eot");
  src: url("../fonts/hero/hero.eot?#iefix") format("embedded-opentype"), url("../fonts/hero/hero.woff") format("woff"), url("../fonts/hero/hero.ttf") format("truetype"), url("../fonts/hero/hero.svg#hero-normal") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "AmaticBold";
  src: url("../fonts/amatic-bold-webfont/amatic-bold-webfont.eot");
  src: url("../fonts/amatic-bold-webfont/amatic-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amatic-bold-webfont/amatic-bold-webfont.woff") format("woff"), url("../fonts/amatic-bold-webfont/amatic-bold-webfont.ttf") format("truetype"), url("../fonts/amatic-bold-webfont/amatic-bold-webfont.svg#AmaticBold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*  <div class="combo_box">
    <select>
        <option>día</option>
        <option>01</option>
        <option>02</option>
    </select>
 </div>  
.combo_box{
	image-url arguments:
	$path: path relative to images directory in config.rb
	$path-only: if true, will cause only the path to be returned instead of a `url()` function
	$cache-buster: When set to `false` no cache buster will be used (i.e. `?313420982`)	
	@include comboBox($ancho:214px,
					  $alto:22px,
					  $color_texto:#9900FF,
					  $imagen_fondo:image-url('bkg_combo_ejemplo.png', false, true));
}
*/
.lightbox_wrap {
  position: relative;
  width: 100%; }

.boton {
  cursor: pointer;
  display: inline-block; }

::-moz-selection {
  background: transprent;
  text-shadow: none; }

::selection {
  background: transprent;
  text-shadow: none; }

p::moz-selection, p::selection,
span::moz-selection,
span::selection,
h1::moz-selection,
h1::selection,
h2::moz-selection,
h2::selection,
h3::moz-selection,
h3::selection,
h4::moz-selection,
h4::selection,
h5::moz-selection,
h5::selection,
h6::moz-selection,
h6::selection {
  color: white;
  background: transprent;
  text-shadow: none; }

input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #006cb3 !important; }
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #006cb3 !important; }
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #006cb3 !important; }
input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #006cb3 !important; }

.placeholder {
  color: #006cb3 !important; }

.tableCentering > div {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0px auto;
  border: solid 0px;
  display: table;
  background-color: transparent; }
  .tableCentering > div > div {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    background-color: transparent; }

.rightTooltip {
  display: none;
  background: none repeat scroll 0 0 #0A4978;
  border-color: rgba(207, 212, 219, 0.75);
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 13px #023A68;
  min-height: 44px;
  padding-bottom: 13px;
  padding-top: 14px;
  position: absolute;
  left: 149%;
  top: -18px;
  width: 208px;
  z-index: 30;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .rightTooltip:before {
    content: "";
    position: absolute;
    background-color: #0a4978;
    width: 20px;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .rightTooltip p {
    text-align: left;
    color: #FFFFFF;
    font-family: Tahoma, Verdana, Arial;
    font-size: 14px;
    margin-left: 13px;
    text-align: left;
    width: 178px; }

.upperTooltip {
  display: none;
  background: none repeat scroll 0 0 #0A4978;
  border-color: rgba(207, 212, 219, 0.75);
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 13px #023A68;
  min-height: 44px;
  padding-bottom: 13px;
  padding-top: 14px;
  position: absolute;
  left: 149%;
  top: -18px;
  width: 208px;
  z-index: 30;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  left: 380px;
  top: -135px;
  text-align: center; }
  .upperTooltip:before {
    content: "";
    background-color: #0a4978;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    bottom: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .upperTooltip p {
    text-align: left;
    color: #FFFFFF;
    font-family: Tahoma, Verdana, Arial;
    font-size: 14px;
    margin-left: 13px;
    text-align: left;
    width: 178px; }

.fontSize1 {
  font-size: 1px; }

.fontSize2 {
  font-size: 2px; }

.fontSize3 {
  font-size: 3px; }

.fontSize4 {
  font-size: 4px; }

.fontSize5 {
  font-size: 5px; }

.fontSize6 {
  font-size: 6px; }

.fontSize7 {
  font-size: 7px; }

.fontSize8 {
  font-size: 8px; }

.fontSize9 {
  font-size: 9px; }

.fontSize10 {
  font-size: 10px; }

.fontSize11 {
  font-size: 11px; }

.fontSize12 {
  font-size: 12px; }

.fontSize13 {
  font-size: 13px; }

.fontSize14 {
  font-size: 14px; }

.fontSize15 {
  font-size: 15px; }

.fontSize16 {
  font-size: 16px; }

.fontSize17 {
  font-size: 17px; }

.fontSize18 {
  font-size: 18px; }

.fontSize19 {
  font-size: 19px; }

.fontSize20 {
  font-size: 20px; }

.fontSize21 {
  font-size: 21px; }

.fontSize22 {
  font-size: 22px; }

.fontSize23 {
  font-size: 23px; }

.fontSize24 {
  font-size: 24px; }

.fontSize25 {
  font-size: 25px; }

.fontSize26 {
  font-size: 26px; }

.fontSize27 {
  font-size: 27px; }

.fontSize28 {
  font-size: 28px; }

.fontSize29 {
  font-size: 29px; }

.fontSize30 {
  font-size: 30px; }

.fontSize31 {
  font-size: 31px; }

.fontSize32 {
  font-size: 32px; }

.fontSize33 {
  font-size: 33px; }

.fontSize34 {
  font-size: 34px; }

.fontSize35 {
  font-size: 35px; }

.fontSize36 {
  font-size: 36px; }

.fontSize37 {
  font-size: 37px; }

.fontSize38 {
  font-size: 38px; }

.fontSize39 {
  font-size: 39px; }

.fontSize40 {
  font-size: 40px; }

.fontSize41 {
  font-size: 41px; }

.fontSize42 {
  font-size: 42px; }

.fontSize43 {
  font-size: 43px; }

.fontSize44 {
  font-size: 44px; }

.fontSize45 {
  font-size: 45px; }

.fontSize46 {
  font-size: 46px; }

.fontSize47 {
  font-size: 47px; }

.fontSize48 {
  font-size: 48px; }

.fontSize49 {
  font-size: 49px; }

.fontSize50 {
  font-size: 50px; }

.fontSize51 {
  font-size: 51px; }

.fontSize52 {
  font-size: 52px; }

.fontSize53 {
  font-size: 53px; }

.fontSize54 {
  font-size: 54px; }

.fontSize55 {
  font-size: 55px; }

.fontSize56 {
  font-size: 56px; }

.fontSize57 {
  font-size: 57px; }

.fontSize58 {
  font-size: 58px; }

.fontSize59 {
  font-size: 59px; }

.fontSize60 {
  font-size: 60px; }

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }
.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: white; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: #636363; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-regular/montserrat-regular.woff2") format("woff2"), url("../fonts/montserrat-regular/montserrat-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Montserrat-bold";
  src: url("../fonts/montserrat-bold/montserrat-bold.woff2") format("woff2"), url("../fonts/montserrat-bold/montserrat-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-regular/opensans-regular.woff2") format("woff2"), url("../fonts/opensans-regular/opensans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OpenSans-ExtraBold";
  src: url("../fonts/opensans-extrabold/opensans-extrabold.woff2") format("woff2"), url("../fonts/opensans-extrabold/opensans-extrabold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "opensans-semibold";
  src: url("../fonts/opensans-semibold/opensans-semibold.woff2") format("woff2"), url("../fonts/opensans-semibold/opensans-semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

a {
  text-decoration: none; }
  a:hover {
    color: #23527c;
    text-decoration: underline; }

a:focus {
  outline: 0; }

.mainWrapper {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

h1, h2, h3, h3 {
  font-weight: bold; }

h2 {
  font-size: 1.4em;
  line-height: 1.3em; }

h3 {
  font-size: 1.1em;
  line-height: 1.2em; }

h4 {
  font-size: 1em;
  line-height: 1.2; }

.clear {
  width: 100%;
  height: 40px; }

li {
  list-style: none; }

.alert.alert-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }
.alert .alertTitle .icon {
  display: inline-block; }
  .alert .alertTitle .icon.error {
    background: url(../img/error.svg) no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-top: 7px; }
  .alert .alertTitle .icon.succes {
    background: url(../img/succes.svg) no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-top: 7px; }
  .alert .alertTitle .icon.existe-db {
    background: url(../img/base_de_datos.svg) no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px;
    position: absolute;
    margin-top: 7px; }
.alert .alertTitle div {
  font-weight: bold;
  display: inline-block;
  padding: 1em 0 1em 50px;
  max-width: 90%; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background-color: transparent !important;
  color: #fff !important; }

.fieldForm label.label-select.changed {
  display: block; }

.containerHeight {
  height: 100%; }

#slider {
  margin: 0px auto;
  height: 640px;
  max-width: 2577px;
  position: relative;
  overflow: hidden; }

ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  min-height: 780px;
  display: none; }

li.bjqs-slide {
  position: absolute;
  display: none; }

ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999; }

ul.bjqs-controls.v-centered li a {
  position: absolute;
  top: 50%; }

ul.bjqs-controls.v-centered li.bjqs-next a {
  display: none !important; }

ul.bjqs-controls.v-centered li.bjqs-next a:hover {
  display: none !important; }

ul.bjqs-controls.v-centered li.bjqs-prev a {
  display: none !important; }

ul.bjqs-controls.v-centered li.bjqs-prev a:hover {
  display: none !important; }

ol.bjqs-markers {
  list-style: none;
  padding: 0;
  width: 35%;
  position: absolute;
  bottom: 40px;
  margin: 0; }

ol.bjqs-markers.h-centered {
  text-align: right; }

ol.bjqs-markers li {
  display: inline; }

ol.bjqs-markers li a {
  display: inline-block; }

p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0; }

.bjqs-caption {
  color: black;
  background: whitesmoke;
  opacity: .75; }

/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers li a {
  padding: 7px 7px;
  margin: 5px;
  text-decoration: none;
  border-radius: 50px;
  transition: background .5s ease;
  -webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -o-transition: background .5s ease;
  font-size: 0px;
  border: #fff 1px solid;
  line-height: 0px; }

li.active-marker a, ol.bjqs-markers li a:hover {
  background: #fff; }

/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
  display: block;
  padding: 10px;
  background: whitesmoke;
  color: #000;
  text-decoration: none;
  opacity: .75;
  transition: color .5s ease, background .5s ease;
  -webkit-transition: color .5s ease, background .5s ease;
  -moz-transition: color .5s ease, background .5s ease;
  -o-transition: color .5s ease, background .5s ease; }

.img1 {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: inherit;
  position: inherit;
  transform: matrix(1, 0, 0, 1, 0, 0);
  /*background-image: url("../img/banner_home.jpg");*/
  background-color: rgba(0, 0, 0, 0);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.img1_mobile {
  display: none;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: inherit;
  position: inherit;
  transform: matrix(1, 0, 0, 1, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: initial; }

.texto {
  max-width: 650px;
  width: 100%;
  bottom: 40px;
  position: absolute;
  left: 1%; }

.texto span {
  font-size: 55px;
  color: #fff;
  line-height: 35px;
  font-weight: bold;
  text-shadow: -2px 2px 20px #1B2631; }
  .texto span.second-title {
    font-size: 30px; }

.texto p {
  font-size: 20px;
  color: #fff;
  text-shadow: -2px 2px 20px #1b2631; }

header {
  height: 25px;
  line-height: 30px;
  position: absolute;
  z-index: 999;
  max-width: 2600px;
  width: 100%;
  color: #fff;
  font-size: 12px;
  margin: 8px 0px;
  padding-right: 30px; }
  header a {
    color: #fff;
    float: left;
    margin: -2px 0 -5px 0;
    transition: all .4s ease; }
    header a:hover {
      color: #fff;
      text-decoration: none; }
  header p {
    padding: 0px;
    margin: 1px;
    float: left; }

.redesheader {
  width: 35px;
  display: inline-block;
  padding: 3px 0 3px 3px; }

.iconRedesFacebook {
  background-image: url("../img/logo_facebook.svg");
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 17px;
  height: 17px;
  cursor: pointer;
  position: relative;
  right: -5px; }
  .iconRedesFacebook:hover {
    opacity: 1; }

.iconRedesYoutube {
  background-image: url("../img/icono%20youtubemdpi.svg");
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 24px;
  height: 100%;
  cursor: pointer;
  position: relative;
  right: -4px; }
  .iconRedesYoutube:hover {
    opacity: 1; }

header li ul {
  color: #ffffff;
  margin: 0px -35px;
  display: none; }

header li:hover > ul {
  display: block; }

header ul li img {
  margin: 0px 10px; }

.redes {
  float: right;
  display: inline-flex; }

.separador {
  border-left: 1px solid rgba(255, 255, 255, 0.7);
  opacity: .7;
  width: 1px;
  height: 18px;
  float: left;
  margin: 2px 15px; }

.headerDisplayInline {
  display: inline-flex; }
  .headerDisplayInline div a {
    opacity: .7; }
    .headerDisplayInline div a:hover {
      opacity: 1; }

.youtubeHeader {
  opacity: 0.7;
  width: 20px; }
  .youtubeHeader:hover {
    opacity: 1; }

.buscarHeader {
  padding: 3px;
  cursor: pointer; }
  .buscarHeader:hover {
    opacity: 1; }

.iconSearchHeader {
  background-image: url("../img/icono_lupa.svg");
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  background-size: contain;
  position: relative;
  left: 0; }
  .iconSearchHeader:hover {
    background-image: url("../img/icono_lupa_blanco.svg");
    cursor: pointer; }

.IconSearchInput {
  background-image: url("../img/lupa_buscador_2mdpi.svg");
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 19;
  width: 30px;
  height: 30px;
  background-size: 20px; }
  .IconSearchInput:hover {
    cursor: pointer; }

.searchForm {
  position: relative;
  height: 50px; }
  .searchForm #_3_keywords {
    padding: 15px 0 0 35px; }
  .searchForm .searchPlaceholder {
    position: absolute;
    margin-left: 1.7em;
    top: 15px;
    left: 0;
    font-size: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
  .searchForm .searchPlaceholder.searhfocus {
    margin-left: 2em;
    top: -15px;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }

.inboxHeader {
  position: fixed;
  top: -120%;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background: rgba(46, 115, 186, 0.9);
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 100;
  padding: 100px 100px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  .inboxHeader input {
    position: relative;
    display: block;
    color: white;
    outline: 0px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    height: 100%;
    width: 100%;
    font-size: 20px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease; }
  .inboxHeader .searchClose {
    font-size: 3em;
    cursor: pointer;
    font-weight: bold;
    height: 22px;
    width: 22px;
    background: url(../img/x_cerrar.svg) no-repeat;
    position: absolute;
    top: 100px;
    right: 100px; }

.inboxHeader.inboxHeaderActiva {
  top: 0;
  opacity: 1; }

/*Estilos Menu Principal
 *@author: John Alexander Agudelo
 *@since: 28/10/2016 
*/
.menuMovil {
  display: block; }

nav.nav {
  max-width: 2600px;
  width: 100%;
  height: 100px;
  z-index: 10;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  top: 30px;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -mz-transition: all .5s ease;
  transition: all .5s ease; }
  nav.nav .logo-es {
    background: url(../img/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 220px;
    height: 61px;
    position: absolute;
    z-index: 1;
    margin: 25px 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -mz-transition: all .5s ease;
    transition: all .5s ease; }
  nav.nav .logo-en {
    background: url(../img/logo-en.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 220px;
    height: 61px;
    position: absolute;
    z-index: 1;
    margin: 25px 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -mz-transition: all .5s ease;
    transition: all .5s ease; }
  nav.nav .menuContainer {
    width: 100%;
    position: relative;
    height: 100%; }
  nav.nav .menu {
    position: relative;
    bottom: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end; }
    nav.nav .menu li:last-child a {
      margin-right: 0; }
  nav.nav .menu > .menuItem {
    display: inline-block;
    padding: 0;
    height: 85%;
    transition: all .2s ease; }
  nav.nav .menu > .menuItem:hover .megaMenu {
    display: block; }
  nav.nav .menu > .menuItem > a {
    color: #636363;
    text-decoration: none;
    font-family: 'Montserrat';
    font-size: 14px;
    height: 100%;
    float: none;
    display: inline-block;
    margin: 0 30px 0 0;
    height: 100%;
    position: relative;
    text-align: center;
    line-height: 85px;
    transition: all .2s ease; }
    nav.nav .menu > .menuItem > a .menuItembar {
      height: 8px;
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 8px;
      width: 0;
      transition: all .2s ease; }
    nav.nav .menu > .menuItem > a:hover .menuItembar {
      left: 0;
      width: 100%; }
  nav.nav .itemNostros a:hover {
    color: #2e73ba; }
    nav.nav .itemNostros a:hover .IconFlecha {
      background: url("../img/flechaMenuHover.png") no-repeat; }
  nav.nav .itemNostros .menuItembar {
    background: #2e73ba; }
  nav.nav .itemNostros .megaMenu .itemMegaMenu ul {
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease; }
    nav.nav .itemNostros .megaMenu .itemMegaMenu ul li a:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1.5px;
      width: 0;
      background: #2e73ba;
      transition: all .2s ease; }
    nav.nav .itemNostros .megaMenu .itemMegaMenu ul li a:hover:after {
      content: "";
      width: 100%; }
  nav.nav .itemNegocios a:hover {
    color: #429dd1; }
    nav.nav .itemNegocios a:hover .IconFlecha {
      background: url("../img/flecha_azul_claro_hover.png") no-repeat; }
  nav.nav .itemNegocios .menuItembar {
    background: #429dd1; }
  nav.nav .itemNegocios .megaMenu .itemMegaMenu ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1.5px;
    width: 0;
    background: #429dd1;
    transition: all .2s ease; }
  nav.nav .itemNegocios .megaMenu .itemMegaMenu ul li a:hover:after {
    content: "";
    width: 100%; }
  nav.nav .itemSostenibilidad a:hover {
    color: #68c460; }
    nav.nav .itemSostenibilidad a:hover .IconFlecha {
      background: url("../img/flecha_verde_hover.png") no-repeat; }
  nav.nav .itemSostenibilidad .menuItembar {
    background: #68c460; }
  nav.nav .itemSostenibilidad .megaMenu .itemMegaMenu ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1.5px;
    width: 0;
    background: #68c460;
    transition: all .2s ease; }
  nav.nav .itemSostenibilidad .megaMenu .itemMegaMenu ul li a:hover:after {
    content: "";
    width: 100%; }
  nav.nav .itemInversionistas a:hover {
    color: red; }
    nav.nav .itemInversionistas a:hover .IconFlecha {
      background: url("../img/flecha_rojo_hover.png") no-repeat; }
  nav.nav .itemInversionistas .menuItembar {
    background: red; }
  nav.nav .itemInversionistas .megaMenu .itemMegaMenu ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1.5px;
    width: 0;
    background: red;
    transition: all .2s ease; }
  nav.nav .itemInversionistas .megaMenu .itemMegaMenu ul li a:hover:after {
    content: "";
    width: 100%; }
  nav.nav .itemProveedores a:hover {
    color: #e8aa1b; }
    nav.nav .itemProveedores a:hover .IconFlecha {
      background: url("../img/flecha_amarillo_hover.png") no-repeat; }
  nav.nav .itemProveedores .menuItembar {
    background: #e8aa1b; }
  nav.nav .itemProveedores .megaMenu .itemMegaMenu ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1.5px;
    width: 0;
    background: #e8aa1b;
    transition: all .2s ease; }
  nav.nav .itemProveedores .megaMenu .itemMegaMenu ul li a:hover:after {
    content: "";
    width: 100%; }
  nav.nav .menuItembarHoverMegaMenu .menuItembar {
    left: 0 !important;
    width: 100% !important; }
  nav.nav .megaMenu ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 5px; }
  nav.nav .megaMenu {
    display: none;
    position: absolute;
    top: 90px;
    padding-top: 10px;
    /*padding-top: 15px; Cambio realizado 11-07-18 por actualización del megamenú*/
    left: initial;
    /*left: 0; Cambio realizado 11-07-18 por actualización del megamenú*/
    width: 223px;
    /*width: 100%; Cambio realizado 11-07-18 por actualización del megamenú*/
    transition: all .2s ease; }
    nav.nav .megaMenu .backMobile {
      display: none; }
    nav.nav .megaMenu .itemCol1 {
      width: 20%; }
      nav.nav .megaMenu .itemCol1 a {
        width: 90%; }
    nav.nav .megaMenu .itemCol2 {
      width: 38%; }
    nav.nav .megaMenu .itemCol3 {
      width: 41%; }
    nav.nav .megaMenu .itemCol4 {
      width: 119%;
      /*width: 25%; Cambio realizado 11-07-18 por actualización del megamenú*/ }
      nav.nav .megaMenu .itemCol4.Col4-extra {
        width: 27.5%; }
      nav.nav .megaMenu .itemCol4 a {
        width: 90%;
        /*width: 90%; Cambio realizado 11-07-18 por actualización del megamenú*/ }
    nav.nav .megaMenu .itemCol5 {
      width: 48.65%; }
    nav.nav .megaMenu .itemCol6 {
      width: 98.3%; }
    nav.nav .megaMenu h3 {
      color: #636363;
      font-size: 1.4em;
      font-weight: bold;
      width: 100%; }
    nav.nav .megaMenu ul:first-child {
      box-shadow: 0 3px 20px rgba(34, 25, 25, 0.6);
      transition: all .2s ease; }
    nav.nav .megaMenu ul {
      background: white;
      display: block;
      border-top: 0px solid #aaaaaa;
      /*border-top: 1px solid $gris_claro; Cambio realizado 11-07-18 por actualización del megamenú*/
      margin: 0;
      padding: 0 39px 7px 8px;
      /*padding: 5px 15px 20px 15px; Cambio realizado 11-07-18 por actualización del megamenú*/
      position: relative; }
      nav.nav .megaMenu ul li a {
        display: block;
        text-decoration: none;
        color: #989595;
        float: none;
        font-size: 1.2em;
        font-weight: bold;
        position: relative;
        width: 100%;
        margin: 0;
        line-height: 20px;
        padding-bottom: 10px; }
      nav.nav .megaMenu ul .itemMegaMenu ul {
        padding: 5px 0 0 0; }
        nav.nav .megaMenu ul .itemMegaMenu ul li {
          display: block;
          margin: 10px 0 0px 0; }
        nav.nav .megaMenu ul .itemMegaMenu ul li a:hover {
          color: #636363; }
    nav.nav .megaMenu .megaMenuTwoColumns {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      height: 290px; }
      nav.nav .megaMenu .megaMenuTwoColumns li {
        width: 45%; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          nav.nav .megaMenu .megaMenuTwoColumns li {
            width: 46%; } }
        @supports (-ms-ime-align: auto) {
          nav.nav .megaMenu .megaMenuTwoColumns li {
            width: 46%; } }
    nav.nav .megaMenu .megaMenuTwoColumns.alturaminNosotros {
      height: 147px; }
    nav.nav .megaMenu .megaMenuTwoColumns.alturaminProveedores {
      height: 190px; }
    nav.nav .megaMenu .megaMenuTwoColumns.alturamiNuestroNegocio {
      height: 126px; }

nav.nav.navFixed {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  height: 80px;
  box-shadow: 0 0px 5px black;
  z-index: 10; }
  nav.nav.navFixed .menu {
    height: 100%; }
    nav.nav.navFixed .menu .menuItem {
      height: 100%;
      margin: 0; }
  nav.nav.navFixed .logo-es, nav.nav.navFixed .logo-en {
    width: 180px;
    margin: 20px 0; }
  nav.nav.navFixed .megaMenu {
    top: 72px; }

.backMobile {
  display: none; }

.IconFlecha {
  background: url("../img/flechaMenu.png") no-repeat;
  width: 13px;
  height: 8px;
  display: inline-block;
  margin: 0 0 0 0; }

.itemMenuHover:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 0;
  background: #2e73ba; }

.abrirMenu {
  display: none; }

.ItemMenuDesktop {
  display: block; }

.ItemMenuMobile {
  display: none; }

/* Reestructuración del megamenú 09-07-2018
 *@author: Juan P. Uribe
 *@since: 04/10/2017 
*/
#menuInverMobile, #menuProveMobile, #menuNosMobile, #menuNuestroMobile {
  display: none; }

#menu #menuNuestroDesk .infoAccion div ul li:first-child, #menu #menuNuestroDesk .infoAccion div ul li:nth-child(4) {
  margin-right: -10px; }
#menu #menuInverDesk .infoAccion div ul li:first-child {
  margin-right: -10px; }

.IconFlechaMedium {
  background: url(../img/flecha_menu.svg) no-repeat;
  width: 16px;
  height: 13px;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 19px;
  background-position: center;
  margin: 0; }

.infoAccion:hover .menuInfoAccion {
  display: block; }

.menuInfoAccion ul > li {
  display: inline-block;
  vertical-align: top;
  margin: 5px; }

.menuInfoAccion {
  display: none;
  position: absolute;
  top: -15px;
  left: 213px;
  padding-top: 15px;
  width: 100%;
  transition: all .2s ease; }
  .menuInfoAccion .backMobile {
    display: none; }
  .menuInfoAccion ul {
    padding: 5px 15px 20px 15px !important; }

.menuInfoAccion ul {
  width: 223px; }

/* Hacks para INTERNET EXPLORER en la reestructuración del megamenú
 *@author: Juan P. Uribe
 *@since: 12/07/2018
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .IconFlechaMedium {
    width: 15px;
    height: 14px; } }
/* kit chrome */
.footerSections {
  width: 100%; }

.footerFirstSect {
  background: url(../img/footer_font.jpg);
  background-size: cover;
  background-position: center top;
  color: #fff;
  font-family: "Montserrat-bold";
  font-size: 14px;
  height: 285px;
  width: 100%;
  position: relative;
  display: inline-block;
  float: left; }
  .footerFirstSect .container {
    margin-top: 0;
    height: 100%; }

.footerLow {
  display: inline-block;
  float: left;
  width: 100%;
  background-color: #4171be;
  font-family: "Open Sans";
  height: auto; }
  .footerLow .container {
    margin-top: 0; }

.footerSecondtSect {
  display: inline-block;
  float: left;
  height: 68px; }

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

.footer-content {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.colFoot {
  padding: 20px 5px; }
  .colFoot h2 {
    font-size: 17px; }

.listMenuFooter {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1; }
  .listMenuFooter div {
    padding: 8px 0; }
    .listMenuFooter div a {
      color: #fff;
      opacity: 0.7;
      padding-left: 20px; }
      .listMenuFooter div a:hover {
        opacity: 1;
        text-decoration: none; }
    .listMenuFooter div :before {
      content: "";
      height: 5px;
      width: 5px;
      background-color: #fff;
      position: relative;
      top: 5px;
      float: left; }

.colSocial {
  float: left;
  padding: 22px 20px 20px 0;
  height: 100%; }
  .colSocial a {
    color: #fff;
    opacity: 0.7;
    font-size: 16px; }
    .colSocial a:hover {
      opacity: 1;
      text-decoration: none; }
  .colSocial span {
    color: #fff; }

.separator {
  height: 19px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  margin: 25px 10px;
  display: inline-block;
  float: left;
  opacity: 0.7; }

.btnSocial {
  padding: 20px 0;
  margin: 0px 35px;
  font-size: 100%;
  float: left; }

.imgface {
  width: 40px;
  height: 30px;
  float: left;
  padding: 15px 5px;
  position: relative;
  color: #fff;
  opacity: 0.7; }
  .imgface:hover {
    opacity: 1; }

.youTube {
  width: 25px;
  height: 17px;
  background: url("../img/icono%20youtubemdpi.svg") no-repeat;
  position: relative;
  top: -9px;
  left: -13px;
  margin: 0 auto; }

.logoFace {
  width: 17px;
  height: 17px;
  background: url("../img/logo_facebook.svg");
  position: relative;
  top: -9px;
  left: -3px; }

.pragmaLogo {
  background: url("../img/logo%20pragmamdpi.svg") no-repeat;
  height: 30px;
  width: 75px;
  float: left;
  margin: 22px 0 10px 20px;
  cursor: pointer; }

.logoSuperServicios {
  background: url("../img/logo%20vigilado%20superserviciosmdpi.svg") no-repeat;
  height: 42px;
  width: 98px;
  float: left;
  margin: 12px; }

.textSocial {
  display: none;
  float: left;
  font-size: 22px;
  padding: 0px 40px 0px 10px; }

.imagenesFooter {
  float: right; }

.noticehide {
  display: none !important; }

.somos {
  padding: 0px 0px 25px 0px;
  position: relative; }

.margiTopcontent {
  margin-top: 50px; }

.container-float-right {
  float: right;
  margin: 0 0 1em 1em; }

.textoSomos {
  width: 100%; }

.textoSomosContenido {
  max-width: 740px;
  width: 39%;
  float: left; }

.videoContainer {
  width: 57%;
  float: right;
  height: 450px;
  margin-top: 20px; }
  .videoContainer p {
    font-size: .9em;
    line-height: 1.4em;
    padding: 20px 0 0 50px;
    position: relative;
    color: #939393; }
    .videoContainer p span {
      color: #9b9b9b;
      font-size: 1em;
      font-weight: bold;
      font-weight: 900; }
  .videoContainer p:before {
    content: "______";
    position: absolute;
    top: 15px;
    left: 0px;
    color: #636363; }
  .videoContainer p.blue:before {
    content: "______";
    position: absolute;
    top: 15px;
    left: 0px;
    color: #2e73ba; }
  .videoContainer p.light-blue:before {
    content: "______";
    position: absolute;
    top: 15px;
    left: 0px;
    color: #429dd1; }
  .videoContainer p.green:before {
    content: "______";
    position: absolute;
    top: 15px;
    left: 0px;
    color: #68c460; }
  .videoContainer p.red:before {
    content: "______";
    position: absolute;
    top: 15px;
    left: 0px;
    color: red; }
  .videoContainer p.yellow:before {
    content: "______";
    position: absolute;
    top: 15px;
    left: 0px;
    color: #e8aa1b; }

.videoSomos {
  width: 100%;
  padding-top: 56.4%;
  position: relative; }

.video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

/* SECCION ISAGEN EN CIFRAS*/
.nuestroimpacto {
  width: 100%;
  background-image: url("../img/fondo-infografico.jpg");
  background-size: 100% 190%;
  background-attachment: fixed; }

.infograficos {
  padding-top: 20px; }

.infografico {
  width: 20%;
  height: 310px;
  float: left; }

.contentIconInfog {
  margin: 0 auto;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  border: 2px solid #fff;
  border-radius: 50%; }

.iconCentrales {
  background-image: url("../img/CentralesGenCol.png");
  background-repeat: no-repeat;
  height: 50px;
  width: 55px;
  margin: 30px 25px; }

.iconCapacidad {
  background-image: url("../img/CapacidadMW.svg");
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
  margin: 26px 25px; }

.iconGeneracionPromedio {
  background-image: url("../img/GeneradoraCol.svg");
  background-repeat: no-repeat;
  height: 60px;
  width: 40px;
  margin: 25px 33px; }

.iconDemanda {
  background-image: url("../img/DemandaEnerElec.png");
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  margin: 28px 30px; }

.iconProyectoEstudio {
  background-image: url("../img/InversionProHidro.svg");
  background-repeat: no-repeat;
  height: 65px;
  width: 77px;
  margin: 21px 15px; }

.tituloIconNuestroImpacto {
  margin: 30px 0px 10px;
  text-align: center; }
  .tituloIconNuestroImpacto span {
    font-family: 'Montserrat-bold';
    font-size: 33px;
    color: #fff; }

.subtituloNuestroImpacto {
  text-align: center;
  padding: 0px 5px; }
  .subtituloNuestroImpacto span {
    color: #fff;
    line-height: 20px;
    background-color: transparent;
    opacity: 0.7; }

/* FIN SECCION ISAGEN EN CIFRAS*/
/*Sección Generamos energía*/
#titlePowerPlants .col4:after {
  background: #429dd1; }

#buttonPowerPlants .btnWhiteBlue, #buttonPowerPlants .table-see-more .table-btn-see-more, .table-see-more #buttonPowerPlants .table-btn-see-more {
  border: solid 2px #429dd1;
  color: #429dd1; }

#buttonPowerPlants .btnWhiteBlue:hover, #buttonPowerPlants .table-see-more .table-btn-see-more:hover, .table-see-more #buttonPowerPlants .table-btn-see-more:hover {
  background: #429dd1;
  background-color: #429dd1;
  border: solid 2px #429dd1;
  color: #fff; }

#SliderGeneramosEnergia .bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  background: #fff; }
  #SliderGeneramosEnergia .bx-wrapper img {
    max-width: 100%;
    display: block; }
  #SliderGeneramosEnergia .bx-wrapper .bxslider {
    margin: 0;
    padding: 0; }
  #SliderGeneramosEnergia .bx-wrapper ul.bxslider {
    list-style: none; }
  #SliderGeneramosEnergia .bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0); }
  #SliderGeneramosEnergia .bx-wrapper .bx-prev {
    left: -57px; }
  #SliderGeneramosEnergia .bx-wrapper .bx-prev:hover, #SliderGeneramosEnergia .bx-wrapper .bx-prev:focus {
    background-position: 0 0; }
  #SliderGeneramosEnergia .bx-wrapper .bx-next {
    right: -71px; }
  #SliderGeneramosEnergia .bx-wrapper .bx-next:hover, #SliderGeneramosEnergia .bx-wrapper .bx-next:focus {
    background-position: -43px 0; }
  #SliderGeneramosEnergia .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999; }
    #SliderGeneramosEnergia .bx-wrapper .bx-controls-direction a .disabled {
      display: none; }
  #SliderGeneramosEnergia .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent;
    width: 100%; }
    #SliderGeneramosEnergia .bx-wrapper .bx-caption a:hover {
      color: transparent; }
    #SliderGeneramosEnergia .bx-wrapper .bx-caption a:active {
      color: transparent; }
    #SliderGeneramosEnergia .bx-wrapper .bx-caption span {
      color: #fff;
      display: block;
      padding: 40px;
      line-height: 1;
      font-size: 22px; }
    #SliderGeneramosEnergia .bx-wrapper .bx-caption small {
      font-size: 14px; }
#SliderGeneramosEnergia .imgOne, #SliderGeneramosEnergia .imgTwo, #SliderGeneramosEnergia .imgThree, #SliderGeneramosEnergia .imgFour, #SliderGeneramosEnergia .imgFive, #SliderGeneramosEnergia .imgSix, #SliderGeneramosEnergia .imgSeven {
  -webkit-transition: all 1.1s ease;
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  transition: all 1.1s ease; }
#SliderGeneramosEnergia .imgOne:hover {
  transform: scale(1.09); }
#SliderGeneramosEnergia .imgTwo:hover {
  transform: scale(1.09); }
#SliderGeneramosEnergia .imgThree:hover {
  transform: scale(1.09); }
#SliderGeneramosEnergia .imgFour:hover {
  transform: scale(1.09); }
#SliderGeneramosEnergia .imgFive:hover {
  transform: scale(1.09); }
#SliderGeneramosEnergia .imgSix:hover {
  transform: scale(1.09); }
#SliderGeneramosEnergia .imgSeven:hover {
  transform: scale(1.09); }

/*Fin sección Generamos energía*/
/*Estilos seccion sliderEmpresarial*/
.fontEmpresarialSection {
  width: 100%;
  height: 470px;
  margin: 0 auto;
  background: url("../img/fondo_sostenibilidad.jpg") no-repeat;
  background-size: cover;
  background-position: center; }

.sliderV2 {
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  top: 110px; }
  .sliderV2 .slider2 {
    height: 480px;
    padding-top: 100px; }
  .sliderV2 .bx-wrapper .bx-controls .bx-controls-direction a.disabled {
    display: none; }

.cajon .contenidoSlider {
  transition: all 1.1s ease;
  -webkit-transition: all 1.1s ease;
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -ms-transition: all 1.1s ease;
  width: 95%;
  background: #fff;
  border: 1px solid #d2cfcf;
  margin: 0 auto;
  margin-bottom: 15px;
  position: relative;
  text-align: center;
  font-family: "Montserrat-bold";
  padding: 20px 1px; }
  .cajon .contenidoSlider a:hover {
    text-decoration: none; }
  .cajon .contenidoSlider.left {
    left: 9px; }
  .cajon .contenidoSlider.right {
    right: 9px; }
  .cajon .contenidoSlider:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    /*position: relative;*/
    z-index: 10;
    -webkit-box-shadow: -2px 18px 73px -15px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: -2px 18px 73px -15px rgba(0, 0, 0, 0.33);
    box-shadow: -2px 18px 73px -15px rgba(0, 0, 0, 0.33); }
  .cajon .contenidoSlider p {
    font-family: "Open Sans";
    padding: 0px 40px;
    font-size: 14px;
    text-align: center;
    color: #737373;
    line-height: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .cajon .contenidoSlider h3 {
    color: #323232; }

.contentSlider {
  position: relative;
  height: 100%; }

.textMidSlider {
  height: 145px;
  position: relative; }
  .textMidSlider h3 {
    padding: 0 15px; }

/* sliderV2 es el slider de sostenibilidad del home */
.sliderV2 a.bx-pager-link {
  background: url("../img/sliderNoSelect.png") no-repeat;
  background-size: cover;
  color: transparent;
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px;
  display: none; }
  .sliderV2 a.bx-pager-link.active {
    background: url("../img/sliderSelect.png") no-repeat;
    background-size: cover; }
.sliderV2 a.bx-prev {
  background: url("../img/newSliderLeft.png") no-repeat;
  background-size: cover;
  min-height: 57px;
  width: 25px;
  position: absolute;
  color: transparent;
  left: 0;
  top: 250px; }
  .sliderV2 a.bx-prev:hover {
    background: url("../img/newSliderLeft.png") no-repeat;
    background-size: cover; }
.sliderV2 a.bx-next {
  background: url("../img/newSliderRight.png") no-repeat;
  background-size: cover;
  min-height: 57px;
  width: 23px;
  position: absolute;
  color: transparent;
  right: 0;
  top: 250px; }
  .sliderV2 a.bx-next:hover {
    background: url("../img/newSliderRight.png") no-repeat;
    background-size: cover; }
.sliderV2 .bx-pager-item {
  margin: 0 auto;
  margin-top: 25px; }
.sliderV2 .bx-viewport {
  height: auto !important; }
.sliderV2 .bx-controls.bx-has-pager.bx-has-controls-direction {
  width: 76px;
  margin: 0 auto; }

.imgSlide1 {
  background: url("../img/iniciativaPaz.png");
  height: 50px;
  width: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.imgSlide2 {
  background: url("../img/cambioClimatico.png");
  height: 50px;
  width: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.imgSlide3 {
  background: url("../img/biodiversidad.png");
  height: 50px;
  width: 45px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.imgSlide4 {
  background: url("../img/etica_empresarial.png");
  height: 50px;
  width: 50px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.imgSlide5 {
  background: url("../img/gestion_social.png");
  height: 50px;
  width: 50px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.imgSlide6 {
  background: url("../img/gestion_ambiental.png");
  height: 50px;
  width: 50px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.imgSlide7 {
  background: url("../img/nuestra_esencia_icono.svg");
  height: 50px;
  width: 50px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

/*Fin Estilos seccion sliderEmpresarial*/
/*Estilos seccion informativa*/
.clearInformation {
  width: 100%;
  height: 40px;
  background-color: #f0f0f0;
  clear: left; }

.informationSection {
  background: #f0f0f0;
  padding-top: 140px;
  width: 100%;
  height: auto; }

.colEnterate {
  float: left;
  width: calc(100% - 400px);
  height: 100%;
  display: inline-block; }

.contentFacebook {
  width: auto;
  float: right;
  text-align: center; }
  .contentFacebook .colRedes {
    width: auto;
    display: inline-block; }

._1dro ._1drp {
  display: none !important; }

.titleInformation {
  color: #323232;
  font-family: Montserrat-bold;
  font-size: 19px;
  position: relative; }
  .titleInformation:after {
    content: "";
    left: 0px;
    height: 7px;
    width: 72px;
    background-color: #249ece;
    position: absolute;
    top: 45px; }
  .titleInformation h2 {
    margin: 0 0 0.83em; }

.subTitleInformation {
  padding: 0px 0px 0px 15px;
  border-left: 2px solid #b1b1b1; }

.spaceTitle {
  height: 125px;
  padding: 40px 0; }

.verticalLine {
  height: 40px;
  width: 2px;
  background-color: #bdbdbb;
  position: absolute;
  margin-top: 30px; }

.col1:after {
  background-color: red; }

.col2 {
  text-align: center; }
  .col2:after {
    left: 48%;
    background-color: #68c460; }

.col4:after {
  top: 45px;
  left: 0;
  background-color: #2e73ba; }

.cold3 {
  color: white;
  text-align: center;
  padding: 50px 0px 0px 1px; }
  .cold3:after {
    content: "";
    height: 7px;
    width: 72px;
    background-color: white;
    position: absolute;
    top: 95px;
    left: 47%; }

.cold5 {
  color: #323232;
  text-align: center;
  padding: 50px 0px 0px 1px; }
  .cold5:after {
    content: "";
    height: 7px;
    width: 72px;
    background-color: #2e73ba;
    position: absolute;
    top: 95px;
    left: 47%; }

.cold5-red {
  color: #323232;
  text-align: center;
  padding: 50px 0px 0px 1px; }
  .cold5-red:after {
    content: "";
    height: 7px;
    width: 72px;
    background-color: red;
    position: absolute;
    top: 95px;
    left: 47%; }

.cold5-yellow {
  color: #323232;
  text-align: center;
  padding: 50px 0px 0px 1px; }
  .cold5-yellow:after {
    content: "";
    height: 7px;
    width: 72px;
    background-color: #e8aa1b;
    position: absolute;
    top: 95px;
    left: 47%; }

.cold5-green {
  color: #323232;
  text-align: center;
  padding: 50px 0px 0px 1px; }
  .cold5-green:after {
    content: "";
    height: 7px;
    width: 72px;
    background-color: #68c460;
    position: absolute;
    top: 95px;
    left: 47%; }

.cold5-light-blue {
  color: #323232;
  text-align: center;
  padding: 50px 0px 0px 1px; }
  .cold5-light-blue:after {
    content: "";
    height: 7px;
    width: 72px;
    background-color: #429dd1;
    position: absolute;
    top: 95px;
    left: 47%; }

.noticia {
  height: 180px;
  width: 100%;
  margin-top: 45px;
  display: block;
  position: relative; }

.imgNoticia {
  height: 100%;
  width: 40%;
  background: url("../img/enterate-1.jpg") no-repeat;
  background-size: cover;
  float: left; }

.imgReloj {
  background: url(../img/relojNoticias.png) no-repeat;
  height: 10px;
  width: 10px;
  display: inline-block;
  position: relative;
  margin-top: 15px; }

.imgCalendar {
  background: url(../img/calendario.svg) no-repeat;
  height: 11px;
  width: 15px;
  display: inline-block;
  position: relative;
  margin-top: 15px; }

.not2 {
  background: url("../img/enterate-2.jpg") no-repeat;
  background-size: cover; }

.textNoticia {
  height: 100%;
  width: calc(60% - 70px);
  float: left;
  position: relative;
  margin-left: 20px;
  border-bottom: solid 1px #d2cfcf; }

.textNoticiaPrincipal span:first-child {
  min-height: 90%;
  width: 100%;
  font-family: "opensans-semibold";
  font-size: 22px;
  color: #323232; }
.textNoticiaPrincipal span {
  color: red;
  font-size: 14px;
  font-family: "opensans-semibold"; }
.textNoticiaPrincipal p {
  font-family: "Open Sans";
  font-size: 16px;
  color: #737373;
  margin: 0;
  line-height: 24px;
  padding: 7px 15px 7px 0px; }

.btnTransparent {
  background: rgba(0, 0, 0, 0);
  border: solid 2px #fff;
  color: #fff;
  font-family: "Montserrat";
  font-weight: normal;
  margin: 0;
  padding: 12px 10px;
  position: relative;
  text-align: center;
  transition: all 500ms ease;
  width: 190px; }
  .btnTransparent:hover, .btnTransparent:active, .btnTransparent:focus {
    background: #fff;
    background-color: #fff;
    border: solid 2px #fff;
    color: #2e73ba; }

.btnWhiteBlue, .table-see-more .table-btn-see-more {
  background: #fff;
  border: solid 2px #2e73ba;
  color: #2e73ba;
  font-family: "Montserrat";
  font-weight: normal;
  margin: 25px 0;
  padding: 12px 10px;
  position: relative;
  text-align: center;
  transition: all 500ms ease; }
  .btnWhiteBlue:hover, .table-see-more .table-btn-see-more:hover, .btnWhiteBlue:active, .table-see-more .table-btn-see-more:active, .btnWhiteBlue:focus, .table-see-more .table-btn-see-more:focus {
    background: #2e73ba;
    background-color: #2e73ba;
    border: solid 2px #2e73ba;
    color: #fff; }

.btnWhiteGreen {
  background: #fff;
  border: solid 2px #68c460;
  color: #68c460;
  font-family: "Montserrat";
  font-weight: normal;
  margin: 5px 0;
  padding: 12px 10px;
  position: relative;
  text-align: center;
  transition: all 500ms ease;
  width: 180px; }
  .btnWhiteGreen:hover, .btnWhiteGreen:active, .btnWhiteGreen:focus {
    background: #68c460;
    background-color: #68c460;
    border: solid 2px #68c460;
    color: #fff; }

.btnGreenTransparent {
  background: transparent;
  border: solid 2px #fff;
  color: #fff;
  font-family: "Montserrat";
  font-weight: normal;
  margin: 5px 0;
  padding: 12px 10px;
  position: relative;
  text-align: center;
  transition: all 500ms ease;
  width: 180px; }
  .btnGreenTransparent:hover, .btnGreenTransparent:active, .btnGreenTransparent:focus {
    background: #fff;
    background-color: #fff;
    border: solid 2px #fff;
    color: #68c460; }

.btnWhiteYellow {
  background: #fff;
  background-color: #fff;
  border: solid 2px #e8aa1b;
  color: #e8aa1b;
  font-family: "Montserrat";
  font-weight: normal;
  margin: 0 auto;
  padding: 12px 10px;
  position: relative;
  display: inherit;
  text-align: center;
  transition: all 500ms ease;
  width: 180px; }
  .btnWhiteYellow:hover, .btnWhiteYellow:active, .btnWhiteYellow:focus {
    border: solid 2px #e8aa1b;
    background: #e8aa1b;
    background-color: #e8aa1b;
    color: #fff; }

.plusVer {
  height: 17px;
  width: 17px;
  background: url("../img/mas_rojo.svg");
  background-size: cover;
  position: relative;
  display: block;
  margin: auto;
  top: 9px; }

.btnVerMas {
  background-color: transparent;
  color: #fff;
  height: 35px;
  width: 35px;
  position: absolute;
  border: solid 1px red;
  float: left;
  bottom: 0;
  right: 0;
  transition: all 500ms ease; }
  .btnVerMas:hover, .btnVerMas:active, .btnVerMas:focus {
    background-color: red;
    cursor: pointer;
    color: #fff; }
    .btnVerMas:hover .plusVer, .btnVerMas:active .plusVer, .btnVerMas:focus .plusVer {
      background: url("../img/mas-01.svg"); }

.btnTransparentRed {
  background: transparent;
  border: solid 2px red;
  color: red;
  font-family: "Montserrat";
  font-weight: normal;
  margin: 5px 0;
  padding: 11px 10px;
  position: relative;
  text-align: center;
  transition: all 500ms ease;
  width: 180px;
  text-transform: uppercase; }
  .btnTransparentRed:hover, .btnTransparentRed:active, .btnTransparentRed:focus {
    background: red;
    background-color: red;
    border: solid 2px red;
    color: #fff; }

.verNoticias {
  float: right;
  margin: 40px 0; }
  .verNoticias a {
    color: #757575; }
    .verNoticias a:hover {
      color: red;
      text-decoration: none; }
      .verNoticias a:hover .verTodasNoticias {
        background: url("../img/verTodasNoticias_hoverRed.png");
        background-size: cover; }

.verTodasNoticias {
  height: 13px;
  width: 8px;
  background: url("../img/verTodasNoticias.png");
  background-size: cover;
  display: inline-block; }

.plugFacebook {
  -webkit-box-shadow: 5px 18px 73px -15px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 5px 18px 73px -15px rgba(0, 0, 0, 0.33);
  box-shadow: 5px 18px 73px -15px rgba(0, 0, 0, 0.33);
  margin-top: 45px; }

/*fin Estilos seccion informativa*/
/*Estilos header Páginas con Imagen, titulo y Miga de Pan 
 *@author: John Alexander Agudelo
 *@since: 25/10/2016 
*/
.sectionHeader {
  height: 360px;
  position: relative;
  overflow: hidden; }

.sectionHomeBackground {
  z-index: -1;
  width: 100%;
  height: 100%; }

.bannerGestion {
  background: url("../img/banner-inf-gestion.jpg");
  background-size: cover;
  background-position: center center; }

.bannerQuienesSomos {
  background: url("../img/cabezote_nosotros.jpg");
  background-size: cover;
  background-position: center center; }

.bannerNuestrosNegocios {
  background: url("../img/nuestrosNegocios.JPG");
  background-size: cover;
  background-position: center center; }

.bannerSostenibilidad {
  background: url("../img/sostenibiliadad-banner.jpg");
  background-size: cover;
  background-position: center center; }

.bannerInversionistas {
  background: url("../img/banner_Inversionistas.png");
  background-size: cover;
  background-position: center center; }

.breadcrumbs {
  position: absolute;
  bottom: 10px; }
  .breadcrumbs .sectionHeaderTitle {
    color: white;
    font-weight: 700;
    font-family: Montserrat-bold;
    font-size: 1.5em;
    margin-bottom: 20px;
    text-shadow: -3px 3px 15px #000;
    text-transform: uppercase; }
  .breadcrumbs .breadcrumbsSteps ul {
    margin: 0;
    padding: 0; }
    .breadcrumbs .breadcrumbsSteps ul li {
      display: inline-block;
      color: white;
      font-size: .8em;
      text-shadow: 2px 2px 10px #000;
      text-decoration: none; }
      .breadcrumbs .breadcrumbsSteps ul li a {
        color: white;
        /*font-size: .8em;
        text-shadow: 2px 2px 10px #000;*/
        text-decoration: none; }
    .breadcrumbs .breadcrumbsSteps ul li:nth-child(1) {
      text-transform: uppercase; }
    .breadcrumbs .breadcrumbsSteps ul li:nth-child(n)::after {
      content: "";
      display: inline-block;
      background: url("../img/icono-flecha.png") no-repeat;
      height: 8px;
      width: 5px;
      margin: 0 10px 0 10px; }
    .breadcrumbs .breadcrumbsSteps ul li:last-child::after {
      content: "";
      background: none; }
  .breadcrumbs .breadcrumbsSteps > * {
    display: inline-block; }

.footer {
  width: 100%; }

/*Fin reglas */
/*Estilos Contenido Enterate 
 *@author: John Alexander Agudelo
 *@since: 25/10/2016 
*/
.contentCenter {
  text-align: center; }

.lineYears {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #a7a7a7; }
  .lineYears li {
    display: inline-block; }
    .lineYears li a {
      display: inline-block;
      padding: 15px 18px;
      line-height: 10px;
      color: #a7a7a7;
      font-weight: bold;
      text-decoration: none; }
  .lineYears .lineYearsActive {
    background: #2e73ba;
    border: 1px solid #2e73ba; }
    .lineYears .lineYearsActive a {
      color: white; }

.lineYears.red .lineYearsActive {
  background: red;
  border: 1px solid red; }

.lineYears.yellow .lineYearsActive {
  background: #e8aa1b;
  border: 1px solid #e8aa1b; }

#menu-tabs .active, #menu-tabs-second .active {
  color: #636363; }
  #menu-tabs .active.blue, #menu-tabs-second .active.blue {
    border-bottom: 5px solid #2e73ba; }
  #menu-tabs .active.light-blue, #menu-tabs-second .active.light-blue {
    border-bottom: 5px solid #429dd1; }
  #menu-tabs .active.green, #menu-tabs-second .active.green {
    border-bottom: 5px solid #68c460; }
  #menu-tabs .active.red, #menu-tabs-second .active.red {
    border-bottom: 5px solid red; }
  #menu-tabs .active.yellow, #menu-tabs-second .active.yellow {
    border-bottom: 5px solid #e8aa1b; }

.MenuArticles {
  display: flex;
  padding: 0;
  width: 100%;
  margin: 2em 0; }
  .MenuArticles.socios li {
    padding: 1em 0;
    color: #bbbbbb;
    cursor: pointer; }
  .MenuArticles li {
    width: 25%;
    text-align: center;
    border-bottom: 5px solid #bbbbbb;
    font-weight: bold; }
    .MenuArticles li a {
      width: 100%;
      display: inline-block;
      text-decoration: none;
      color: #bbbbbb;
      height: 50px; }
  .MenuArticles .MenuArticles-activo {
    border-bottom: 5px solid #2e73ba;
    color: #636363; }
    .MenuArticles .MenuArticles-activo a {
      color: #636363; }
  .MenuArticles.green .MenuArticles-activo {
    color: #636363;
    border-bottom: 5px solid #68c460; }
  .MenuArticles.azul-claro .MenuArticles-activo {
    color: #636363;
    border-bottom: 5px solid #429dd1; }
  .MenuArticles.yellow .MenuArticles-activo {
    color: #636363;
    border-bottom: 5px solid #e8aa1b; }
  .MenuArticles.option-2 li {
    width: 50%; }

#grid[data-columns]::before {
  content: '3 .column.size-1of3'; }

/* These are the classes that are going to be applied: */
.column {
  float: left; }

.column:first-child {
  margin-right: 2%; }

.column:last-child {
  margin-left: 2%; }

.size-1of1 {
  width: 100%; }

.size-1of2 {
  width: 48%; }

.size-1of3 {
  width: 32%; }

.noticeFechaInterna {
  font-size: .8em;
  color: #aaaaaa; }
  .noticeFechaInterna img {
    width: 11px;
    margin-bottom: 4px; }

.notices {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
  cursor: pointer; }
  .notices article {
    display: block;
    text-align: center;
    border: 1px solid #dcd6d6;
    width: 100%;
    background: white;
    position: relative;
    margin-bottom: 1.5em;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .notices article:hover {
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.3); }
    .notices article:hover a {
      text-decoration: none; }
  .notices .noticeFecha {
    font-size: .8em;
    color: #aaaaaa; }
    .notices .noticeFecha img {
      width: 11px;
      margin-bottom: 4px; }
  .notices .noticeFecha.white {
    color: white; }
  .notices .SeeMore {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 35px;
    width: 35px;
    background: #2e73ba;
    color: white;
    line-height: 30px;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
    .notices .SeeMore .seeMoreIcon {
      background: url("../img/mas_blanco.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
  .notices .SeeMore:hover {
    background: white;
    border: 1px solid #2e73ba; }
    .notices .SeeMore:hover .seeMoreIcon {
      background: url("../img/mas_azul_on.svg") no-repeat; }
  .notices .SeeMore.white {
    background: white;
    color: #2e73ba;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    .notices .SeeMore.white .seeMoreIcon {
      background: url("../img/mas_azul_on.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.white:hover {
      background: #2e73ba;
      color: white;
      border: 1px solid #2e73ba; }
      .notices .SeeMore.white:hover .seeMoreIcon {
        background: url("../img/mas_blanco.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.red {
    background: white;
    color: red;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    .notices .SeeMore.red .seeMoreIcon {
      background: url("../img/mas_rojo.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.red:hover {
      background: red;
      color: white;
      border: 1px solid red; }
      .notices .SeeMore.red:hover .seeMoreIcon {
        background: url("../img/mas_blanco.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.yellow {
    background: white;
    color: #e8aa1b;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    .notices .SeeMore.yellow .seeMoreIcon {
      background: url("../img/mas_amarillo.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.yellow:hover {
      background: #e8aa1b;
      color: white;
      border: 1px solid #e8aa1b; }
      .notices .SeeMore.yellow:hover .seeMoreIcon {
        background: url("../img/mas_blanco.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.green {
    background: white;
    color: #68c460;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    .notices .SeeMore.green .seeMoreIcon {
      background: url("../img/mas_verde.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.green:hover {
      background: #68c460;
      color: white;
      border: 1px solid #68c460; }
      .notices .SeeMore.green:hover .seeMoreIcon {
        background: url("../img/mas_blanco.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.light-blue {
    background: white;
    color: #429dd1;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    .notices .SeeMore.light-blue .seeMoreIcon {
      background: url("../img/mas_Azul_claro.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.light-blue:hover {
      background: #429dd1;
      color: white;
      border: 1px solid #429dd1; }
      .notices .SeeMore.light-blue:hover .seeMoreIcon {
        background: url("../img/mas_blanco.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.backgroundLightBlue {
    background: #429dd1;
    color: white;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    .notices .SeeMore.backgroundLightBlue .seeMoreIcon {
      background: url("../img/mas_blanco.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.backgroundLightBlue:hover {
      background: white;
      border: 1px solid #aaaaaa; }
      .notices .SeeMore.backgroundLightBlue:hover .seeMoreIcon {
        background: url("../img/mas_azul_on.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.backgroundRed {
    background: red;
    color: white;
    border-top: 1px solid red;
    border-left: 1px solid red; }
    .notices .SeeMore.backgroundRed .seeMoreIcon {
      background: url("../img/mas_blanco.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.backgroundRed:hover {
      background: white;
      border: 1px solid red; }
      .notices .SeeMore.backgroundRed:hover .seeMoreIcon {
        background: url("../img/mas_rojo.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.backgroundYellow {
    background: #e8aa1b;
    color: white;
    border-top: 1px solid #e8aa1b;
    border-left: 1px solid #e8aa1b; }
    .notices .SeeMore.backgroundYellow .seeMoreIcon {
      background: url("../img/mas_blanco.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.backgroundYellow:hover {
      background: white;
      border: 1px solid #e8aa1b; }
      .notices .SeeMore.backgroundYellow:hover .seeMoreIcon {
        background: url("../img/mas_amarillo.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .SeeMore.backgroundGreen {
    background: #68c460;
    color: white;
    border-top: 1px solid #68c460;
    border-left: 1px solid #68c460; }
    .notices .SeeMore.backgroundGreen .seeMoreIcon {
      background: url("../img/mas_blanco.svg") no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }
    .notices .SeeMore.backgroundGreen:hover {
      background: white;
      border: 1px solid #68c460; }
      .notices .SeeMore.backgroundGreen:hover .seeMoreIcon {
        background: url("../img/mas_verde.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }
  .notices .noticeType::after {
    content: " | "; }
  .notices .notice .noticeContent {
    margin: 20px 40px 40px 45px;
    text-align: left; }
    .notices .notice .noticeContent p {
      margin: 0;
      font-size: .8em;
      color: #757575;
      line-height: 18px; }
    .notices .notice .noticeContent .noticeTitle {
      color: #323232;
      margin: 5px 0 15px 0;
      font-weight: bold; }
    .notices .notice .noticeContent.contentIcon {
      display: table; }
      .notices .notice .noticeContent.contentIcon .icon {
        display: table-cell;
        width: 20%; }
      .notices .notice .noticeContent.contentIcon h3 {
        display: table-cell;
        width: 80%;
        padding-left: 1em;
        vertical-align: middle; }
  .notices .notice:hover .contentIcon .noticeTitle {
    color: #68c460; }
  .notices .noticeInfograficos {
    color: white; }
    .notices .noticeInfograficos .noticeInfograficoContent {
      position: absolute;
      width: 90%;
      display: table;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
      .notices .noticeInfograficos .noticeInfograficoContent .text {
        width: 70%;
        display: table-cell;
        vertical-align: middle; }
        .notices .noticeInfograficos .noticeInfograficoContent .text .noticeTitle {
          margin: 0;
          font-weight: 200;
          text-align: left;
          color: white;
          transition: .5 all ease; }
        .notices .noticeInfograficos .noticeInfograficoContent .text p {
          font-size: .8em;
          line-height: 18px; }
      .notices .noticeInfograficos .noticeInfograficoContent .icon {
        width: 30%;
        display: table-cell;
        vertical-align: middle; }
  .notices .noticeImg {
    overflow: hidden;
    height: 241px;
    width: 100%;
    position: relative; }
    .notices .noticeImg img {
      top: 50%;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
  .notices .noticeImgInfo {
    overflow: hidden;
    height: 314px;
    width: 100%; }
    .notices .noticeImgInfo img {
      width: 100%;
      max-width: 100%;
      height: 100%; }
  .notices .informeGestion {
    height: 430px; }
    .notices .informeGestion .noticeImgInfo {
      height: 100%; }
    .notices .informeGestion .noticeInfograficoContent {
      top: 120px; }

.infoGestion {
  width: 34%;
  float: left;
  display: inline-block; }

.preViewInforme {
  width: 30%;
  display: inline-block;
  text-align: center;
  padding-top: 1.2em; }
  .preViewInforme .imgInforme {
    width: 265px;
    margin: 0 auto;
    height: 160px;
    box-shadow: 2px 1px 24px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: relative; }
    .preViewInforme .imgInforme a span {
      line-height: 45px;
      padding: 0 1.5em;
      font-size: .9em; }
    .preViewInforme .imgInforme .SeeMore {
      position: absolute;
      height: 35px;
      width: 35px;
      background: #2e73ba;
      color: white;
      line-height: 30px;
      font-size: 30px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      -webkit-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      right: 0;
      bottom: 0; }
      .preViewInforme .imgInforme .SeeMore:hover {
        background: white;
        border: 1px solid #2e73ba; }
        .preViewInforme .imgInforme .SeeMore:hover .seeMoreIcon {
          background: url("../img/mas_azul_on.svg") no-repeat; }
      .preViewInforme .imgInforme .SeeMore .seeMoreIcon {
        background: url(../img/mas_blanco.svg) no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
        margin: 10px 0 0 10px; }

.searchInfoGestion {
  width: 36%;
  display: inline-block;
  padding: 1.2em 0 0;
  float: right; }

.previewEnabled {
  display: inline-block; }

.previewDisabled {
  display: none; }

/****************************/
.btnLoadMore {
  background: #bbbbbb;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: white;
  font-weight: bold;
  clear: both; }

.fechaBoletines {
  position: absolute;
  top: -2em;
  left: 0px;
  width: 100%; }

.alturaBoletinesBlanco {
  height: auto; }

.alturaBoletinesImagen {
  height: auto; }

/*Estilos Contenido Resultado 
 *@author: Jhon Pérez
 *@since: 10/11/2016 
*/
.listResult {
  margin: 50px 0; }
  .listResult .titleCountResults {
    width: 100%;
    float: left; }
  .listResult .listResultLeft {
    position: relative;
    display: inline-block;
    width: 45%;
    height: auto;
    float: left;
    margin: 0 25px 10px 0;
    min-width: 555px; }
  .listResult .listResultRight {
    position: relative;
    display: inline-block;
    width: 45%;
    height: auto;
    float: right;
    margin: 0 0 10px 0;
    min-width: 555px; }

.boxResults {
  width: 100%;
  height: 158px;
  border-bottom: solid 1px #dbd9d9;
  margin: 25px 0; }

.imgBoxResult {
  display: inline-block;
  height: auto;
  width: 120px;
  padding-bottom: 22px; }

.imgResultSearch {
  height: 135px;
  padding: 1px 1px 3px; }
  .imgResultSearch img {
    width: 100px;
    height: auto;
    box-shadow: 1px 1px 5px grey; }

.boxResultInfo {
  position: absolute;
  display: inline-block;
  height: 125px; }
  .boxResultInfo span:first-child {
    font-size: 18px;
    font-family: "opensans-semibold";
    color: #2e73ba; }
  .boxResultInfo span {
    font-size: 14px;
    color: #B6B6B6; }
  .boxResultInfo p {
    padding: 0;
    margin: 0; }
  .boxResultInfo .imgRelojGray {
    background: url("../img/relojResultados.png") no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block;
    position: relative; }

.pagerResultSearch {
  width: 100%;
  margin: 0 0 40px;
  float: left; }
  .pagerResultSearch .prev {
    width: 10px;
    height: 15px;
    background: url("../img/flecha_left_pager.png") no-repeat;
    display: inline-block;
    margin: -4px 8px -4px 0; }
  .pagerResultSearch .next {
    width: 10px;
    height: 15px;
    background: url("../img/flecha_right_pager.png") no-repeat;
    display: inline-block;
    margin: -4px 0 -4px 8px; }

.numeration {
  border: solid 1px #B6B6B6;
  display: inline-block;
  margin: 0;
  padding: 0; }
  .numeration li {
    display: inline; }
    .numeration li a {
      display: inline-block;
      padding: 10px 11px;
      line-height: 10px;
      color: #a7a7a7;
      text-decoration: none;
      font-size: 17px; }

.pageActive a {
  background-color: #2e73ba;
  border: solid 1px #2e73ba;
  color: white !important; }

.imgResult1 {
  width: 150px;
  height: 125px;
  background: url("../img/imgResult1.jpg") no-repeat;
  background-position: center;
  margin: 6px 20px 0 0; }

.imgResult2 {
  width: 150px;
  height: 125px;
  background: url("../img/imgResult2.jpg") no-repeat;
  background-position: center;
  margin: 6px 20px 0 0; }

.imgResult3 {
  width: 150px;
  height: 125px;
  background: url("../img/imgResult3.jpg") no-repeat;
  background-position: center;
  margin: 6px 20px 0 0; }

.imgResult4 {
  width: 150px;
  height: 125px;
  background: url("../img/imgResult4.jpg") no-repeat;
  background-position: center;
  margin: 6px 20px 0 0; }

.imgResult5 {
  width: 150px;
  height: 125px;
  background: url("../img/imgResult5.jpg") no-repeat;
  background-position: center;
  margin: 6px 20px 0 0; }

.imgResultPDF {
  width: 150px;
  height: 110px;
  background: url("../img/icono_pdfmdpi.svg") no-repeat;
  background-position: center;
  margin: 6px 20px 0 0; }

/*Estilos sección También te puede interesar - Quiénes somos 
 *@author: Jhon Pérez
 *@since: 23/11/2016 
*/
.backgroundGris {
  background: url("../img/background-gray.png"); }

/*Estilos sesccion informe de gestión- Onformación financiera
 *@author: John Alexander Agudelo
 *@since: 29/10/2016 
*/
.infoFinaciera {
  width: 40%;
  float: left;
  display: inline-block;
  margin-bottom: 25px; }
  .infoFinaciera h3 {
    color: #323232;
    margin: 0; }
  .infoFinaciera .opcionesInfoFinanciera {
    background: #f0f0f0;
    width: 100%;
    padding: 0;
    margin-top: 2em; }
    .infoFinaciera .opcionesInfoFinanciera li {
      height: 42px;
      width: 100%;
      margin: 0; }
      .infoFinaciera .opcionesInfoFinanciera li span {
        width: 95%;
        margin: 0 auto;
        line-height: 41px;
        border-bottom: 1px solid #dadada;
        display: block;
        position: relative; }
        .infoFinaciera .opcionesInfoFinanciera li span:after {
          content: "";
          background: url("../img/flecha_right_pager.png") no-repeat;
          width: 7px;
          height: 13px;
          position: absolute;
          right: 0px;
          top: 14px; }
    .infoFinaciera .opcionesInfoFinanciera .opcionesInfoFinancieraActivo {
      background: red; }
      .infoFinaciera .opcionesInfoFinanciera .opcionesInfoFinancieraActivo span {
        color: white;
        border-bottom: none; }
        .infoFinaciera .opcionesInfoFinanciera .opcionesInfoFinancieraActivo span:after {
          content: "";
          background: url("../img/arrow-white.png") no-repeat; }
  .infoFinaciera .inputSelect {
    background-position: 93% 50%;
    padding: 0 25px 0 10px; }

.searchInfoFinanciera {
  width: 60%;
  display: inline-block;
  padding: 1.2em 0 0 2em; }
  .searchInfoFinanciera .filterInfoFinanciera {
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 18px; }
    .searchInfoFinanciera .filterInfoFinanciera .fieldFilter {
      width: 32%;
      display: inline-block;
      margin: 0 0 10px; }
      .searchInfoFinanciera .filterInfoFinanciera .fieldFilter .inputSelect {
        background-position: 93% 50%;
        padding: 0 25px 0 10px; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldFilter .inputSelect.changed {
          padding-top: 12px; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldFilter .inputSelect.backSelectWhite {
          background-color: transparent; }
    .searchInfoFinanciera .filterInfoFinanciera .fieldSearch {
      width: 32%;
      display: inline-block;
      height: 42px;
      position: relative;
      transform: translateY(-70%); }
      .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button {
        background: red;
        height: 47px;
        width: 100%;
        color: white;
        margin: 15px auto;
        padding: 0.8em 3em;
        display: block;
        border: 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 100%;
        line-height: normal; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button:hover {
          background: #e20404; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button span {
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          transform: translateY(50%); }
        .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button img {
          width: 20px;
          display: none; }
      .searchInfoFinanciera .filterInfoFinanciera .fieldSearch .inputSelect.changed {
        padding-top: 12px; }
      .searchInfoFinanciera .filterInfoFinanciera .fieldSearch .inputSelect.backSelectWhite {
        background-color: transparent; }
      .searchInfoFinanciera .filterInfoFinanciera .fieldSearch #btnBuscar.btn {
        border-radius: 0; }
  .searchInfoFinanciera .listInfoFinanciera {
    margin: 1.3em 0 0 0;
    padding: 0; }
    .searchInfoFinanciera .listInfoFinanciera .itemListInfoFinanciera {
      position: relative;
      padding: 1em 60px 1em .5em; }
      .searchInfoFinanciera .listInfoFinanciera .itemListInfoFinanciera:nth-child(odd) {
        background: #f0f0f0; }
      .searchInfoFinanciera .listInfoFinanciera .itemListInfoFinanciera span {
        font-size: .9em; }
        .searchInfoFinanciera .listInfoFinanciera .itemListInfoFinanciera span a {
          color: #636363;
          text-decoration: none; }
      .searchInfoFinanciera .listInfoFinanciera .itemListInfoFinanciera img {
        position: absolute;
        right: .5em;
        top: 50%;
        transform: translateY(-50%); }

.inputSelect {
  height: 100%;
  width: 100%;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("../img/flechaMenu.png") no-repeat;
  background-color: transparent;
  appearance: none;
  background-position: 98% 50%;
  color: #636363;
  padding: 0 25px 0 10px;
  font-size: 16px;
  border: 1px solid #a7a7a7;
  font-family: 'Open Sans', sans-serif; }
  .inputSelect.hiddenSelect {
    display: none; }
  .inputSelect.backSelectWhite {
    background-color: white; }

.label-select {
  position: absolute;
  top: 0;
  left: 10px;
  font-weight: 200;
  font-size: 12px;
  display: none; }

.childTypes li:before {
  content: "";
  background: red;
  height: 6px;
  width: 6px;
  display: block;
  position: relative;
  top: 1.5em;
  left: -1em; }

.marginTop {
  padding: 50px 0px 25px 0px; }

/* Interna enterate
 *@author: John Alexander Agudelo
 *@since: 29/11/2016 
*/
.margenEnterateIntenaVideo {
  margin: 0 0 1em 3em; }
  .margenEnterateIntenaVideo img {
    width: 100%; }
    .margenEnterateIntenaVideo img.img-destacada-noticia {
      margin: 1.4em 1em 0 0; }

.margenTitle {
  border-bottom: 1px solid #aaaaaa;
  margin: 0 0 1em 0;
  padding-bottom: 1em;
  width: 100%; }

/* Interna Buena energia
 *@author: John Alexander Agudelo
 *@since: 29/11/2016 
*/
.listBuenaEnergia {
  margin: 2em 0 0 0;
  padding: 0; }
  .listBuenaEnergia .itemlistBuenaEnergia {
    padding: 1em 60px 1em .5em;
    position: relative;
    border-bottom: 1px solid #aaaaaa; }
    .listBuenaEnergia .itemlistBuenaEnergia span {
      font-size: .9em; }
    .listBuenaEnergia .itemlistBuenaEnergia img {
      position: absolute;
      right: .5em;
      top: 50%;
      transform: translateY(-50%); }
    .listBuenaEnergia .itemlistBuenaEnergia:first-child {
      border-top: 1px solid #aaaaaa; }

.centerNoticeTitulo {
  left: 50px; }

/* Contactanos
 *@author: John Alexander Agudelo
 *@since: 05/12/2016 
*/
.fieldForm {
  width: 48%;
  display: inline-block;
  margin-top: 2.5em;
  position: relative;
  height: 48px;
  vertical-align: top; }
  .fieldForm.animated-placeholder .label-field {
    font-size: 12px;
    padding: 8px 0 0 12px;
    line-height: 1; }
  .fieldForm .label-field {
    font-weight: 200;
    position: absolute;
    transition: .3s all ease;
    width: 95%;
    cursor: text;
    padding: 12px 10px 12px 10px;
    white-space: nowrap;
    overflow: hidden; }
  .fieldForm input {
    position: absolute;
    z-index: 1;
    background: transparent;
    border: 1px solid #a7a7a7;
    font-family: 'Open Sans', sans-serif; }
  .fieldForm input[type="text"], .fieldForm input[type="number"], .fieldForm input[type="email"], .fieldForm input[type="password"] {
    height: 48px;
    width: 100%;
    padding: 15px 16px 0px 10px;
    font-size: 16px;
    color: #636363;
    -webkit-text-fill-color: #636363 !important;
    -moz-text-fill-color: #636363 !important;
    -ms-text-fill-color: #636363 !important; }
  .fieldForm input[type="number"]::-webkit-inner-spin-button,
  .fieldForm input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .fieldForm.inputPhone {
    width: 22.4%; }
  .fieldForm.inputNit {
    width: 11.6%; }
  .fieldForm.inputInline {
    width: 32%; }
  .fieldForm .input-checkbox-wrapper {
    height: auto !important; }
    .fieldForm .input-checkbox-wrapper div.required {
      top: 50px; }
  .fieldForm .checkbox {
    font-weight: normal;
    font-size: .8em;
    margin-top: 0px;
    margin-bottom: 0px; }
    .fieldForm .checkbox input[type=checkbox] {
      position: static;
      margin-left: 0px; }
  .fieldForm .radio {
    display: inline-block;
    top: 15px; }
    .fieldForm .radio input[type=radio] {
      display: none; }
    .fieldForm .radio input[type=radio]:checked + label span:after {
      content: "";
      width: 50%;
      height: 50%;
      background-color: #2e73ba;
      display: block;
      border-radius: 50%;
      position: absolute;
      transform: translate(50%, 50%); }
    .fieldForm .radio label {
      padding: 0 30px 0 0; }
      .fieldForm .radio label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: none;
        margin: -3px 5px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border: solid 1px #757575;
        border-radius: 50%;
        position: relative; }
  .fieldForm .inputSelect.changed {
    padding-top: 12px; }
  .fieldForm .control-group {
    width: 100%;
    height: 100%; }
    .fieldForm .control-group.error {
      border: 1px solid red; }

input, select, textarea {
  outline-color: #4d90fe !important; }
  input:focus, select:focus, textarea:focus {
    outline-color: #4d90fe !important; }

.TextAreaForm, .uploadFileForm {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  height: 192px;
  margin-top: 2.5em; }
  .TextAreaForm.animated-placeholder .label-field, .uploadFileForm.animated-placeholder .label-field {
    font-size: 12px;
    padding: 0 0 0 12px; }
  .TextAreaForm .label-field, .uploadFileForm .label-field {
    font-size: 16px;
    font-weight: 200;
    position: absolute;
    transition: .3s all ease;
    width: 100%;
    cursor: text;
    padding: 15px 15px 15px 12px; }
  .TextAreaForm .textArea, .uploadFileForm .textArea {
    width: 100%;
    height: 100%;
    border: 1px solid #a7a7a7;
    padding: 18px 16px 16px 12px;
    color: #636363;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    z-index: 1;
    background: transparent; }
  .TextAreaForm .control-group, .uploadFileForm .control-group {
    width: 100%;
    height: 100%; }
    .TextAreaForm .control-group div.required, .uploadFileForm .control-group div.required {
      top: 195px; }
    .TextAreaForm .control-group.error, .uploadFileForm .control-group.error {
      border: 1px solid red; }

.uploadFileForm {
  border: 1px solid #a7a7a7; }
  .uploadFileForm .uploadFile {
    width: 100%; }
    .uploadFileForm .uploadFile div > h4, .uploadFileForm .uploadFile p {
      padding: 0;
      margin: 0;
      text-align: center; }
    .uploadFileForm .uploadFile p {
      font-size: .9em; }
    .uploadFileForm .uploadFile .addFile {
      width: 50%;
      margin: 0 auto;
      margin-top: 3em;
      margin-bottom: 2em;
      transition: .3s all ease; }
      .uploadFileForm .uploadFile .addFile .addFile-image {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: sub;
        background: url("../img/icono_carga_archivo_01.svg"); }
      .uploadFileForm .uploadFile .addFile .addFile-text {
        display: inline-block;
        width: calc(100% - 60px);
        margin-left: 15px; }
        .uploadFileForm .uploadFile .addFile .addFile-text h3, .uploadFileForm .uploadFile .addFile .addFile-text p {
          padding: 0;
          margin: 0;
          text-align: left; }
        .uploadFileForm .uploadFile .addFile .addFile-text p {
          font-size: 14px;
          color: #a7a7a7;
          line-height: 17px;
          margin: 5px 0; }
      .uploadFileForm .uploadFile .addFile.hasFile {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 20px;
        margin: 0; }
        .uploadFileForm .uploadFile .addFile.hasFile .addFile-image {
          background: url("../img/icono_carga_archivo_02.svg"); }
  .uploadFileForm .input-file {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    width: 100%;
    opacity: 0; }
    .uploadFileForm .input-file.hasFile {
      height: 47px;
      bottom: 0;
      top: inherit; }
  .uploadFileForm .list-file {
    margin: 0;
    padding: 0;
    display: none; }
    .uploadFileForm .list-file .file {
      width: 90%;
      height: 47px;
      padding: 0;
      position: relative;
      border-bottom: 1px solid #a7a7a7;
      margin: 0 auto; }
      .uploadFileForm .list-file .file .file-size {
        position: absolute;
        right: 20px;
        top: 10px; }
      .uploadFileForm .list-file .file .file-name {
        width: 100%;
        padding: 10px 1em; }
      .uploadFileForm .list-file .file .delete-file {
        position: absolute;
        right: -15px;
        top: 15px;
        height: 15px;
        width: 15px;
        background: url(../img/cerrar_azul.svg);
        background-size: 100% 100%;
        display: block;
        cursor: pointer; }

.buttonContact {
  margin: 10px auto;
  padding: .8em 3em;
  display: block;
  border: none;
  background: #fff;
  color: #2e73ba;
  font-weight: normal;
  text-transform: uppercase;
  border: solid 2px #2e73ba;
  font-family: "Montserrat";
  transition: all 500ms ease; }
  .buttonContact:hover {
    background: #2e73ba;
    color: #fff;
    border: solid 2px #2e73ba; }
  .buttonContact.btn {
    font-size: 100%;
    line-height: normal;
    border-radius: 0px; }

.marginLeftField {
  margin-left: 3%; }

#drop-zone.marginLeftField #uploadFile #file-message {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 12px; }
  #drop-zone.marginLeftField #uploadFile #file-message p {
    line-height: 17px; }

.sedes {
  width: 100%; }
  .sedes .sede {
    display: inline-block;
    width: 47%;
    margin: 0;
    padding: 1em;
    vertical-align: top;
    margin-bottom: 2em;
    font-size: .9em; }
    .sedes .sede .sedeInformacion .sedeNombre {
      color: #2e73ba;
      font-weight: bold;
      padding-bottom: .5em;
      margin-bottom: 1em;
      border-bottom: 1px dotted #8a8a8a; }
      .sedes .sede .sedeInformacion .sedeNombre span {
        display: block; }
    .sedes .sede .sedeInformacion .sedContacto {
      margin-bottom: 1em; }
      .sedes .sede .sedeInformacion .sedContacto span {
        display: block; }
        .sedes .sede .sedeInformacion .sedContacto span strong {
          margin-right: .5em; }
    .sedes .sede .sedeDireccion {
      position: relative; }
      .sedes .sede .sedeDireccion .sedeDireccionInfo span {
        display: block; }
    .sedes .sede .sedeImg img {
      width: 220px; }
  .sedes .sede:nth-child(odd) {
    margin-right: 2em; }
    .sedes .sede:nth-child(odd) .sedeImg {
      float: right; }
    .sedes .sede:nth-child(odd) .sedeInformacion {
      text-align: right;
      padding-right: 230px; }
    .sedes .sede:nth-child(odd) .sedeDireccion {
      margin-right: 230px; }
      .sedes .sede:nth-child(odd) .sedeDireccion img {
        margin-left: .5em;
        position: absolute;
        bottom: 5px;
        right: 0; }
      .sedes .sede:nth-child(odd) .sedeDireccion .sedeDireccionInfo {
        margin-right: 30px;
        text-align: right; }
  .sedes .sede:nth-child(even) {
    margin-left: 2em; }
    .sedes .sede:nth-child(even) .sedeImg {
      float: left; }
    .sedes .sede:nth-child(even) .sedeInformacion {
      text-align: left;
      padding-left: 230px; }
    .sedes .sede:nth-child(even) .sedeDireccion {
      margin-left: 230px; }
      .sedes .sede:nth-child(even) .sedeDireccion img {
        margin-right: .5em;
        position: absolute;
        bottom: 5px;
        left: 0; }
      .sedes .sede:nth-child(even) .sedeDireccion .sedeDireccionInfo {
        margin-left: 30px;
        text-align: left; }

select::-ms-expand {
  display: none; }

.form-validator-stack .required, .form-validator-stack .digits, .form-validator-stack .email, .form-validator-stack .number, .form-validator-stack .maxLength {
  position: absolute;
  font-size: .9em;
  color: red;
  line-height: 14px;
  top: 50px; }

.captchaForm {
  height: auto; }
  .captchaForm .required {
    margin-top: 28px !important;
    padding-top: 0px;
    text-align: center;
    color: red;
    font-size: .9em; }

/* interna reconocimiento
 *@author: John Alexander Agudelo
 *@since: 07/12/2016 
*/
.reconocientos {
  margin-top: 3em;
  padding-bottom: 1em;
  border-bottom: 1px solid #cbcbcb; }
  .reconocientos .imgReconocimento {
    float: right;
    margin-left: 2em;
    margin-bottom: 1em; }
    .reconocientos .imgReconocimento img {
      max-width: 350px; }
  .reconocientos .imgReconocimentoMobile {
    display: none; }

.tabHide {
  display: none; }

.tabShow {
  display: block; }

.certificacion .imgCertificacionISO {
  width: 350px;
  text-align: center;
  margin-top: -5em;
  margin-left: 2em;
  margin-bottom: 2em;
  float: right; }
  .certificacion .imgCertificacionISO img {
    display: inline-block; }

.certificacionAuditoria .imgCertificacionOHSAS {
  width: 350px;
  text-align: left;
  margin-top: -2em;
  margin-left: 2em;
  margin-bottom: 2em;
  float: right; }
  .certificacionAuditoria .imgCertificacionOHSAS img {
    display: inline-block;
    margin-left: 3.6em;
    width: 255px; }

/* Sostenibilidad - Iniciativas Globales
 *@author: Cristian Duque Usma
 *@since: 
*/
#sliderObjective {
  margin: 0px auto;
  max-width: 2577px;
  height: 110px !important;
  position: relative;
  overflow: hidden; }
  #sliderObjective .bjqs .bjqs-slide {
    display: none; }
  #sliderObjective .emptyBox {
    width: 30px; }
  #sliderObjective .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
  #sliderObjective ol.bjqs-markers {
    list-style: none;
    padding: 0;
    width: 15%;
    position: absolute; }
  #sliderObjective ol.bjqs-markers.h-centered {
    text-align: center;
    left: 45% !important;
    bottom: 0; }

/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
#sliderObjective ol.bjqs-markers li a {
  padding: 5px;
  margin: 5px;
  text-decoration: none;
  border-radius: 50px;
  transition: background .5s ease;
  -webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -o-transition: background .5s ease;
  font-size: 0px;
  border: gray 1px solid;
  line-height: 0px; }

#sliderObjective li.active-marker a, ol.bjqs-markers li a:hover {
  background: gray; }

#sliderObjective .textoSlider {
  width: 70%;
  position: inherit;
  color: gray; }
  #sliderObjective .textoSlider p {
    font-size: 14px;
    color: gray;
    font-style: italic;
    line-height: 22px; }

.imgsObjective {
  display: flex;
  justify-content: space-between; }
  .imgsObjective a img {
    width: 95%; }

.sectionObjective .contentTabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%; }
  .sectionObjective .contentTabs .contentRight {
    width: 50%;
    padding-left: 2em;
    padding-top: 1em; }
  .sectionObjective .contentTabs .contentLeft {
    width: 50%; }
.sectionObjective .tabFlexSub, .sectionObjective .tabFlex {
  display: flex;
  flex-flow: row wrap; }
.sectionObjective .tabFlex {
  flex-flow: column wrap; }
.sectionObjective .tabFlexSub > div > img {
  width: 70%; }
.sectionObjective .emptyBox {
  width: 15px; }
.sectionObjective strong {
  font-size: 16px; }
.sectionObjective .listaGenerica {
  padding-left: 1.5em; }
  .sectionObjective .listaGenerica li {
    font-size: 14px;
    margin: 0;
    padding: 0; }
.sectionObjective .MenuArticles {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .sectionObjective .MenuArticles li {
    border-bottom: none;
    border: silver solid .1em;
    height: 200px;
    width: 100%;
    cursor: pointer;
    position: relative; }
    .sectionObjective .MenuArticles li img {
      margin-bottom: 3em; }
    .sectionObjective .MenuArticles li a {
      padding: 1em;
      font-size: 13px;
      color: #3376bb; }
    .sectionObjective .MenuArticles li .boxPlus, .sectionObjective .MenuArticles li .boxLess {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 30px;
      height: 30px;
      font-size: 30px;
      font-weight: 100;
      text-align: center;
      background: #3376bb;
      color: #fff; }
    .sectionObjective .MenuArticles li .boxLess, .sectionObjective .MenuArticles li .iconTabLess {
      display: none; }
  .sectionObjective .MenuArticles .MenuArticles-activo {
    background: #3376bb; }
    .sectionObjective .MenuArticles .MenuArticles-activo a {
      color: #fff; }
    .sectionObjective .MenuArticles .MenuArticles-activo .boxPlus, .sectionObjective .MenuArticles .MenuArticles-activo .iconTabPlus {
      display: none; }
    .sectionObjective .MenuArticles .MenuArticles-activo .iconTabLess {
      display: initial; }
    .sectionObjective .MenuArticles .MenuArticles-activo .boxLess {
      display: inherit;
      background: #fff;
      color: #3376bb; }

#sliderObjective.bjqs {
  height: 40vh !important; }

/* Sostenibilidad - ética
 *@author: John Alexander Agudelo
 *@since: 13/12/2016 
*/
.paragraphImegeLeft img {
  float: left;
  /*margin: 1em 2em 1em 0;*/
  margin: 0 2em 1em 0; }

.textPaddindTop {
  padding-top: 3.5em; }

.paragraphImegeRight img {
  float: right;
  /*margin: 0 0 2em 3em; */
  margin: 0 0 1em 2em; }

.indexParagraph {
  display: inline-flex; }
  .indexParagraph .iconIndex {
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    float: left;
    display: inline-block;
    width: 17%; }
  .indexParagraph .textIndex {
    top: 0;
    bottom: 0;
    margin: auto;
    float: right;
    display: inline-block;
    width: 83%; }

.MenuTabs {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin: 1.5em 0 2em; }
  .MenuTabs .MenuTabsItem, .MenuTabs .MenuTabsItem-second {
    width: 20%;
    height: 86px;
    float: left;
    border: 2px solid transparent;
    border-bottom: 2px solid #dddddd; }
    .MenuTabs .MenuTabsItem div, .MenuTabs .MenuTabsItem-second div {
      height: 100%;
      width: 100%;
      display: table;
      font-size: .9em;
      text-decoration: none;
      color: #acacac;
      cursor: pointer;
      border-top: 4px solid transparent; }
      .MenuTabs .MenuTabsItem div .MenuTabsItem-text, .MenuTabs .MenuTabsItem-second div .MenuTabsItem-text {
        width: 80%;
        display: table-cell;
        padding-left: 1em;
        text-align: left;
        line-height: 16px;
        height: 100%;
        vertical-align: middle;
        padding-right: 12px; }
      .MenuTabs .MenuTabsItem div .icon-etica, .MenuTabs .MenuTabsItem-second div .icon-etica {
        background: url("../img/icon_etica_gray.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 35px; }
      .MenuTabs .MenuTabsItem div .icon-lineamientos, .MenuTabs .MenuTabsItem-second div .icon-lineamientos {
        background: url("../img/icon_lineamientos_gray.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 28px; }
      .MenuTabs .MenuTabsItem div .icon-participacion, .MenuTabs .MenuTabsItem-second div .icon-participacion {
        background: url("../img/icon_participacion_gray.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 38px; }
      .MenuTabs .MenuTabsItem div .icon-mejora, .MenuTabs .MenuTabsItem-second div .icon-mejora {
        background: url("../img/icon_mejora_gray.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 40px; }
      .MenuTabs .MenuTabsItem div .icon-frentes, .MenuTabs .MenuTabsItem-second div .icon-frentes {
        background: url("../img/icon_frentes_gray.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 30px; }
  .MenuTabs .MenuTabsItem.active, .MenuTabs .MenuTabsItem-second.active {
    border: 2px solid #dddddd;
    border-bottom: none; }
    .MenuTabs .MenuTabsItem.active div, .MenuTabs .MenuTabsItem-second.active div {
      border-top: 4px solid #68c460;
      color: #68c460; }
      .MenuTabs .MenuTabsItem.active div .icon-etica, .MenuTabs .MenuTabsItem-second.active div .icon-etica {
        background: url("../img/icon_etica_green.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 35px; }
      .MenuTabs .MenuTabsItem.active div .icon-lineamientos, .MenuTabs .MenuTabsItem-second.active div .icon-lineamientos {
        background: url("../img/icon_lineamientos_green.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 28px; }
      .MenuTabs .MenuTabsItem.active div .icon-participacion, .MenuTabs .MenuTabsItem-second.active div .icon-participacion {
        background: url("../img/icon_participacion_green.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 38px; }
      .MenuTabs .MenuTabsItem.active div .icon-mejora, .MenuTabs .MenuTabsItem-second.active div .icon-mejora {
        background: url("../img/icon_mejora_green.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 40px; }
      .MenuTabs .MenuTabsItem.active div .icon-frentes, .MenuTabs .MenuTabsItem-second.active div .icon-frentes {
        background: url("../img/icon_frentes_green.svg");
        height: 100%;
        width: 20%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 30px; }

.contentTab, .contentTab-second {
  opacity: 0;
  display: none; }
  .contentTab.tab-active, .contentTab-second.tab-active {
    display: block;
    opacity: 1; }
    .contentTab.tab-active strong, .contentTab-second.tab-active strong {
      font-weight: bold; }
    .contentTab.tab-active.solo-historico, .contentTab-second.tab-active.solo-historico {
      padding: 0; }

.lineHorizontal {
  margin: 1em 0 1em 0;
  border-bottom: 1px solid #cbcbcb;
  width: 100%;
  clear: both; }
  .lineHorizontal.practicas {
    border-bottom: none;
    margin: .5em 0; }
  .lineHorizontal.red {
    border-bottom: 1px solid red; }

.imgInformeGestion {
  width: 100%;
  background: url("../img/sostenibilidad-gestion.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 180px; }

.accordion {
  clear: both;
  margin: 0;
  padding: 1em 0 0; }
  .accordion > li {
    width: 100%;
    margin-bottom: .5em; }
    .accordion > li .accordionItemTitle {
      width: 100%;
      background: #f0f0f0;
      color: #636363;
      position: relative;
      line-height: 25px;
      font-weight: bold;
      font-size: 1.1em;
      padding: .5em 3em .5em 1em;
      cursor: pointer;
      transition: .5s all ease;
      margin-bottom: 10px; }
      .accordion > li .accordionItemTitle:hover {
        background: #dfdfe2; }
      .accordion > li .accordionItemTitle .icon-plus {
        background: url("../img/mas_menu.svg");
        background-size: 100% 100%;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%); }
    .accordion > li .accordionItemContent {
      opacity: 0;
      display: none;
      overflow: hidden;
      margin: 0 1em; }
    .accordion > li.open .accordionItemTitle {
      color: white; }
      .accordion > li.open .accordionItemTitle .icon-plus {
        background: url("../img/menos_blanco.svg");
        background-size: 100% 100%;
        background-position: center center; }
      .accordion > li.open .accordionItemTitle.green {
        background: #68c460; }
      .accordion > li.open .accordionItemTitle.blue {
        background: #2e73ba; }
      .accordion > li.open .accordionItemTitle.yellow {
        background: #e8aa1b; }
      .accordion > li.open .accordionItemTitle.red {
        background: red; }
      .accordion > li.open .accordionItemTitle.light-blue {
        background: #429dd1; }
    .accordion > li.open .accordionItemContent {
      opacity: 1;
      display: block; }

#list[data-columns]::before {
  content: '2 .column.size-1of2'; }

/* Banner Gestión en las Prácticas
 *@author: Cristian Duque Usma
 *@since: 
*/
.bannerGestionPracticas {
  position: relative; }
  .bannerGestionPracticas img {
    width: 100%;
    height: 185px; }
  .bannerGestionPracticas .bannerGestionPracticasTexto {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    left: calc(100%/2.8);
    top: calc(230px/5); }
    .bannerGestionPracticas .bannerGestionPracticasTexto h3 {
      line-height: 1.6em;
      margin: 0; }
    .bannerGestionPracticas .bannerGestionPracticasTexto p {
      line-height: 1.6em;
      margin: 0;
      font-size: 18px; }
    .bannerGestionPracticas .bannerGestionPracticasTexto a h3, .bannerGestionPracticas .bannerGestionPracticasTexto a p {
      color: #fff; }
    .bannerGestionPracticas .bannerGestionPracticasTexto a p {
      margin-top: -1em; }
    .bannerGestionPracticas .bannerGestionPracticasTexto a:hover {
      text-decoration: none; }
  .bannerGestionPracticas .bannerGestionPracticasBoton {
    border: solid #fff .2em;
    text-align: center;
    position: absolute;
    right: 3%;
    top: calc(185px/3);
    margin: 0; }
    .bannerGestionPracticas .bannerGestionPracticasBoton a {
      font-weight: 900;
      color: #fff;
      text-decoration: none; }

/* Sostenibilidad - Juanta directiva
 *@author: John Alexander Agudelo
 *@since: 21/12/2016 
*/
.column2 {
  margin: 2em 0 2em 0;
  width: 49%;
  float: left;
  padding-bottom: 32767px;
  margin-bottom: -32767px; }
  .column2:first-child {
    border-right: 1px solid #aaaaaa;
    margin-right: 2%;
    padding-right: 1em; }

/* Sostenibilidad - lightBox infograficos
 *@author: John Alexander Agudelo
 *@since: 21/12/2016 
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible !important;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative;
  overflow: visible !important; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid #aaaaaa;
  background: white;
  padding: 1em; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: white;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(../img/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: transparent; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxClose {
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  background: url(../img/cerrar_azul.svg) no-repeat;
  background-size: 80%;
  background-position: center;
  border: 1px solid #2e73ba; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxPrevious {
  display: none !important; }

#cboxPrevious:hover {
  display: none !important; }

#cboxNext {
  display: none !important; }

#cboxNext:hover {
  display: none !important; }

#cboxClose {
  right: -2em; }

#cboxClose:hover {
  background-color: #2e73ba !important;
  background: url("../img/cerrar_blanco.svg"); }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px; }

/* Interna generica con lista pdf
 *@author: John Alexander Agudelo
 *@since: 21/12/2016 
*/
.list-pdf {
  padding: 0; }
  .list-pdf.contacto li {
    display: table; }
  .list-pdf li {
    display: table;
    margin: 5px 0;
    padding: 0.5em 0; }
    .list-pdf li .icon-pdf {
      background: url("../img/ver_pdf_icono.svg") no-repeat;
      display: table-cell;
      vertical-align: top;
      width: 21px;
      position: relative;
      top: 3px; }
      .list-pdf li .icon-pdf.red {
        background: url("../img/icon-pdf-red.jpg") no-repeat;
        display: table-cell;
        vertical-align: top;
        width: 21px;
        position: relative;
        top: 3px; }
    .list-pdf li .icon-telefono {
      background: url("../img/socio-contact-telefono.png") no-repeat;
      display: table-cell;
      vertical-align: top;
      width: 21px;
      position: relative;
      top: 3px;
      background-position: center 2px; }
    .list-pdf li .icon-direccion {
      background: url("../img/socio-contact-direccion.png") no-repeat;
      display: table-cell;
      vertical-align: top;
      width: 21px;
      position: relative;
      top: 3px;
      background-position: center 2px; }
    .list-pdf li .icon-mail {
      background: url("../img/socio-contact-email.png") no-repeat;
      display: table-cell;
      vertical-align: top;
      width: 21px;
      position: relative;
      top: 3px;
      background-position: center 4px; }
    .list-pdf li .text-list {
      display: table-cell;
      vertical-align: top;
      width: 90%;
      padding-left: .5em;
      padding-top: 1px; }
  .list-pdf.padding-none li {
    padding: 0; }

/* Red de soios tecnologicos
 *@author: John Alexander Agudelo
 *@since: 26/12/2016 
*/
.grid-socios {
  display: table;
  width: 100%; }
  .grid-socios .socio {
    border-right: 1px solid #dcd9d9;
    border-bottom: 1px solid #dcd9d9;
    width: 20%;
    display: inline-block;
    position: relative;
    height: 110px;
    vertical-align: top; }
    .grid-socios .socio img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70%; }
  .grid-socios .socio:nth-child(5n) {
    border-right: none; }
  .grid-socios .socio:nth-child(21n) {
    border-bottom: none; }
  .grid-socios .socio:nth-child(22n) {
    border-bottom: none; }
  .grid-socios .socio:nth-child(23n) {
    border-bottom: none; }
  .grid-socios .socio:nth-child(24n) {
    border-bottom: none; }
  .grid-socios .socio:nth-child(25n) {
    border-bottom: none; }

/*Estilos CTA Nuestros negocios 
 *@author: Jhon Pérez
 *@since: 28/11/2016 
*/
.bullet-light-blue li {
  list-style: none;
  position: relative;
  margin: 1em 0 0 0; }
  .bullet-light-blue li:before {
    content: "";
    background: #429dd1;
    height: 6px;
    width: 6px;
    display: inline-block;
    position: absolute;
    top: .6em;
    left: -1.1em; }

/* Interna - Red de soios tecnologicos
 *@author: John Alexander Agudelo
 *@since: 26/12/2016 
*/
.contentSocio {
  width: 70%; }

.ImgInternaSocio {
  width: 30%;
  margin: 0 auto;
  float: right;
  border: 1px solid #d3d3d3;
  margin: 1em 0 0 3em;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2); }
  .ImgInternaSocio .imgSocio {
    padding: 3em 5em 0 5em; }
  .ImgInternaSocio .infoContacto {
    padding: 0 1em; }

.line-right:after {
  content: "";
  background: #d3d3d3;
  width: 65%;
  height: 3px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle; }

.list-column-2 {
  width: 46%;
  float: left;
  vertical-align: top; }

.list-column-3 {
  width: 33.33%;
  float: left;
  vertical-align: top; }

.imgDesktop {
  display: block; }

.imgMobile {
  display: none; }

/* Interna - Red de soios tecnologicos
 *@author: John Alexander Agudelo
 *@since: 10/01/2017 
*/
.testimonios {
  width: 100%; }
  .testimonios .testimonio {
    width: 100%;
    display: table; }
    .testimonios .testimonio .testimonio-autor {
      display: table-cell;
      vertical-align: middle;
      width: 25%; }
      .testimonios .testimonio .testimonio-autor span {
        display: block;
        text-align: right; }
      .testimonios .testimonio .testimonio-autor .autor-nombre {
        font-size: 1.3em; }
    .testimonios .testimonio .testimonio-foto {
      display: table-cell;
      width: 25%; }
      .testimonios .testimonio .testimonio-foto img {
        width: 100%;
        border-radius: 50%;
        vertical-align: middle;
        text-align: center; }
    .testimonios .testimonio .testimonio-text {
      display: table-cell;
      vertical-align: middle;
      width: 50%;
      padding-left: 2em; }
      .testimonios .testimonio .testimonio-text p {
        margin-top: 2em; }

.destascado {
  padding: 3em 6em; }

.content-col-2 .content-right {
  width: 55%;
  display: inline-block;
  vertical-align: top; }
.content-col-2 .content-left {
  width: 40%;
  display: inline-block;
  margin-right: 4%; }

/* Mapa Hidroelectricas
 *@author: Jhon Alexander Agudelo
 *@since: 19/01/2017 
*/
.mapa-hidroelectricas {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  margin: 30px 0 10px 0; }
  .mapa-hidroelectricas .grid-hidroelectricas {
    margin-right: 50px; }
    .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio {
      position: relative;
      border: solid 1px #E7E7E7;
      display: flex;
      justify-content: space-between; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #proyectos-hidroelectricos:hover .hidro > .none {
        display: block; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #proyectos-hidroelectricos:hover .hidro > .block {
        display: none; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #proyectos-eolicos:hover .eolicos > .none {
        display: block; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #proyectos-eolicos:hover .eolicos > .block {
        display: none; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #proyectos-geotermicos:hover .geotermicos > .none {
        display: block; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #proyectos-geotermicos:hover .geotermicos > .block {
        display: none; }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio .en-estudio {
        margin: 0;
        width: 32.5%;
        height: 160px;
        transition: all .3s ease; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio .en-estudio a img {
          height: 160px;
          width: 100%; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio .en-estudio a img.none {
            display: none; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio .en-estudio:hover {
          transform: scale(1.1);
          box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.5); }
      .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content {
        position: absolute;
        height: calc(100% - 160px);
        width: 100%;
        top: 160px; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas {
          display: none; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .icon-hidrolectricas-title {
            position: relative;
            width: 100%;
            height: 130px;
            border-bottom: solid 1px #E7E7E7; }
            .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .icon-hidrolectricas-title .icon-hidroelectricas {
              margin: 30px 20px 30px 30px;
              float: left; }
            .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .icon-hidrolectricas-title span {
              position: absolute;
              top: 55px;
              font-weight: bold; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .border-top {
            margin: 10px 0 10px;
            padding-top: 10px;
            border-top: solid 1px #E7E7E7; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas.tab-active {
            display: block; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos {
            height: 60px;
            width: 100%;
            display: flex;
            justify-content: space-between; }
            .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto {
              width: 50%;
              cursor: pointer; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto .lista-proyecto {
                height: 30px;
                width: 30px;
                border-radius: 50%;
                background-color: #2e73ba;
                color: white;
                text-align: center;
                float: left;
                margin: 13px 15px 0px 30px;
                padding-top: 3px; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto.active .lista-proyecto {
                color: #2e73ba;
                background-color: white;
                font-weight: bold;
                padding-top: 1px;
                border: solid 2px #2e73ba; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto.yellow .lista-proyecto {
                background-color: #e8aa1b; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto.yellow.active .lista-proyecto {
                color: #e8aa1b;
                background-color: white;
                font-weight: bold;
                padding-top: 1px;
                border: solid 2px #e8aa1b; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto.green .lista-proyecto {
                background-color: #68c460; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto.green.active .lista-proyecto {
                color: #68c460;
                background-color: white;
                font-weight: bold;
                padding-top: 1px;
                border: solid 2px #68c460; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto span {
                display: block;
                line-height: 20px; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto .nombre-proyecto {
                font-weight: bold;
                margin-top: 8px;
                font-size: 14px; }
              .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto .valor-mw {
                color: #989595;
                font-size: 13px; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .slider {
          margin-right: 1.7em;
          padding-right: 5px;
          width: 450px !important; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .slider .proyecto-img-slide {
            margin-top: 15px; }
            .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .slider .proyecto-img-slide img {
              width: 100%; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos.hidro {
          height: calc(100% - 320px);
          position: absolute;
          overflow: hidden; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos.eolicos {
          height: calc(100% - 200px);
          position: absolute;
          overflow: hidden; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos.geotermicos {
          height: calc(100% - 200px);
          position: absolute;
          overflow: hidden; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .info-proyecto {
          display: none;
          padding: 25px 30px 15px 30px; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .info-proyecto.active {
            display: block; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .info-proyecto span {
            font-weight: bold; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .info-proyecto p {
            font-size: 14px;
            line-height: 2em;
            text-align: left; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .bx-controls-direction .bx-prev {
          background: url(../img/prev-slider-historia.png);
          background-repeat: no-repeat;
          height: 35px;
          width: 35px;
          display: block;
          top: 85%;
          left: 77%;
          opacity: 1; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .bx-controls-direction .bx-prev.disabled {
            opacity: .5; }
        .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .bx-controls-direction .bx-next {
          background: url(../img/next-slider-historia.png);
          background-repeat: no-repeat;
          height: 35px;
          width: 35px;
          display: block;
          top: 85%;
          right: 8%;
          opacity: 1; }
          .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .bx-controls-direction .bx-next.disabled {
            opacity: .5; }
    .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica {
      margin-right: 10px;
      margin-bottom: 10px;
      width: 47%;
      display: inline-block;
      transition: all .3s ease; }
      .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica img {
        width: 100%; }
        .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica img:first-child {
          display: block; }
        .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica img:last-child {
          display: none; }
      .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica:hover {
        transform: scale(1.1);
        box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.5); }
  .mapa-hidroelectricas .mapa {
    background: url("../img/mapa-colombia-plano.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    min-width: 620px;
    min-height: 749px;
    width: 620px;
    height: 749px; }
    .mapa-hidroelectricas .mapa .marcador {
      height: 35px;
      width: 20px;
      position: absolute;
      cursor: pointer;
      /*Inicio marcadores interna Nuestras centrales hidroeléctricas*/
      /*Fin marcadores interna Nuestras centrales hidroeléctricas*/ }
      .mapa-hidroelectricas .mapa .marcador.jaguas {
        top: 224px;
        left: 180px; }
      .mapa-hidroelectricas .mapa .marcador.calderas {
        top: 234px;
        left: 190px; }
      .mapa-hidroelectricas .mapa .marcador.carlos {
        top: 238px;
        left: 178px;
        z-index: 5; }
      .mapa-hidroelectricas .mapa .marcador.termocentro {
        top: 223px;
        left: 215px; }
      .mapa-hidroelectricas .mapa .marcador.sogamoso {
        top: 225px;
        left: 240px; }
      .mapa-hidroelectricas .mapa .marcador.miel {
        top: 283px;
        left: 180px; }
      .mapa-hidroelectricas .mapa .marcador.amoya {
        top: 360px;
        left: 157px; }
      .mapa-hidroelectricas .mapa .marcador:hover {
        transform: scale(1.2);
        z-index: 10; }
        .mapa-hidroelectricas .mapa .marcador:hover .tooltip-name {
          top: -75px;
          width: 100px;
          display: inline-block;
          opacity: 1;
          z-index: 20px; }
      .mapa-hidroelectricas .mapa .marcador .tooltip-name {
        background: white;
        font-size: 11px;
        position: relative;
        text-align: center;
        box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.3);
        margin-left: 10px;
        top: 0px;
        opacity: 0;
        display: none;
        transition: opacity .3s ease, top .3s ease;
        padding-left: 10px;
        line-height: 20px; }
        .mapa-hidroelectricas .mapa .marcador .tooltip-name:after {
          content: "";
          background: transparent;
          height: 10px;
          width: 10px;
          border-top: 10px solid white;
          border-right: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 10px solid white;
          position: absolute;
          bottom: -10px;
          left: 0;
          display: block; }
    .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio {
      background: url("../img/Mapa_proyectos_en_estudio.png");
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 60px; }
      .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador {
        width: 20px;
        height: 35px;
        position: absolute;
        cursor: inherit;
        transform: none;
        cursor: pointer;
        /*Inicio marcadores interna Proyectos en estudio*/ }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador span.tooltip-name {
          top: 0px;
          opacity: 0;
          display: none;
          transition: opacity .3s ease, top .3s ease;
          padding-left: 10px;
          z-index: 20; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.active img {
          transform: none; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.active span.tooltip-name {
          transform: none;
          top: -75px;
          width: 285px;
          display: inline-block;
          opacity: 1; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.active span.tooltip-name.two-lines {
            top: -85px;
            width: 285px;
            z-index: 1;
            line-height: 1.5;
            padding: 5px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.hover {
          transform: none; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.hover img:hover {
            transform: none;
            background: green !important; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.hover span.tooltip-name:hover {
            top: 0px;
            opacity: 0;
            display: none;
            transition: opacity .3s ease, top .3s ease;
            padding-left: 10px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.piedra-del-sol {
          top: 243px;
          left: 230px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.piedra-del-sol:after {
            position: absolute;
            content: "1";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.rio-patia {
          top: 442px;
          left: 62px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.rio-patia:after {
            position: absolute;
            content: "2";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.palagua {
          top: 234px;
          left: 188px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.palagua:after {
            position: absolute;
            content: "3";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px;
            z-index: 1; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.palagua .tooltip-name {
            z-index: 1; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.nare {
          top: 230px;
          left: 150px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.nare:after {
            position: absolute;
            content: "4";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.san-bartolome {
          top: 228px;
          left: 200px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.san-bartolome:after {
            position: absolute;
            content: "5";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.tafetanes {
          top: 245px;
          left: 173px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.tafetanes:after {
            position: absolute;
            content: "6";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.macizo-volcanico-ruiz {
          top: 290px;
          left: 146px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.macizo-volcanico-ruiz:after {
            position: absolute;
            content: "7";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-i {
          top: -15px;
          left: 305px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-i:after {
            position: absolute;
            content: "8";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-ii {
          top: 0px;
          left: 300px; }
          .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-ii:after {
            position: absolute;
            content: "9";
            color: white;
            top: 0;
            left: 6px;
            font-size: 15px; }
        .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador p.tooltip-name {
          width: 230px; }

/* Carrusel de videos
 *@author: Jhon Pérez
 *@since: 01/01/2017 
*/
#videoprincipal > iframe {
  -webkit-box-shadow: 20px 6px 30px #BCBBB9;
  -moz-box-shadow: 20px 6px 30px #BCBBB9;
  box-shadow: 20px 6px 30px #BCBBB9; }

.content_carousel {
  position: relative;
  width: 100%;
  height: 550px;
  margin: 50px auto; }
  .content_carousel .videoprincipal {
    width: 720px;
    height: 405px;
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }
    .content_carousel .videoprincipal .pie-video {
      position: absolute;
      bottom: -38px;
      width: 100%;
      padding-left: 185px;
      height: 30px;
      line-height: 1.35em; }

.contentThumbs {
  /*width: 550px*/
  width: 85%;
  background-color: #efefef;
  height: 100%;
  float: right; }
  .contentThumbs .bx-wrapper {
    height: 416px;
    overflow: hidden;
    top: 5px;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 21px;
    width: 380px; }
    .contentThumbs .bx-wrapper .bx-viewport {
      padding: 0px;
      height: auto !important; }
  .contentThumbs .controls-outside #slider-prev .bx-prev {
    background: none;
    background-size: 0;
    min-height: 40px;
    width: 40px;
    position: absolute;
    left: initial;
    top: 0px;
    right: 0;
    float: right;
    background-color: #2e73ba; }
    .contentThumbs .controls-outside #slider-prev .bx-prev:before {
      position: absolute;
      content: "";
      display: inline-block;
      width: 11px;
      height: 11px;
      margin-left: 14px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
      top: 18px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .contentThumbs .controls-outside #slider-prev .disabled {
    opacity: 0.3;
    transition: opacity 0.7s; }
  .contentThumbs .controls-outside #slider-next .bx-next {
    background: none;
    background-size: 0;
    min-height: 40px;
    width: 40px;
    position: absolute;
    left: initial;
    bottom: 0;
    right: 0;
    float: right;
    background-color: #2e73ba;
    top: initial; }
    .contentThumbs .controls-outside #slider-next .bx-next:before {
      position: absolute;
      content: "";
      display: inline-block;
      width: 11px;
      height: 11px;
      margin-left: 14px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
      top: 14px;
      -ms-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .contentThumbs .controls-outside #slider-next .disabled {
    opacity: 0.3;
    transition: opacity 0.7s; }

.slider_carousel_videos .slide {
  margin-bottom: 33px !important;
  width: 100% !important; }
  .slider_carousel_videos .slide img {
    width: 190px;
    height: 115px;
    border: solid 4px transparent;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background: gray; }
    .slider_carousel_videos .slide img:hover {
      border-color: rgba(255, 255, 255, 0.5);
      -webkit-filter: grayscale(50%);
      filter: grayscale(50%);
      -webkit-box-shadow: 0 0 5px 0px #998;
      -moz-box-shadow: 0 0 5px 0px #998;
      box-shadow: 0 0 5px 0px #998;
      cursor: pointer; }
    .slider_carousel_videos .slide img.active_video {
      border-color: white;
      -webkit-filter: initial;
      filter: initial;
      -webkit-box-shadow: 0 0 5px 0px #998;
      -moz-box-shadow: 0 0 5px 0px #998;
      box-shadow: 0 0 5px 0px #998; }
  .slider_carousel_videos .slide .videoInfo {
    display: inline-block;
    position: relative;
    width: 170px;
    margin: 0 0 0 15px;
    height: 111px;
    border-bottom: solid 1px #C1C1C1;
    vertical-align: middle; }
    .slider_carousel_videos .slide .videoInfo span {
      vertical-align: middle; }
    .slider_carousel_videos .slide .videoInfo .titleVideo {
      font-size: 16px;
      font-weight: bold;
      color: #2E2E2E;
      height: 75px;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
    .slider_carousel_videos .slide .videoInfo .imgRelojGray {
      background: url("../img/relojVideos.png") no-repeat;
      background-size: cover;
      height: 18px;
      width: 18px;
      display: inline-block;
      position: relative;
      margin-right: 8px;
      top: 2px;
      vertcal-align: sub; }

/* Timeline historia
 *@author: Jhon Alexander Agudelo
 *@since: 20/01/2017 
*/
.timeline {
  background: #e7e7e7; }

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em; }

.slider-historia {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  /* height: 250px; */
  align-items: center;
  overflow: hidden;
  padding: 0 0 2em 0; }
  .slider-historia .slider {
    width: 100%;
    margin-right: 1.6em;
    display: flex;
    align-items: center;
    height: 100%; }

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #c0c0c0; }

/* sliderV2 es el slider de sostenibilidad del home */
.sliderV2 .bx-pager {
  display: none; }

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em; }

  #cd-timeline::before {
    left: 50%;
    margin-left: -2px; } }
.cd-timeline-block {
  position: relative;
  margin: 2em 0; }

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-block:first-child {
  margin-top: 0; }

.cd-timeline-block:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: -2em 0; }

  .cd-timeline-block:first-child {
    margin-top: 0; }

  .cd-timeline-block:last-child {
    margin-bottom: 0; } }
.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #2e73ba, 1px 3px 15px 2px rgba(0, 0, 0, 0.6); }

.cd-timeline-img.cd-time {
  background: #2e73ba;
  text-align: center;
  color: white; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    top: 15px;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; }

  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }

  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s; } }
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }

  100% {
    -moz-transform: scale(1); } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1.6em 1em;
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center; }

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-content img {
  border-radius: 50%;
  width: 39%;
  display: inline-block;
  vertical-align: top; }

.cd-timeline-content-text {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  padding-left: 1em;
  font-size: .9em;
  line-height: 1.3; }
  .cd-timeline-content-text p {
    margin: 0; }

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block; }

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6; }

.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em; }

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb; }

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-right: 20px solid white; }

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem; }

  .cd-timeline-content .textMarginTop {
    margin-top: 2em; }

  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem; } }
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em 1em;
    width: 44%; }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white; }

  .cd-timeline-content .cd-read-more {
    float: left; }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 127%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 126%;
    text-align: right; }

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }

  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s; } }
@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s; } }
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.margenSuperior {
  margin-top: 40px; }

.cd-timeline-content .bx-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow: hidden; }
  .cd-timeline-content .bx-wrapper .bx-viewport {
    padding: 0; }

.timeline .bx-controls-direction .bx-prev {
  background: url(../img/prev-slider-historia.png);
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  display: block;
  top: 80%;
  left: 80%;
  opacity: 1; }
  .timeline .bx-controls-direction .bx-prev.disabled {
    opacity: .5; }
.timeline .bx-controls-direction .bx-next {
  background: url(../img/next-slider-historia.png);
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  display: block;
  top: 80%;
  right: 5%;
  opacity: 1; }
  .timeline .bx-controls-direction .bx-next.disabled {
    opacity: .5; }

/* Servicios en linea
 *@author: Jhon Alexander Agudelo
 *@since: 06/02/2017 
*/
.btnformBlock {
  display: block;
  margin: 0 auto; }

.formulario-servicios {
  display: none; }

.categorias-servicios {
  margin-top: 50px;
  margin-bottom: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
  text-align: center; }
  .categorias-servicios .servicio {
    margin: 10px 10px;
    width: 195px;
    height: 200px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    position: relative;
    top: 0;
    cursor: pointer;
    transition: .3s all ease; }
    .categorias-servicios .servicio .servicio-content {
      position: absolute;
      top: 48px;
      left: 50%;
      transform: translateX(-50%);
      width: 158px;
      text-align: center; }
      .categorias-servicios .servicio .servicio-content .icon-chat {
        background: url("../img/Icono_rojo_chat.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 53px;
        height: 52px;
        display: block;
        margin: 0 auto; }
      .categorias-servicios .servicio .servicio-content .icon-dividendos {
        background: url("../img/Icono_rojo_diviendos.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 53px;
        height: 52px;
        display: block;
        margin: 0 auto; }
      .categorias-servicios .servicio .servicio-content .icon-acciones {
        background: url("../img/Icono_rojo_acciones.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 53px;
        height: 52px;
        display: block;
        margin: 0 auto; }
      .categorias-servicios .servicio .servicio-content .icon-bonos {
        background: url("../img/Icono_rojo_bonos.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 53px;
        height: 52px;
        display: block;
        margin: 0 auto; }
      .categorias-servicios .servicio .servicio-content .icon-renta {
        background: url("../img/Icono_rojo_renta.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 53px;
        height: 52px;
        display: block;
        margin: 0 auto; }
    .categorias-servicios .servicio:hover {
      top: -30px;
      box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.3); }
    .categorias-servicios .servicio.active {
      top: -30px;
      box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.3); }

/* Timeline historia
 *@author: Jhon Alexander Agudelo
 *@since: 20/01/2017 
*/
.hexagon-content {
  background: #f1f1f1;
  background: url("../img/backgrond_trabajo_en_red.png");
  background-size: 100% 100%;
  margin-bottom: 40px;
  width: calc(100% - -2em); }
  .hexagon-content .hexagon-title {
    display: block;
    background: #429dd1;
    color: white;
    padding: .5em 1em; }
  .hexagon-content .hexagon-items {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 40px; }
    .hexagon-content .hexagon-items .hexagon-item {
      width: 140px;
      height: 80px;
      background: white;
      position: relative;
      box-shadow: 0px 0px 85px rgba(0, 0, 0, 0.3);
      margin: 50px 5px;
      cursor: pointer;
      margin-top: 0px;
      transition: .3s all ease; }
      .hexagon-content .hexagon-items .hexagon-item:hover {
        box-shadow: 0px 22px 102px rgba(0, 0, 0, 0.6); }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(1) {
        margin-left: 80px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(12) {
        margin-left: 80px; }
      .hexagon-content .hexagon-items .hexagon-item:after {
        content: "";
        display: block;
        position: absolute;
        top: -40px;
        left: 0;
        border: 70px solid transparent;
        border-top: none;
        border-bottom: 40px solid white; }
      .hexagon-content .hexagon-items .hexagon-item:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -40px;
        left: 0;
        border: 70px solid transparent;
        border-bottom: 0 solid transparent;
        border-top: 40px solid white; }
      .hexagon-content .hexagon-items .hexagon-item img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%); }

.red-container {
  margin-bottom: 40px;
  width: calc(100% - -2em); }
  .red-container .red-descripion {
    display: none; }
    .red-container .red-descripion.active {
      display: block;
      width: calc(100% - 2em); }
    .red-container .red-descripion .red-logo {
      width: 290px;
      height: 180px;
      border: 1px solid #c7c1c1;
      display: inline-block;
      box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.3);
      position: relative;
      margin-right: 30px;
      background: white;
      cursor: pointer; }
      .red-container .red-descripion .red-logo img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .red-container .red-descripion .red-content {
      display: inline-block;
      width: calc(100% - 330px);
      vertical-align: top;
      border-bottom: 1px solid #c7c1c1; }
      .red-container .red-descripion .red-content h3 {
        margin-top: 0; }

/* invitaciones abiertas tabla
 *@author: Jhon Alexander Agudelo
 *@since: 14/02/2017 
*/
.table {
  display: table;
  text-align: left;
  margin: 0 auto; }

.cell-title {
  display: none; }

.table-row {
  display: table-row; }
  .table-row.border-top .cell {
    border-top: solid 1px #c7c1c1; }
  .table-row.border-top:last-child .cell {
    border-bottom: solid 1px #c7c1c1; }

.table-see-more {
  text-align: center; }
  .table-see-more .table .table-row {
    display: table-row; }
  .table-see-more .table-btn-see-more {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer; }

.Title .cell:nth-child(1) {
  width: 15%; }
.Title .cell:nth-child(2) {
  width: 50%; }
.Title .cell:nth-child(3) {
  width: 15%; }
.Title .cell:nth-child(4) {
  width: 15%; }

.cell {
  display: table-cell;
  vertical-align: middle;
  padding: 9px;
  text-align: left; }
  .cell.right-align {
    text-align: right; }
  .cell.left-align {
    text-align: left; }
  .cell .more {
    position: relative;
    background: #e8aa1b;
    width: 35px;
    height: 35px;
    transition: .5s all ease;
    border: solid 1px #e8aa1b;
    cursor: pointer; }
    .cell .more .more_plus {
      background: url("../img/mas_blanco.svg");
      background-size: 100%;
      width: 15px;
      height: 15px;
      /*position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%,-50%);*/
      margin: 10px 0 0 10px; }
    .cell .more:hover {
      background: white;
      border: 1px solid #e8aa1b; }
      .cell .more:hover .more_plus {
        background: url("../img/mas_amarillo.svg"); }

.list-detail {
  width: 100%;
  clear: both; }
  .list-detail .list-row {
    width: 100;
    display: block;
    padding: 1em .5em;
    border-bottom: 1px solid #c7c1c1;
    position: relative; }
    .list-detail .list-row:first-child {
      border-top: 1px solid #c7c1c1; }
    .list-detail .list-row .list-cell {
      width: 45%;
      display: inline-block;
      vertical-align: top; }
    .list-detail .list-row .list-btn {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 35px; }

/* Plan de comptas
 *@author: Jhon Pérez
 *@since: 20/02/2017 
*/
.shop .Title-shop-plan {
  background: #e8aa1b; }
  .shop .Title-shop-plan .shop-plan {
    text-align: center;
    line-height: 20px; }
    .shop .Title-shop-plan .shop-plan strong {
      color: #fff; }
  .shop .Title-shop-plan.blue {
    background: #2e73ba; }
    .shop .Title-shop-plan.blue .shop-plan strong {
      color: white; }
  .shop .Title-shop-plan.red {
    background: red; }
    .shop .Title-shop-plan.red .shop-plan strong {
      color: white; }
  .shop .Title-shop-plan .cell:nth-child(1) {
    width: 15%; }
  .shop .Title-shop-plan .cell:nth-child(2) {
    width: 10%; }
  .shop .Title-shop-plan .cell:nth-child(3) {
    width: 20%; }
  .shop .Title-shop-plan .cell:nth-child(4) {
    width: 10%; }
  .shop .Title-shop-plan .cell:nth-child(5) {
    width: 10%; }
  .shop .Title-shop-plan .cell:nth-child(6) {
    width: 10%; }
  .shop .Title-shop-plan .cell:nth-child(7) {
    width: 25%; }
  .shop .Title-shop-plan .cell.composicion-accionaria:nth-child(1) {
    width: 11%; }
  .shop .Title-shop-plan .cell.composicion-accionaria:nth-child(2) {
    width: 15%; }
  .shop .Title-shop-plan .cell.composicion-accionaria:nth-child(3) {
    width: 35%; }
  .shop .Title-shop-plan .cell.composicion-accionaria:nth-child(4) {
    width: 15%; }
  .shop .Title-shop-plan .cell.composicion-accionaria:nth-child(5) {
    width: 17%; }
.shop .table-row .cell-title strong {
  color: #2e73ba; }
.shop .table-row .cell {
  text-align: center;
  padding: 1em 1.5em;
  border-bottom: solid 1px #c7c1c1; }
  .shop .table-row .cell.center-align {
    text-align: center; }
  .shop .table-row .cell.right-align {
    text-align: right; }
  .shop .table-row .cell.left-align {
    text-align: left;
    padding: 0 10px 0 50px; }
.shop .table-row:first-child {
  border-top: solid 1px #c7c1c1; }
.shop .table-row.yellow {
  background: #e8aa1b;
  color: #fff; }

.table {
  display: table;
  text-align: left;
  margin: 0 auto; }
  .table.red {
    margin: 3em 0; }
    .table.red .table-row strong {
      color: red; }
  .table.dark-header.red {
    margin: 0; }
    .table.dark-header.red .table-row strong {
      color: white; }
  .table.dark-header .dark-header-title.red {
    background: red; }
  .table.dark-header .dark-header-title.special {
    display: table;
    width: 100%; }
    .table.dark-header .dark-header-title.special .cell {
      width: 100%; }
      .table.dark-header .dark-header-title.special .cell strong {
        color: white; }
  .table.dark-header .dark-header-title .cell {
    text-align: center; }
  .table.dark-header .group-title {
    /*width: calc(200% - 8px);*/
    width: calc(232% - 8px);
    padding: .5em;
    text-align: center;
    font-weight: bold;
    background: #e1d9d9; }
  .table.dark-header .table-row .cell {
    border-bottom: 1px solid #e1d9d9; }
    .table.dark-header .table-row .cell.right-align {
      padding: 10px 10px 10px 40px; }
  .table.proveedores {
    background-color: #e8aa1b;
    padding: .3em 0; }
    .table.proveedores .table-row .cell {
      color: white;
      text-align: center; }
  .table.width50 .table-row .cell {
    width: 50%; }
    .table.width50 .table-row .cell ul.listaGenerica li {
      margin: 0; }

.fieldTextPlanCompras {
  width: 99.3%; }

/* Política Ambiental
 *@author: Jhon Alexander Agudelo
 *@since: 14/02/2017 
*/
.politica-ambiental {
  margin-top: 3em; }
  .politica-ambiental h2 {
    margin: 0;
    padding: 0; }
  .politica-ambiental .arrowDown {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background: url("../img/fecha_down.svg") no-repeat;
    background-size: 100% 100%; }

.lineBackground {
  width: 70%;
  height: 50px;
  border-bottom: 1px solid #cdcbcb;
  margin: 20px auto;
  background: url("../img/paisaje_politica_ambiental_1.png") no-repeat;
  background-size: auto;
  background-position: center; }

.lineBackground-bottom {
  clear: both;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #cdcbcb;
  margin: 20px auto;
  background: url("../img/paisaje_politica_ambintal_2.png") no-repeat;
  background-size: 100% 100%; }

.card-politica {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em; }
  .card-politica .card-item-politica {
    width: calc(33% - 50px);
    display: inline-block;
    border: 1px solid #cdcbcb;
    vertical-align: top;
    padding: 40px 20px;
    position: relative;
    cursor: pointer; }
    .card-politica .card-item-politica:nth-child(-n + 2) {
      margin-right: 30px; }
      .card-politica .card-item-politica:nth-child(-n + 2):after {
        content: "";
        width: 25px;
        height: 25px;
        position: absolute;
        right: -50px;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/Flechas.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%; }
    .card-politica .card-item-politica .title-politica {
      text-align: center; }
    .card-politica .card-item-politica .btn-more {
      position: absolute;
      display: block;
      right: 0;
      bottom: 0;
      background: #68c460;
      width: 25px;
      height: 25px;
      transition: .5s all ease; }
      .card-politica .card-item-politica .btn-more .more_plus {
        font-size: 20px;
        text-align: center;
        color: #fff; }
      .card-politica .card-item-politica .btn-more:hover {
        background: white;
        border: 1px solid #68c460; }
        .card-politica .card-item-politica .btn-more:hover .more_plus {
          color: #68c460; }
      .card-politica .card-item-politica .btn-more .more_less {
        font-size: 20px;
        text-align: center;
        color: #fff;
        display: none; }

#opt-coordinacion {
  cursor: auto; }

.card-politica .card-item-politica.active .btn-more:hover .more_less {
  color: #68c460; }
.card-politica .card-item-politica.active .btn-more .more_plus {
  display: none; }
.card-politica .card-item-politica.active .btn-more .more_less {
  display: inherit; }

.icon-politica {
  position: absolute;
  top: -70px;
  left: 50%;
  height: 110px;
  width: 110px;
  transform: translateX(-50%);
  border-radius: 50%; }
  .icon-politica .icon-politica-img {
    height: 70px;
    width: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .icon-politica.licencias {
    background-color: #2e73ba; }
    .icon-politica.licencias .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_1.svg") center center no-repeat; }
  .icon-politica.coordinacion {
    background-color: #2e73ba; }
    .icon-politica.coordinacion .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_2.svg") center center no-repeat; }
  .icon-politica.social {
    background-color: #68c460; }
    .icon-politica.social .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_7.svg") center center no-repeat; }

/* Interna Información Relevante
 *@author: John Alexander Agudelo
 *@since: 29/11/2016 
*/
.informacionRelevante {
  width: 100%; }

.searchInfoRelevante {
  width: 100%;
  padding: 1.2em 0 0; }
  .searchInfoRelevante .lineYears {
    left: 50%;
    transform: translateX(-50%);
    position: relative; }

.listInfoRelevante {
  margin: 2em 0 0 0;
  padding: 0; }
  .listInfoRelevante .itemlistInfoRelevante {
    height: auto;
    position: relative;
    border-bottom: 1px solid #aaaaaa;
    padding: 0px 0 12px; }
    .listInfoRelevante .itemlistInfoRelevante span {
      line-height: 35px;
      padding: 0 1em;
      font-size: .9em; }
    .listInfoRelevante .itemlistInfoRelevante .infoRelevante {
      height: auto;
      width: 95%;
      font-size: .9em;
      line-height: 15px;
      padding: 0 1em; }
      .listInfoRelevante .itemlistInfoRelevante .infoRelevante p {
        margin: 0;
        line-height: 18px; }
    .listInfoRelevante .itemlistInfoRelevante img {
      position: absolute;
      right: 1em;
      top: 50%;
      transform: translateY(-50%); }
    .listInfoRelevante .itemlistInfoRelevante:first-child {
      border-top: 1px solid #aaaaaa; }
  .listInfoRelevante.listasambleahistorico {
    margin-left: -13px; }
    .listInfoRelevante.listasambleahistorico li {
      padding: 10px 0; }

.icon-politica-text {
  margin: auto;
  height: 110px;
  width: 110px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 20px; }
  .icon-politica-text .icon-politica-img {
    height: 70px;
    width: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .icon-politica-text.pago {
    background-color: #2e73ba; }
    .icon-politica-text.pago .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_3.svg") center center no-repeat; }
  .icon-politica-text.plan {
    background-color: #2e73ba; }
    .icon-politica-text.plan .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_4.svg") center center no-repeat; }
  .icon-politica-text.social {
    background-color: #2e73ba; }
    .icon-politica-text.social .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_5.svg") center center no-repeat; }
  .icon-politica-text.biofisicos {
    background-color: #2e73ba; }
    .icon-politica-text.biofisicos .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_6.svg") center center no-repeat; }
  .icon-politica-text.inversion {
    background-color: #68c460; }
    .icon-politica-text.inversion .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_8.svg") center center no-repeat; }
  .icon-politica-text.inversion-biofisicos {
    background-color: #68c460; }
    .icon-politica-text.inversion-biofisicos .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_10.svg") center center no-repeat; }
  .icon-politica-text.inversion-social {
    background-color: #68c460; }
    .icon-politica-text.inversion-social .icon-politica-img {
      background: url("../img/ICON_POLITICA_AMBIENTAL_9.svg") center center no-repeat; }

.politica-sections {
  width: 100%; }
  .politica-sections .politica-section {
    width: 45%;
    float: right;
    font-size: 14px; }
    .politica-sections .politica-section .icon-politica-text {
      margin: auto;
      height: 70px;
      width: 70px; }
      .politica-sections .politica-section .icon-politica-text .icon-politica-img {
        height: 40px;
        width: 40px; }

.politica-header-mobile {
  background: url("../img/politica-header-mobile.png");
  background-size: 100% 100%;
  display: block;
  height: 80px;
  position: relative;
  display: none; }
  .politica-header-mobile h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.content-politica-sub {
  display: none; }
  .content-politica-sub.active {
    display: block; }

.politica-menu-mobile {
  display: none; }
  .politica-menu-mobile .card-politica {
    margin-bottom: 1em; }
    .politica-menu-mobile .card-politica .card-item-politica {
      width: calc(33% - 10px);
      padding: 40px 20px;
      position: relative;
      height: 150px; }
      .politica-menu-mobile .card-politica .card-item-politica:nth-child(-n + 2) {
        margin-right: 10px; }
      .politica-menu-mobile .card-politica .card-item-politica .icon-politica {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 110px;
        width: 110px;
        transform: translate(-50%, -50%);
        border-radius: 50%; }
        .politica-menu-mobile .card-politica .card-item-politica .icon-politica .icon-politica-img {
          height: 70px;
          width: 70px;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .politica-menu-mobile .card-politica .card-item-politica .icon-politica.licencias {
          background-color: #2e73ba; }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica.licencias .icon-politica-img {
            background: url("../img/ICON_POLITICA_AMBIENTAL_1.svg") center center no-repeat; }
        .politica-menu-mobile .card-politica .card-item-politica .icon-politica.coordinacion {
          background-color: #2e73ba; }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica.coordinacion .icon-politica-img {
            background: url("../img/ICON_POLITICA_AMBIENTAL_2.svg") center center no-repeat; }
        .politica-menu-mobile .card-politica .card-item-politica .icon-politica.social {
          background-color: #68c460; }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica.social .icon-politica-img {
            background: url("../img/ICON_POLITICA_AMBIENTAL_7.svg") center center no-repeat; }
      .politica-menu-mobile .card-politica .card-item-politica.active {
        background: #2e73ba; }
        .politica-menu-mobile .card-politica .card-item-politica.active .icon-politica {
          background-color: white; }

.title-politica-mobile {
  display: none; }

/* Política Ambiental
 *@author: Jhon Alexander Agudelo
 *@since: 14/02/2017 
*/
.energia {
  background: white; }
  .energia .cd-timeline-img {
    box-shadow: none;
    margin-left: -13px;
    top: 30px; }
    .energia .cd-timeline-img.cd-time {
      background: transparent;
      text-align: center;
      color: transparent;
      width: 25px;
      height: 25px;
      border: 3px solid #c0c0c0; }
  .energia .cd-timeline-block {
    margin: 50px 0; }
  .energia .cd-timeline-content {
    display: block; }
  .energia .energia-content {
    width: calc(100% - 50px); }
    .energia .energia-content h3 {
      margin: 0; }
  .energia .energia-step {
    font-size: 24px;
    font-family: 'Montserrat-bold';
    color: #c0c0c0;
    position: absolute;
    width: 30px; }
  .energia .energia-icon {
    border: 2px solid #2e73ba;
    padding: 20px;
    width: 200px;
    height: 200px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%); }
    .energia .energia-icon img {
      width: 80px;
      border-radius: 0px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .energia .cd-timeline-block:nth-child(odd) .cd-timeline-content .energia-icon {
    right: -350px; }
  .energia .cd-timeline-block:nth-child(odd) .cd-timeline-content .energia-content {
    margin-left: 50px; }
  .energia .cd-timeline-block:nth-child(even) .cd-timeline-content .energia-icon {
    left: -350px; }
  .energia .cd-timeline-block:nth-child(even) .cd-timeline-content .energia-step {
    right: 30px; }

.jPaginate {
  height: 34px;
  position: relative;
  color: #a5a5a5;
  font-size: small;
  top: 40px;
  margin: 0 auto;
  display: table; }
  .jPaginate a {
    line-height: 35px;
    font-size: 17px;
    height: 35px;
    cursor: pointer;
    float: left;
    text-align: center; }
  .jPaginate div:nth-child(2) {
    border: 1px solid #a7a7a7; }

.jPag-control-back {
  position: absolute;
  left: 0px; }
  .jPag-control-back .jPag-first {
    display: none; }

.jPag-control-front {
  position: absolute;
  top: 0px;
  margin-left: 15px; }
  .jPag-control-front .jPag-last {
    display: none; }

.jPaginate span {
  cursor: pointer; }

ul.jPag-pages {
  float: left;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: inline-flex; }

ul.jPag-pages li {
  display: inline;
  float: left;
  padding: 0px;
  margin: 0px; }

ul.jPag-pages li a {
  float: left;
  text-decoration: none;
  width: 40px; }
  ul.jPag-pages li a:hover {
    background-color: #fff !important;
    color: #a7a7a7 !important; }

span.jPag-current {
  cursor: default;
  font-weight: normal;
  line-height: 35px;
  font-size: 17px;
  height: 35px;
  float: left;
  width: 40px;
  text-align: center; }

ul.jPag-pages li span.jPag-next,
span.jPag-snext {
  float: left; }

span.jPag-snext {
  position: absolute;
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  border-left: 1px solid #a7a7a7;
  border-top: 1px solid #a7a7a7;
  top: 14px;
  -ms-transform: rotate(-227deg);
  -webkit-transform: rotate(-227deg);
  transform: rotate(-227deg);
  right: 3px; }

span.jPag-sprevious {
  position: absolute;
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: -20px;
  border-left: 1px solid #a7a7a7;
  border-top: 1px solid #a7a7a7;
  top: 14px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img {
  margin: 2px 0px 2px 2px;
  font-size: 12px;
  font-weight: bold;
  width: 10px; }

ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img {
  margin: 2px 2px 2px 0px;
  font-size: 12px;
  font-weight: bold;
  width: 10px; }

/* Misión, Proposito superior
 *@author: Jhon Alexander Agudelo
 *@since: 09/03/2017 
*/
.content-proposito-superior {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 1em;
  margin-bottom: 1em; }
  .content-proposito-superior .proposito-superior {
    width: 100%;
    display: flex;
    margin-top: 100px; }
    .content-proposito-superior .proposito-superior .proposito-superior-item {
      border: 1px solid #c0c0c0;
      padding: 20px;
      margin: 0 20px 0 20px;
      width: 25%;
      font-size: 14px; }
      .content-proposito-superior .proposito-superior .proposito-superior-item .proposito-superior-img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        position: relative;
        margin: 0 auto;
        margin-top: -85px; }
        .content-proposito-superior .proposito-superior .proposito-superior-item .proposito-superior-img img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 50px; }
      .content-proposito-superior .proposito-superior .proposito-superior-item.energia {
        border-top: 3px solid #68c460; }
        .content-proposito-superior .proposito-superior .proposito-superior-item.energia .proposito-superior-img {
          background: #68c460; }
      .content-proposito-superior .proposito-superior .proposito-superior-item.agua {
        border-top: 3px solid #2e73ba; }
        .content-proposito-superior .proposito-superior .proposito-superior-item.agua .proposito-superior-img {
          background: #2e73ba; }
      .content-proposito-superior .proposito-superior .proposito-superior-item.huella {
        border-top: 3px solid #22b7bb; }
        .content-proposito-superior .proposito-superior .proposito-superior-item.huella .proposito-superior-img {
          background: #22b7bb; }
      .content-proposito-superior .proposito-superior .proposito-superior-item.eficiencia {
        border-top: 3px solid #ff9100; }
        .content-proposito-superior .proposito-superior .proposito-superior-item.eficiencia .proposito-superior-img {
          background: #ff9100; }

.content-estrategia {
  width: 100%;
  display: flex;
  margin-top: 120px;
  margin-bottom: 40px; }
  .content-estrategia .estrategia-item {
    border: 1px solid #c0c0c0;
    padding: 20px;
    margin: 0 20px 0 20px;
    width: 33.33%;
    font-size: 14px;
    position: relative; }
    .content-estrategia .estrategia-item:nth-child(-n + 2):after {
      content: "";
      display: block;
      position: absolute;
      width: 40px;
      right: -40px;
      top: 50%;
      transform: translateY(-50%);
      border: 1px solid #c0c0c0; }
    .content-estrategia .estrategia-item h3 {
      text-align: center; }
    .content-estrategia .estrategia-item .conector {
      position: absolute;
      height: 40px;
      display: block;
      bottom: -40px;
      border-right: 1px solid #c0c0c0;
      left: 50%;
      transform: transitionX(-50%); }
    .content-estrategia .estrategia-item .estrategia-item-img {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      position: relative;
      margin: 0 auto;
      margin-top: -110px;
      margin-bottom: 3em; }
      .content-estrategia .estrategia-item .estrategia-item-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px; }
    .content-estrategia .estrategia-item.contructores {
      border-top: 3px solid #68c460; }
      .content-estrategia .estrategia-item.contructores .estrategia-item-img {
        background: #68c460; }
    .content-estrategia .estrategia-item.generador {
      border-top: 3px solid #2e73ba; }
      .content-estrategia .estrategia-item.generador .estrategia-item-img {
        background: #2e73ba; }
    .content-estrategia .estrategia-item.comercializador {
      border-top: 3px solid #ff9100; }
      .content-estrategia .estrategia-item.comercializador .estrategia-item-img {
        background: #ff9100; }

.estrategia-footer {
  display: flex;
  justify-content: space-between; }
  .estrategia-footer div {
    width: 33.33%; }
  .estrategia-footer .estrategia-footer-contructores {
    border-top: 3px solid #68c460; }
  .estrategia-footer .estrategia-footer-generador {
    border-top: 3px solid #2e73ba; }
  .estrategia-footer .estrategia-footer-comercializador {
    border-top: 3px solid #ff9100; }

.estrategia-cifras {
  display: flex;
  justify-content: space-around; }
  .estrategia-cifras h4 {
    width: 35%;
    text-align: center;
    position: relative;
    font-weight: 400; }
    .estrategia-cifras h4:nth-child(-n + 2) {
      border-right: 1px solid #c0c0c0; }

.estrategia-valores {
  border: 1px solid #c0c0c0;
  border-top: none; }
  .estrategia-valores ul {
    background: #F6F6F6;
    padding: 1em .5em 0;
    display: flex;
    justify-content: space-around;
    margin: 0;
    color: #2e73ba; }
    .estrategia-valores ul li {
      font-size: 14px;
      font-weight: bold;
      position: relative;
      padding-bottom: 10px;
      cursor: pointer; }
      .estrategia-valores ul li:nth-child(-n + 3):after {
        content: "|";
        position: absolute;
        right: -60px;
        top: 0;
        color: #F6F6F6;
        border-left: 1px solid #c0c0c0; }

section.mision.contentTab-second {
  padding: 0 60px; }
  section.mision.contentTab-second p {
    font-size: 14px; }

.objetivos-estrategicos-content {
  margin-top: 3em;
  padding-bottom: 1em; }
  .objetivos-estrategicos-content .objes-menu {
    margin-top: 2em;
    width: 100%;
    display: flex;
    justify-content: center; }
    .objetivos-estrategicos-content .objes-menu .objes-option {
      width: 200px;
      height: 200px;
      border: 1px solid #c0c0c0;
      padding: 20px;
      margin: 0 10px;
      position: relative;
      cursor: pointer;
      transition: all .3s ease; }
      .objetivos-estrategicos-content .objes-menu .objes-option.active {
        color: white; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active:after {
          content: "";
          display: block;
          height: 30px;
          width: 30px;
          border: 1px solid red;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -52px;
          border: 25px solid transparent; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active .objes-image {
          border: 2px solid white; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active.green {
          background: #68c460; }
          .objetivos-estrategicos-content .objes-menu .objes-option.active.green:after {
            border-bottom: 25px solid #68c460; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active.red {
          background: red; }
          .objetivos-estrategicos-content .objes-menu .objes-option.active.red:after {
            border-bottom: 25px solid red; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active.blue {
          background: #2e73ba; }
          .objetivos-estrategicos-content .objes-menu .objes-option.active.blue:after {
            border-bottom: 25px solid #2e73ba; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active.light-green {
          background: #22b7bb; }
          .objetivos-estrategicos-content .objes-menu .objes-option.active.light-green:after {
            border-bottom: 25px solid #22b7bb; }
      .objetivos-estrategicos-content .objes-menu .objes-option .objes-men {
        position: relative;
        width: 100px;
        height: 100px;
        text-align: center;
        margin: 0 auto; }
        .objetivos-estrategicos-content .objes-menu .objes-option .objes-men .objes-image {
          width: 100%;
          height: 100%;
          border-radius: 50%; }
          .objetivos-estrategicos-content .objes-menu .objes-option .objes-men .objes-image img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px; }
      .objetivos-estrategicos-content .objes-menu .objes-option h3 {
        text-align: center; }
      .objetivos-estrategicos-content .objes-menu .objes-option.blue .objes-image {
        background: #2e73ba; }
      .objetivos-estrategicos-content .objes-menu .objes-option.red .objes-image {
        background: red; }
      .objetivos-estrategicos-content .objes-menu .objes-option.green .objes-image {
        background: #68c460; }
      .objetivos-estrategicos-content .objes-menu .objes-option.light-green .objes-image {
        background: #22b7bb; }
  .objetivos-estrategicos-content .objes-content {
    width: 100%;
    margin-top: 50px; }
    .objetivos-estrategicos-content .objes-content .objes-content-option {
      display: none;
      transition: all .3s ease;
      font-size: 14px;
      border: 1px solid #c0c0c0;
      margin-bottom: 1em; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.active {
        display: block; }
      .objetivos-estrategicos-content .objes-content .objes-content-option .objes-content-option-title {
        text-align: center;
        color: white;
        padding: .3em 0; }
      .objetivos-estrategicos-content .objes-content .objes-content-option .objes-content-option-info ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap; }
        .objetivos-estrategicos-content .objes-content .objes-content-option .objes-content-option-info ul li:before {
          top: .7em;
          left: -1em; }
      .objetivos-estrategicos-content .objes-content .objes-content-option .objes-content-option-info hr {
        width: 95%;
        margin: 0 auto; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.blue .objes-content-option-title {
        background: #2e73ba; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.red .objes-content-option-title {
        background: red; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.red .objes-content-option-info ul li {
        width: 30%; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.green .objes-content-option-title {
        background: #68c460; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.green .objes-content-option-info ul li {
        width: 30%;
        padding: 0 0 0.1em 0; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.light-green .objes-content-option-title {
        background: #22b7bb; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.light-green .objes-content-option-info ul li {
        width: 20%; }

.step-slider {
  display: none;
  text-align: center;
  margin-top: 1em; }
  .step-slider .step-item {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #2e73ba;
    border-radius: 50%;
    margin: 0 5px; }
    .step-slider .step-item.active {
      background: #2e73ba; }

.valores .listaGenerica.list-horizontal {
  display: flex;
  flex-wrap: wrap; }
.valores .listaGenerica li {
  width: 33.33%; }

/* Tag nombres filtro enterate boletines corporativos
 *@author: John ALex Agudelo
 *@since: 10/03/2017 
*/
.boletines-filter {
  display: block;
  width: 100%;
  margin-bottom: 2em;
  text-align: center; }
  .boletines-filter .boletin-name {
    display: inline-block;
    border: 1px solid #c0c0c0;
    padding: 6px;
    margin-bottom: 1em; }
    .boletines-filter .boletin-name.active {
      background: #2e73ba;
      color: white; }

.link-back {
  color: #e8aa1b;
  float: right;
  margin-bottom: 3em; }
  .link-back:hover {
    color: #e8aa1b; }

/*Gestion humana
 *@author: John ALex Agudelo / Cristian Duque Usma
 *@since: 10/03/2017 - 18/05/2017
*/
.gestion-humana {
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .gestion-humana .grafico-gestion-humana {
    max-width: 100%;
    margin: 0 auto;
    position: relative; }
    .gestion-humana .grafico-gestion-humana .grafico-gestion-humana-mobile {
      display: none; }
    .gestion-humana .grafico-gestion-humana .grafico-gestion-humana-desktop {
      display: block;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      left: 6px;
      height: 500px;
      position: relative; }
    .gestion-humana .grafico-gestion-humana .grafico-gestion-humana-desktop:lang(en) {
      left: 6px; }
    .gestion-humana .grafico-gestion-humana img {
      transition: all 1.1s ease;
      -webkit-transition: all 1.1s ease;
      -moz-transition: all 1.1s ease;
      -o-transition: all 1.1s ease;
      -ms-transition: all 1.1s ease;
      width: 600px; }
    .gestion-humana .grafico-gestion-humana div {
      display: block;
      position: absolute;
      width: 50px;
      height: 10px;
      cursor: pointer;
      font-size: 13px;
      line-height: 15px;
      text-align: center;
      font-weight: bold; }
      .gestion-humana .grafico-gestion-humana div.active {
        color: #2e73ba; }
      .gestion-humana .grafico-gestion-humana div:hover {
        color: #2e73ba; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      top: 103px;
      left: 50px;
      transform: rotate(128deg);
      width: 157px;
      height: 30px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      width: 120px;
      height: 30px;
      top: 14px;
      left: 240px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      width: 140px;
      height: 30px;
      top: 102px;
      right: 60px;
      transform: rotate(50deg); }
    .gestion-humana .grafico-gestion-humana .compensacion {
      width: 90px;
      height: 30px;
      top: 126px;
      left: 176px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      width: 90px;
      height: 30px;
      top: 126px;
      right: 185px; }
    .gestion-humana .grafico-gestion-humana .humano {
      width: 80px;
      height: 45px;
      top: 235px;
      right: 113px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      width: 90px;
      height: 30px;
      top: 358px;
      right: 185px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      width: 90px;
      height: 30px;
      top: 358px;
      left: 171px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      width: 70px;
      height: 30px;
      top: 250px;
      left: 121px; }
    .gestion-humana .grafico-gestion-humana .vida {
      width: 78px;
      height: 72px;
      top: 220px;
      left: -18px; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      width: 148px;
      height: 22px;
      top: 400px;
      left: 68px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .gestion-humana .grafico-gestion-humana .cambio {
      top: 391px;
      right: 80px;
      width: 125px;
      height: 25px;
      -webkit-transform: rotate(131deg);
      -ms-transform: rotate(131deg);
      transform: rotate(131deg); }
    .gestion-humana .grafico-gestion-humana .clima {
      top: 412px;
      right: 53px;
      width: 143px;
      height: 25px;
      transform: rotate(133deg);
      -webkit-transform: rotate(133deg);
      -ms-transform: rotate(133deg); }
    .gestion-humana .grafico-gestion-humana .cultura {
      width: 145px;
      height: 22px;
      top: 417px;
      left: 46px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .gestion-humana .grafico-gestion-humana .personas {
      width: 78px;
      height: 72px;
      top: 220px;
      left: 519px; }
  .gestion-humana .content-gestion-humana {
    font-size: 15px; }
    .gestion-humana .content-gestion-humana article {
      padding-left: 3em;
      display: none;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .gestion-humana .content-gestion-humana article.active {
        display: inherit;
        width: 100%; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    left: 43px;
    width: 162px;
    top: 101px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    left: 174px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    right: 183px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    right: 116px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 357px;
    right: 182px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 357px;
    left: 168px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    left: 118px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 219px;
    left: -26px;
    width: 87px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    width: 149px;
    height: 29px;
    top: 389px;
    left: 63px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 386px;
    width: 143px;
    right: 71px;
    height: 32px; }
  .gestion-humana.en .grafico-gestion-humana .cultura {
    left: 39px;
    width: 160px; }
  .gestion-humana.en .grafico-gestion-humana .personas {
    left: 511px;
    width: 91px; }

.link-video {
  margin: 2em 0 0;
  position: relative; }
  .link-video .icono {
    width: 35px;
    margin-right: 1em; }
  .link-video a {
    margin-left: 0;
    width: calc(100% - 60px);
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    line-height: 16px; }

.ancla {
  height: 0; }

p.callActionMigh {
  color: white;
  background: #0060a7;
  position: relative;
  line-height: 16px;
  top: -2.5em;
  font-size: 14px;
  margin: 0 auto;
  width: 200px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  height: 52px; }

/* Estructura organizacional
 *@author: Jhon Pérez
 *@since: 21/04/2017 
*/
.img-full-screen {
  position: absolute;
  margin: 0 auto 50px;
  left: 0;
  right: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0; }

/* Gestion humana - Medios Encomunidad
 *@author: Jhon Pérez
 *@since: 11/04/2017 
*/
.gestion-social {
  display: flex;
  justify-content: space-between; }
  .gestion-social .fieldForm {
    width: 30.8%;
    margin-top: .5em; }
    .gestion-social .fieldForm .label-select {
      left: 11px; }
    .gestion-social .fieldForm .inputSelect {
      background-position: 96% 50%; }
    .gestion-social .fieldForm input.btnWhiteGreen {
      margin: 0;
      width: 100%;
      border: solid 2px #68c460;
      font-family: "Montserrat"; }

.list-gestion-social.searchInfoFinanciera {
  width: 100%;
  padding: 0; }
  .list-gestion-social.searchInfoFinanciera .listInfoFinanciera {
    margin: 2.5em 0 0 0; }

/* Gestionamos Proyectos
 *@author: Jhon Pérez
 *@since: 12/05/2017 
*/
.gest-proyectos {
  display: flex;
  margin: 40px 0 15px; }
  .gest-proyectos .gest-proyecto {
    margin-right: 20px;
    transition: all .3s ease; }
    .gest-proyectos .gest-proyecto a img {
      transition: all .3s ease; }
      .gest-proyectos .gest-proyecto a img:hover {
        transform: scale(1.1);
        transition: all .3s ease;
        cursor: pointer; }

/* Slider Centrales Hidroeléctricas
 *@author: Angie Martinez
 *@since: 17/05/2017 
*/
.slides {
  width: 100%;
  margin-bottom: -35px; }

.slides img {
  width: 100%; }

.slidesjs-pagination {
  list-style: none;
  overflow: hidden;
  float: right;
  position: relative;
  top: -45px; }

.slidesjs-pagination li {
  float: left; }

.slidesjs-pagination li a {
  display: block;
  padding: 7px 7px;
  color: #fff;
  text-decoration: none;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  border: 1px solid #fff;
  text-indent: -99999px;
  margin: 5px; }

.slidesjs-pagination li a:hover {
  background: #fff; }

.slides .active {
  background: #fff; }

.slidesjs-navigation {
  display: none; }

/* Riesgos
 *@author: Angie Martinez
 *@since: 22/05/2017 
*/
/*nueva tabla*/
.infoRiesgos {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #cecece;
  display: none;
  padding: 18px 18px 60px;
  box-shadow: 1px 3px 3px 3px rgba(214, 214, 214, 0.75); }

.tituloInfoRiesgos {
  color: #323232;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 0px !important; }

.menuInfoRiesgos {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 25px; }

.subMenuInfoRiesgos {
  width: 29%;
  display: inline-block;
  text-align: center;
  padding: 6px;
  cursor: pointer; }

.subMenu {
  width: 80%;
  margin: 0 auto;
  display: none;
  padding-left: 20px; }

.bkgImageTooltip21 {
  background: url(../img/tabla_fondo.png) no-repeat scroll 0 0 transparent;
  background-size: 100%;
  height: 460px;
  max-width: 650px;
  position: relative;
  margin: 0 auto;
  width: 100%; }
  .bkgImageTooltip21.en {
    background: url(../img/tabla_fondo_ingles.png) no-repeat scroll 0 0 transparent; }

.overImage {
  overflow: overlay;
  margin-bottom: 25px; }

.circuloBlanco {
  width: 58px;
  height: 58px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #888;
  box-shadow: 1px 3px 3px 3px rgba(214, 214, 214, 0.75);
  display: inline-block;
  position: absolute; }

.circuloGris {
  width: 58px;
  height: 58px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #999999;
  border: 1px solid #888;
  box-shadow: 1px 3px 3px 3px rgba(214, 214, 214, 0.75);
  display: inline-block;
  position: absolute; }

p.numRiesgo {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #999;
  padding: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
  padding: 0;
  display: inline-block;
  position: absolute; }

p.numRiesgoGris {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  padding: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
  padding: 0;
  display: inline-block;
  position: absolute; }

.TitleInfo {
  width: 80%;
  margin: 0 auto; }

.subTitulo {
  color: #323232;
  font-weight: bold; }

.tituloH3 {
  font-weight: bold;
  color: #323232; }

.elementosLista2 {
  list-style-type: circle;
  margin-left: 14px; }

.primerDiv {
  position: relative; }

.gestion {
  width: 19px;
  height: 18px;
  position: relative;
  cursor: pointer; }

.gestion-texto {
  margin-left: -655px;
  margin-right: 40px;
  margin-top: -180px;
  display: none;
  background-color: rgba(128, 128, 128, 0.38);
  width: 300px;
  height: 250px;
  position: absolute;
  padding: 20px;
  border-radius: 56px; }

.gestion:hover .chat {
  display: block; }

/*Fin gestión riesgos*/
.userName {
  position: relative; }
  .userName .close-sesion {
    position: absolute;
    right: 0;
    top: 20px;
    color: #e8aa1b;
    text-decoration: underline;
    font-size: 14px; }

/* Certificados de retención
 *@author: Jhon Perez
 *@since: 12/05/2017 
*/
.list-certiticados-retencion {
  margin: 1.3em 0 0 0;
  padding: 0; }
  .list-certiticados-retencion .item-list-cert-retencion {
    position: relative;
    padding: 1em 60px 1em .5em; }
    .list-certiticados-retencion .item-list-cert-retencion:nth-child(odd) {
      background: #f0f0f0; }
    .list-certiticados-retencion .item-list-cert-retencion span {
      font-size: .9em; }
      .list-certiticados-retencion .item-list-cert-retencion span a {
        color: #636363;
        text-decoration: none; }
        .list-certiticados-retencion .item-list-cert-retencion span a:hover {
          color: #636363;
          text-decoration: none; }
    .list-certiticados-retencion .item-list-cert-retencion img {
      position: absolute;
      right: .5em;
      top: 50%;
      transform: translateY(-50%); }

/* Asamblea general de accionistas
 *@author: Jhon Perez
 *@since: 25/05/2017 
*/
.tab-list-repres-legal .searchInfoFinanciera {
  width: 100%;
  display: block;
  padding: 1em; }
  .tab-list-repres-legal .searchInfoFinanciera .lineYears {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #a7a7a7;
    position: relative;
    left: 50%;
    transform: translate(-50%); }

.listAsamblea ol {
  padding: 0; }
  .listAsamblea ol li {
    margin: 1em;
    list-style: inherit; }

/* Sextante - Etica
 *@author: Angie Martinez
 *@since: 26/05/2017 
*/
.contenedoretica {
  width: 400px;
  margin: 40px auto; }
  .contenedoretica .circulogris {
    width: 400px;
    height: 400px;
    border: 10px solid #dadada;
    background: #dadada;
    border-radius: 50%; }
    .contenedoretica .circulogris .circuloazul {
      width: 380px;
      height: 380px;
      background: url(../img/circulo_azul.svg);
      border-radius: 50%;
      z-index: 2;
      position: relative; }
      .contenedoretica .circulogris .circuloazul.en {
        background: url(../img/circulo_azul_en.svg); }
      .contenedoretica .circulogris .circuloazul .flecha {
        background: url(../img/fecha_azul_2.svg);
        width: 57px;
        height: 180px;
        margin: 0 auto;
        position: relative;
        top: 0px; }
        .contenedoretica .circulogris .circuloazul .flecha.en {
          background: url(../img/fecha_azul_2_en.svg);
          width: 71px; }
      .contenedoretica .circulogris .circuloazul .flecha1 {
        background: url(../img/fecha_azul.svg);
        width: 160px;
        height: 70px;
        position: relative;
        top: -30px;
        left: 25px;
        -webkit-transition: 1.0s ease;
        -moz-transition: 1.0s ease;
        -o-transition: 1.0s ease;
        transition: 1.0s ease;
        cursor: pointer; }
        .contenedoretica .circulogris .circuloazul .flecha1.en {
          background: url(../img/fecha_azul_en.svg);
          height: 87px; }
        .contenedoretica .circulogris .circuloazul .flecha1:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
      .contenedoretica .circulogris .circuloazul .flecha2 {
        background: url(../img/fecha_roja.svg);
        width: 160px;
        height: 70px;
        position: relative;
        top: -100px;
        left: 195px;
        -webkit-transition: 1.0s ease;
        -moz-transition: 1.0s ease;
        -o-transition: 1.0s ease;
        transition: 1.0s ease;
        cursor: pointer; }
        .contenedoretica .circulogris .circuloazul .flecha2.en {
          background: url(../img/fecha_roja_en.svg);
          height: 87px;
          top: -117px; }
        .contenedoretica .circulogris .circuloazul .flecha2:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
      .contenedoretica .circulogris .circuloazul .flecha3 {
        background: url(../img/flecha_verde.svg);
        width: 72px;
        height: 166px;
        margin: 0 auto;
        position: relative;
        top: -130px;
        -webkit-transition: 1.0s ease;
        -moz-transition: 1.0s ease;
        -o-transition: 1.0s ease;
        transition: 1.0s ease;
        cursor: pointer; }
        .contenedoretica .circulogris .circuloazul .flecha3.en {
          background: url(../img/flecha_verde_en.svg);
          width: 84px;
          top: -155px; }
        .contenedoretica .circulogris .circuloazul .flecha3:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
  .contenedoretica .acciones {
    width: 270px;
    height: 113px;
    background: url(../img/objeto_4.svg);
    margin: -5px auto;
    cursor: pointer; }
    .contenedoretica .acciones .accion {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      position: relative;
      display: inline-block; }
      .contenedoretica .acciones .accion.interna {
        top: -42px;
        left: 102px;
        background: url(../img/accion_interna.svg); }
        .contenedoretica .acciones .accion.interna:hover {
          background: url(../img/accion_interna_hover.svg); }
        .contenedoretica .acciones .accion.interna.en {
          background: url(../img/accion_interna_en.svg); }
          .contenedoretica .acciones .accion.interna.en:hover {
            background: url(../img/accion_interna_hover_en.svg); }
      .contenedoretica .acciones .accion.externa {
        left: -48px;
        top: 35px;
        background: url(../img/accion_externa.svg); }
        .contenedoretica .acciones .accion.externa:hover {
          background: url(../img/accion_externa_hover.svg); }
        .contenedoretica .acciones .accion.externa.en {
          background: url(../img/accion_externa_en.svg); }
          .contenedoretica .acciones .accion.externa.en:hover {
            background: url(../img/accion_externa_hover_en.svg); }
      .contenedoretica .acciones .accion.colectiva {
        left: 32px;
        top: 37px;
        background: url(../img/accion_colectiva.svg); }
        .contenedoretica .acciones .accion.colectiva:hover {
          background: url(../img/accion_colectiva_hover.svg); }
        .contenedoretica .acciones .accion.colectiva.en {
          background: url(../img/accion_colectiva_en.svg); }
          .contenedoretica .acciones .accion.colectiva.en:hover {
            background: url(../img/accion_colectiva_hover_en.svg); }

/* Biodiversidad - Sostenibilidad
 *@author: Angie Martinez - Cristian Duque
 *@since: 30/05/2017 - 31/05/2017 
*/
.contenedorguias {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  text-align: center; }
  .contenedorguias .guias {
    width: 33.33333333333333%;
    text-align: center;
    height: auto;
    padding: 1em 0; }
    .contenedorguias .guias img {
      -webkit-transition: 1.0s ease;
      -moz-transition: 1.0s ease;
      -o-transition: 1.0s ease;
      transition: 1.0s ease; }
      .contenedorguias .guias img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
    .contenedorguias .guias p {
      font-size: 14px;
      padding: 0 2em;
      text-align: center;
      line-height: 18px;
      color: #4478b7; }

/* Modal
 *@author: Jhon Pérez
 *@since: 31/05/2017 
*/
#dark {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: #000000;
  background-color: #000000; }
  #dark a img {
    width: 55px;
    height: 55px;
    position: relative;
    float: right;
    top: 1px;
    z-index: 5; }
  #dark .video {
    max-width: 1280px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  #dark .myVideo {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto; }

/* Sistema de Ética empresarial
 *@author: Jhon Perez
 *@since: 05/06/2017 
*/
.accordionItemContent .sistema-etica {
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 3em; }
  .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth {
    max-width: 100%;
    margin: 20px 60px 20px 20px;
    position: relative;
    height: 430px;
    width: 430px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .grafico-sistema-etica {
      display: block; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth img {
      width: 430px;
      height: 430px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica {
      height: 150px;
      width: 150px;
      position: absolute;
      cursor: pointer; }
      .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion {
        background: url(../img/identificacion.svg) no-repeat;
        top: -20px;
        left: -20px; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion.active {
          background: url(../img/identificacion-hover.svg) no-repeat; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion.en {
          background: url(../img/fraud.svg) no-repeat; }
          .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion.en:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion.en.active {
            background: url(../img/fraud-hover.svg) no-repeat; }
      .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio {
        background: url(../img/disenio.svg) no-repeat;
        top: -20px;
        right: -20px; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio.active {
          background: url(../img/disenio-hover.svg) no-repeat; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio.en {
          background: url(../img/design.svg) no-repeat; }
          .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio.en:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio.en.active {
            background: url(../img/design-hover.svg) no-repeat; }
      .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion {
        background: url(../img/capacitacion.svg) no-repeat;
        bottom: -20px;
        left: -20px; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion.active {
          background: url(../img/capacitacion-hover.svg) no-repeat; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion.en {
          background: url(../img/training.svg) no-repeat; }
          .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion.en:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion.en.active {
            background: url(../img/training-hover.svg) no-repeat; }
      .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento {
        background: url(../img/seguimiento.svg) no-repeat;
        bottom: -20px;
        right: -20px; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento.active {
          background: url(../img/seguimiento-hover.svg) no-repeat; }
        .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento.en {
          background: url(../img/fraud-risk.svg) no-repeat; }
          .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento.en:hover, .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento.en.active {
            background: url(../img/fraud-risk-hover.svg) no-repeat; }
  .accordionItemContent .sistema-etica .sistema-etica-right > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .accordionItemContent .sistema-etica .sistema-etica-right > div article {
      display: inline-block; }

/* Tenedores de bono
 *@author: Jhon Perez
 *@since: 06/07/2017 
*/
.tenedores-bono.list {
  list-style: none; }
  .tenedores-bono.list li {
    display: flex;
    margin: .8em 0; }
    .tenedores-bono.list li span {
      margin-left: 1%; }

/* Hacks para INTERNET EXPLORER
 *@author: Juan P. Uribe
 *@since: 04/10/2017 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .grid-socios .socio {
    width: 19%; }

  .grid-socios {
    width: 102%; }

  .MenuArticles {
    width: 98.5%; }

  .sectionObjective .MenuArticles .MenuArticles-activo .iconTabLess {
    display: inline; }

  .contentThumbs .controls-outside #slider-next .bx-next {
    left: auto;
    top: auto; }

  .contentThumbs .controls-outside #slider-prev .bx-prev {
    left: auto; } }
/*Definición de estilos para imagen separadora contenido de informe de gestión que se 
encuentra en muchas de las internas del sitio.
 *@author: Pablo Uribe
 *@since: 23/03/2018
*/
.separadorInfoGest {
  position: relative;
  margin: 0 0 3% 0; }

.separadorInfoGest img {
  width: 100%;
  height: auto; }

#custom-player {
  height: 30px;
  overflow: hidden;
  width: 400px; }

#custom-player object {
  /*display:none;	*/
  border: 0px;
  position: absolute;
  top: 15px; }

#custom-player .sc-player {
  position: relative;
  border: 3px solid #ccc;
  height: 28px;
  margin: 0 auto;
  position: relative;
  width: 400px; }

#custom-player .sc-player .sc-artwork-list,
#custom-player .sc-player .sc-info,
#custom-player .sc-player .sc-trackslist,
#custom-player .sc-player .sc-info-toggle {
  display: none; }

#custom-player .sc-player .sc-waveform-container img {
  width: 100%;
  height: 20px;
  position: relative;
  z-index: 15;
  cursor: pointer; }

#custom-player .sc-player .sc-controls a {
  background: url("../img/play-stop.png") no-repeat scroll 0 0;
  display: block;
  height: 22px;
  text-indent: -9999px;
  width: 53px; }

#custom-player .sc-player .sc-controls a.sc-pause {
  display: none;
  background: url("../img/play-stop.png") no-repeat scroll 0 -22px; }

#custom-player .sc-player.playing .sc-controls a.sc-play {
  display: none; }

#custom-player .sc-player.playing .sc-controls a.sc-pause {
  display: block; }

#custom-player .sc-time-span .sc-waveform-container {
  /*border: 1px solid #b9b9b9;*/
  height: 16px; }

#custom-player .sc-time-span {
  left: 93px;
  position: relative;
  top: -22px;
  width: 225px; }

#custom-player .sc-time-span .sc-played {
  background-color: #FE000A;
  height: 20px;
  position: relative;
  top: -16px;
  width: 0px; }

#custom-player .sc-time-indicators .sc-position,
#custom-player .sc-time-indicators .sc-duration {
  color: #056bad;
  display: block;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  padding-top: 5px;
  text-align: center;
  top: -6px;
  width: 43px;
  font-family: Arial,Helvetica,sans-serif; }

#custom-player .sc-buffer {
  background-color: #666;
  height: 20px;
  position: absolute;
  top: 0;
  width: 100%; }

#custom-player .sc-time-indicators .sc-position {
  left: 52px; }

#custom-player .sc-time-indicators .sc-duration {
  left: 321px; }

#custom-player .sc-volume-slider {
  left: 365px;
  position: absolute;
  width: 27px;
  padding-top: 5px;
  top: 0; }

#custom-player .sc-volume-slider .sc-volume-status {
  background: url("../img/volumen.png") no-repeat scroll 0 0;
  display: block;
  height: 27px;
  display: block;
  height: 12px;
  cursor: pointer; }

@media screen and (max-width: 1199px) {
  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .cajon .contenidoSlider p {
    padding: 0px 15px; }

  .textNoticiaPrincipal span:first-child {
    font-size: 18px; }
  .textNoticiaPrincipal p {
    margin: 0;
    line-height: 22px;
    font-size: 14px; }

  .imgReloj {
    margin-top: 10px; }

  .imgNoticia:after {
    width: 120%; }

  .btnVerMas .plusVer {
    top: 8px; }

  .titleInformation {
    margin-bottom: 20px; }

  .footerFirstSect {
    height: 265px; }

  .imgface {
    width: 40px; }

  .btnSocial {
    margin: 0 0 0 20px;
    padding: 20px 15px;
    color: #fff; }

  .colSocial a {
    font-size: 13px; }

  .logoSuperServicios {
    margin: 12px 10px 5px; }

  .colFoot {
    padding: 20px 0; }
    .colFoot h2 {
      font-size: 15px; }

  .pragmaLogo {
    margin: 22px 0 10px 10px; }

  .listMenuFooter {
    font-size: 12px;
    padding: 3px 0; }
    .listMenuFooter div a {
      padding-left: 10px; }

  .boxResults .boxResultInfo span:first-child {
    font-size: 15px; }
  .boxResults .boxResultInfo span {
    font-size: 12px; }
  .boxResults .boxResultInfo p {
    font-size: 13px;
    line-height: 18px; }

  .listResult .listResultLeft {
    min-width: 450px; }
  .listResult .listResultRight {
    min-width: 450px; }

  /* Internas Sostenibilidad
   *@author: Jhon Jaime Pérez
   *@since: 01/02/2017
  */
  .indexParagraph .iconIndex {
    width: 20%; }
  .indexParagraph .textIndex {
    width: 80%; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 22/11/2016 
  */
  /* SECTION ENTERATE*/
  .notices .noticeType {
    display: block; }
  .notices .noticeType::after {
    content: " "; }
  .notices .noticeFecha {
    line-height: 1.2em;
    text-align: left; }

  .fechaBoletines {
    top: -3em; }

  /*Estilos sesccion informe de gestión- Información financiera
   *@author: John Alexander Agudelo
   *@since: 29/10/2016 
  */
  .infoFinaciera .opcionesInfoFinanciera li span {
    font-size: .8em; }

  .centerNoticeTitulo {
    left: 20px; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 06/12/2016 
  */
  .fieldForm .input-checkbox-wrapper div.required {
    top: 78px; }

  .sedes .sede {
    font-size: .8em; }
    .sedes .sede .sedeInformacion {
      height: 220px; }
      .sedes .sede .sedeInformacion .sedContacto span {
        line-height: 1.6em; }
        .sedes .sede .sedeInformacion .sedContacto span strong {
          display: block; }
    .sedes .sede .sedeDireccion {
      position: relative;
      margin-top: 1em; }
      .sedes .sede .sedeDireccion .sedeDireccionInfo {
        width: 100%; }
        .sedes .sede .sedeDireccion .sedeDireccionInfo span {
          display: block; }
    .sedes .sede .sedeImg img {
      width: 220px; }
  .sedes .sede:nth-child(odd) {
    margin-right: 1em; }
    .sedes .sede:nth-child(odd) .sedeDireccion {
      padding-right: 30px;
      margin-right: 0px; }
      .sedes .sede:nth-child(odd) .sedeDireccion img {
        margin-left: .5em;
        position: absolute;
        bottom: 5px;
        right: 0; }
      .sedes .sede:nth-child(odd) .sedeDireccion .sedeDireccionInfo {
        margin-right: 30px;
        text-align: right; }
  .sedes .sede:nth-child(even) {
    margin-left: 1em; }
    .sedes .sede:nth-child(even) .sedeDireccion {
      margin-left: 0px; }
      .sedes .sede:nth-child(even) .sedeDireccion img {
        margin-right: .5em;
        position: absolute;
        bottom: 5px;
        left: 0; }
      .sedes .sede:nth-child(even) .sedeDireccion .sedeDireccionInfo {
        margin-left: 30px;
        text-align: left; }

  /* Interna - Red de socios tecnológicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .list-column-2 {
    width: 45%; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 26/12/2016 
  */
  .content_carousel {
    height: 460px; }
    .content_carousel .videoprincipal {
      width: 600px;
      height: 338px; }
      .content_carousel .videoprincipal .pie-video {
        padding-left: 155px; }

  .contentThumbs .bx-wrapper {
    height: 342px;
    top: 10px;
    right: 2px;
    width: 325px; }
  .contentThumbs .controls-outside #slider-prev .bx-prev {
    min-height: 35px;
    width: 35px; }
    .contentThumbs .controls-outside #slider-prev .bx-prev:before {
      width: 10px;
      height: 10px;
      margin-left: 12px;
      top: 16px; }
  .contentThumbs .controls-outside #slider-next .bx-next {
    min-height: 35px;
    width: 35px; }
    .contentThumbs .controls-outside #slider-next .bx-next:before {
      width: 10px;
      height: 10px;
      margin-left: 13px;
      top: 12px; }

  .slider_carousel_videos .slide img {
    width: 160px;
    height: 90px; }
  .slider_carousel_videos .slide .videoInfo {
    width: 140px;
    margin: 0 0 0 5px;
    height: 86px; }
    .slider_carousel_videos .slide .videoInfo .titleVideo {
      font-size: 12px;
      height: 58px;
      line-height: 15px; }
    .slider_carousel_videos .slide .videoInfo .imgRelojGray {
      height: 13px;
      width: 13px;
      margin-right: 5px;
      top: 1px; }
    .slider_carousel_videos .slide .videoInfo span {
      font-size: 14px; }

  .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica {
    margin-bottom: 5px;
    width: 54%;
    transition: all .3s ease;
    display: inline-block;
    margin-left: 5em; }

  .cd-timeline-content img {
    border-radius: 50%;
    width: 38%;
    display: inline-block;
    vertical-align: top; }

  .cd-timeline-content-text p {
    font-size: .8em; }

  .timeline .bx-controls-direction .bx-prev {
    left: 75%; }

  .cd-timeline-content-text .listaGenerica {
    font-size: .8em; }

  /* Informe de gestión
   *@author: Jhon Pérez
   *@since: 06/01/2017
  */
  .infoGestion {
    width: 100%; }

  .preViewInforme {
    width: 30%; }

  .searchInfoGestion {
    width: 67%; }

  /* Servicios en línea
   *@author: Jhon Alexander Agudelo
   *@since: 07/02/2017 
  */
  .categorias-servicios .servicio {
    margin: 0 10px;
    width: 164px; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items .hexagon-item:nth-child(12) {
    margin-left: 5px; }
  .hexagon-content .hexagon-items .hexagon-item:nth-child(10) {
    margin-left: 80px; }
  .hexagon-content .hexagon-items .hexagon-item:nth-child(14) {
    margin-left: 155px; }

  /* invitaciones abiertas tabla
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .Title .cell:nth-child(1) {
    width: 18%; }

  /* Interna Información Relevante
   *@author: Jhon Pérez
   *@since: 8/03/2017 
  */
  .listInfoRelevante .itemlistInfoRelevante .infoRelevante {
    width: 94%; }

  /* Mision, Visión propósito superior, estrategia y valores
   *@author: Jhon Pérez
   *@since: 29/03/2017 
  */
  .content-proposito-superior .proposito-superior .proposito-superior-item {
    border: 1px solid #c0c0c0;
    padding: 20px;
    margin: 0 10px 0 10px;
    width: 25%;
    font-size: 14px; }

  /* Información Financiera
   *@author: Jhon Pérez
   *@since: 06/04/2017
  */
  .searchInfoFinanciera .filterInfoFinanciera .fieldFilter {
    width: 36%; }
    .searchInfoFinanciera .filterInfoFinanciera .fieldFilter .inputSelect {
      padding: 0 32px 0 10px; }
  .searchInfoFinanciera .filterInfoFinanciera .fieldSearch {
    width: 25%; }

  .estrategia-valores ul li:nth-child(-n + 3):after {
    right: -35px; }

  .estrategia-cifras h4:last-child {
    padding: 0 15px 0; }

  section.mision.contentTab-second {
    padding: 0 35px; }

  /* Cifras financieras
   *@author: Jhon Pérez
   *@since: 19/04/2017 
  */
  .table.dark-header .group-title {
    width: calc(292% - 9px); }

  /* Gestion humana
   *@author: John ALex Agudelo / Cristian Duque Usma
   *@since: 10/03/2017 - 18/05/2017
  */
  .gestion-humana .grafico-gestion-humana img {
    width: 500px; }
  .gestion-humana .grafico-gestion-humana div {
    font-size: 11px;
    line-height: 13px; }
  .gestion-humana .grafico-gestion-humana .ambiente {
    top: 95px;
    left: 50px;
    width: 120px; }
  .gestion-humana .grafico-gestion-humana .interrelaciones {
    width: 90px;
    height: 30px;
    top: 25px;
    left: 205px; }
  .gestion-humana .grafico-gestion-humana .laborales {
    width: 120px;
    top: 90px;
    right: 60px; }
  .gestion-humana .grafico-gestion-humana .compensacion {
    top: 115px;
    left: 150px; }
  .gestion-humana .grafico-gestion-humana .desempeno {
    top: 115px;
    right: 145px; }
  .gestion-humana .grafico-gestion-humana .humano {
    top: 195px;
    right: 100px; }
  .gestion-humana .grafico-gestion-humana .potencial {
    top: 285px;
    right: 145px; }
  .gestion-humana .grafico-gestion-humana .conocimiento {
    top: 285px;
    left: 148px; }
  .gestion-humana .grafico-gestion-humana .seleccion {
    top: 206px;
    left: 103px; }
  .gestion-humana .grafico-gestion-humana .vida {
    width: 70px;
    height: 64px;
    top: 180px; }
  .gestion-humana .grafico-gestion-humana .comunicacion {
    width: 120px;
    top: 315px;
    left: 65px; }
  .gestion-humana .grafico-gestion-humana .cambio {
    top: 305px;
    right: 68px;
    width: 110px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 110px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 40px;
    left: 200px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 105px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 130px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 130px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 207px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 308px;
    right: 150px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 310px;
    left: 144px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 222px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 195px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 330px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 320px; }

  nav.nav .logo-es, nav.nav .logo-en {
    width: 140px;
    margin: 40px 0; }

  nav.nav.navFixed .logo-es, nav.nav.navFixed .logo-en {
    width: 150px; } }
@media screen and (max-width: 1100px) {
  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .cajon .contenidoSlider .textMidSlider p {
    padding: 0px 15px;
    line-height: 20px; }
  .cajon .contenidoSlider .textMidSlider h3 {
    line-height: 1em; }

  .textoSomosContenido {
    min-width: 100%;
    width: 100%;
    float: none;
    padding: 0; }
    .textoSomosContenido .btnWhiteBlue, .textoSomosContenido .table-see-more .table-btn-see-more, .table-see-more .textoSomosContenido .table-btn-see-more {
      margin: 40px auto;
      display: block; }

  .videoContainer {
    width: 80%;
    display: block;
    margin: 0 auto;
    float: none;
    height: auto; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  /* SECTION ENTERATE*/
  .notices .noticeType {
    display: block; }
  .notices .noticeType::after {
    content: " "; }
  .notices .noticeFecha {
    font-size: .8em;
    line-height: 1.1em; }
  .notices .noticeImg {
    height: 200px; }
  .notices .noticeImgInfo {
    height: 270px; }
  .notices .informeGestion .noticeInfograficoContent {
    top: 100px; }

  .fechaBoletines {
    left: 25px; }

  /* Interna enterate
   *@author: John Alexander Agudelo
   *@since: 29/10/2016 
  */
  .margenEnterateIntenaVideo {
    margin: 0 0 1em 0; }

  .margenTitle {
    float: none;
    width: 100%; }

  .imgDesktop {
    display: none; }

  .imgMobile {
    display: block; }

  /* Lightbox
   *@author: John Alexander Agudelo
   *@since: 29/10/2016 
  */
  #cboxClose {
    right: 0em; }

  #cboxClose {
    top: -30px; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 23/01/2017 
  */
  .cd-timeline-img.cd-time {
    font-size: .7em; }

  #cd-timeline {
    width: 570px; }

  .timeline .bx-controls-direction .bx-prev {
    left: 80%; }

  .cd-timeline-content::before {
    border: 10px solid transparent;
    border-right: 10px solid white; }

  .cd-timeline-img {
    top: 5px; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .energia .cd-timeline-img {
    box-shadow: none;
    margin-left: 7px;
    top: 15px; }
  .energia .energia-icon {
    width: 150px;
    height: 150px;
    position: relative;
    top: 0;
    transform: translateY(0);
    margin: 0 auto;
    margin-bottom: 1em; }
    .energia .energia-icon img {
      width: 60px; }
  .energia .energia-content {
    width: 100%; }
  .energia .cd-timeline-block:nth-child(odd) .cd-timeline-content .energia-icon {
    right: 0; }
  .energia .cd-timeline-block:nth-child(odd) .cd-timeline-content .energia-content {
    margin-left: 0; }
  .energia .cd-timeline-block:nth-child(odd) .cd-timeline-content .energia-step {
    right: 30px; }
  .energia .cd-timeline-block:nth-child(even) .cd-timeline-content .energia-icon {
    left: 0; }

  /* Banner Gestión en las Prácticas
   *@author: Jhon Pérez
   *@since: 22/06/17
  */
  .bannerGestionPracticas .imgDesktop {
    display: block; }
  .bannerGestionPracticas .imgMobile {
    display: none; }

  /*Ajuste Gráfico Gestion humana
   *@author: Juan P. Uribe
   *@since: 31/07/2018
  */
  .gestion-humana .grafico-gestion-humana .compensacion {
    top: 145px;
    left: 143px; }
  .gestion-humana .grafico-gestion-humana .desempeno {
    top: 145px; }
  .gestion-humana .grafico-gestion-humana .seleccion {
    left: 95px; }
  .gestion-humana .grafico-gestion-humana .humano {
    right: 86px;
    top: 235px; }
  .gestion-humana .grafico-gestion-humana .conocimiento {
    top: 336px;
    left: 141px; }
  .gestion-humana .grafico-gestion-humana .potencial {
    top: 336px;
    right: 139px; }
  .gestion-humana .grafico-gestion-humana .interrelaciones {
    top: 50px; }
  .gestion-humana .grafico-gestion-humana .vida {
    top: 222px; }
  .gestion-humana .grafico-gestion-humana .personas {
    left: 427px; }
  .gestion-humana .grafico-gestion-humana .ambiente {
    top: 124px;
    left: 33px;
    width: 142px; }
  .gestion-humana .grafico-gestion-humana .laborales {
    top: 125px;
    right: 45px; }
  .gestion-humana .grafico-gestion-humana .comunicacion {
    top: 370px;
    left: 49px;
    width: 134px; }
  .gestion-humana .grafico-gestion-humana .cultura {
    top: 389px;
    left: 30px; }
  .gestion-humana .grafico-gestion-humana .cambio {
    top: 363px;
    right: 56px;
    width: 121px; }
  .gestion-humana .grafico-gestion-humana .clima {
    top: 385px;
    right: 34px;
    width: 135px; }
  .gestion-humana .en .grafico-gestion-humana .compensacion {
    top: 145px;
    left: 143px; }
  .gestion-humana .en .grafico-gestion-humana .desempeno {
    top: 145px;
    right: 142px; }
  .gestion-humana .en .grafico-gestion-humana .seleccion {
    left: 95px; }
  .gestion-humana .en .grafico-gestion-humana .humano {
    right: 87px; }
  .gestion-humana .en .grafico-gestion-humana .conocimiento {
    top: 336px;
    left: 140px; }
  .gestion-humana .en .grafico-gestion-humana .potencial {
    top: 336px;
    right: 142px; }
  .gestion-humana .en .grafico-gestion-humana .interrelaciones {
    top: 48px; }
  .gestion-humana .en .grafico-gestion-humana .personas {
    left: 427px; }
  .gestion-humana .en .grafico-gestion-humana .ambiente {
    left: 32px;
    width: 151px;
    top: 121px; }
  .gestion-humana .en .grafico-gestion-humana .laborales {
    top: 121px; }
  .gestion-humana .en .grafico-gestion-humana .comunicacion {
    width: 138px;
    top: 361px;
    left: 45px;
    height: 26px; }
  .gestion-humana .en .grafico-gestion-humana .cambio {
    top: 357px;
    width: 141px;
    right: 44px;
    height: 28px; }
  .gestion-humana .en .grafico-gestion-humana .clima {
    width: 130px; }

  .texto {
    max-width: 630px; }

  .menuMovil {
    display: block;
    z-index: 5;
    position: relative;
    background: url(../img/menu-hamburguesa.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 30px;
    height: 38px;
    top: 20px;
    float: right; }

  nav.nav {
    height: 60px; }
    nav.nav .logo-es, nav.nav .logo-en {
      width: 150px;
      margin: 10px 0; }
    nav.nav .menu {
      position: fixed;
      top: 0;
      transform: translateX(100%);
      height: 100%;
      width: 100%;
      display: block;
      background: white;
      z-index: 6;
      padding: 0;
      transition: all .3s ease;
      right: 0; }
    nav.nav .menu > .menuItem {
      display: block;
      position: relative;
      height: auto;
      border-bottom: 1px solid #ededed; }
    nav.nav .menu > .menuItem:hover .megaMenu {
      display: block;
      background: white; }
    nav.nav .menu > .menuItem > a {
      display: block;
      margin: 0;
      position: relative;
      text-align: left;
      line-height: 60px;
      padding-left: 10px; }
      nav.nav .menu > .menuItem > a .menuItembar {
        bottom: 0;
        left: 0;
        height: 0;
        width: 5px;
        top: 50%;
        transition: all .2s ease; }
      nav.nav .menu > .menuItem > a:hover .menuItembar {
        top: 0;
        width: 5px;
        height: 100%; }
    nav.nav .megaMenu .itemCol4 {
      width: 100% !important; }
      nav.nav .megaMenu .itemCol4.Col4-extra {
        width: 0; }
    nav.nav .FlechaMenuMobile, nav.nav .itemNostros a:hover .IconFlecha, nav.nav .itemNegocios a:hover .IconFlecha, nav.nav .itemSostenibilidad a:hover .IconFlecha, nav.nav .itemInversionistas a:hover .IconFlecha, nav.nav .itemProveedores a:hover .IconFlecha, nav.nav .IconFlecha {
      background: url(../img/flecha_menu.svg) no-repeat;
      width: 20px;
      height: 20px;
      background-position: center;
      margin: 0;
      position: absolute;
      right: 20px;
      top: 20px;
      background-size: 100%; }
    nav.nav .itemNostros .megaMenu .itemMegaMenu ul {
      -webkit-transition: height .5s ease;
      -moz-transition: height .5s ease;
      -o-transition: height .5s ease;
      transition: height .5s ease; }
      nav.nav .itemNostros .megaMenu .itemMegaMenu ul li a:after {
        bottom: 0;
        left: 0;
        height: 0;
        width: 5px;
        top: 0; }
      nav.nav .itemNostros .megaMenu .itemMegaMenu ul li a:hover:after {
        top: 0;
        width: 5px;
        height: 100%; }
    nav.nav .itemNegocios .megaMenu .itemMegaMenu ul li a:after {
      bottom: 0;
      left: 0;
      height: 0;
      width: 5px;
      top: 0; }
    nav.nav .itemNegocios .megaMenu .itemMegaMenu ul li a:hover:after {
      top: 0;
      width: 5px;
      height: 100%; }
    nav.nav .itemSostenibilidad .megaMenu .itemMegaMenu ul li a:after {
      bottom: 0;
      left: 0;
      height: 0;
      width: 5px;
      top: 0; }
    nav.nav .itemSostenibilidad .megaMenu .itemMegaMenu ul li a:hover:after {
      top: 0;
      width: 5px;
      height: 100%; }
    nav.nav .itemInversionistas .megaMenu .itemMegaMenu ul li a:after {
      bottom: 0;
      left: 0;
      height: 0;
      width: 5px;
      top: 0; }
    nav.nav .itemInversionistas .megaMenu .itemMegaMenu ul li a:hover:after {
      top: 0;
      width: 5px;
      height: 100%; }
    nav.nav .itemProveedores .megaMenu .itemMegaMenu ul li a:after {
      bottom: 0;
      left: 0;
      height: 0;
      width: 5px;
      top: 0; }
    nav.nav .itemProveedores .megaMenu .itemMegaMenu ul li a:hover:after {
      top: 0;
      width: 5px;
      height: 100%; }
    nav.nav .megaMenu ul > li {
      margin: 0; }
    nav.nav .megaMenu {
      position: fixed;
      top: 120px;
      padding-top: 0;
      left: 100%;
      width: 100%;
      z-index: 10;
      overflow-y: scroll;
      height: calc(100% - 120px);
      display: block;
      transition: all .3s linear;
      background: white; }
      nav.nav .megaMenu .itemCol1 {
        width: 100%; }
        nav.nav .megaMenu .itemCol1 a {
          width: 100%; }
      nav.nav .megaMenu .itemCol2 {
        width: 100%; }
      nav.nav .megaMenu .itemCol3 {
        width: 100%; }
      nav.nav .megaMenu .itemCol4 {
        width: 100%; }
        nav.nav .megaMenu .itemCol4 a {
          width: 100%; }
      nav.nav .megaMenu .itemCol5 {
        width: 100%; }
      nav.nav .megaMenu h3 {
        color: #796e6e;
        width: auto;
        border-bottom: 1px solid #ededed;
        line-height: 60px;
        padding-left: 10px;
        margin: 0;
        background: white;
        position: relative;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 200; }
        nav.nav .megaMenu h3 .abrirMenu {
          display: block;
          position: absolute;
          right: 20px;
          top: 20px;
          height: 20px;
          width: 20px;
          font-size: 1.5em;
          background: url("../img/mas_menu.svg") no-repeat;
          background-size: 100%;
          transition: all .4 ease; }
        nav.nav .megaMenu h3 .cerrarMenu {
          transition: all .4 ease;
          top: 30px;
          background: url("../img/menos_menu.svg") no-repeat; }
      nav.nav .megaMenu ul:first-child {
        box-shadow: 0 0 0 rgba(34, 25, 25, 0); }
      nav.nav .megaMenu ul {
        margin: 0;
        padding: 0;
        border-top: 0px solid #ededed; }
        nav.nav .megaMenu ul li a {
          width: 100%;
          margin: 0;
          line-height: 60px;
          padding-bottom: 0;
          padding-left: 10px;
          border-bottom: 1px solid #ededed;
          font-weight: 200; }
        nav.nav .megaMenu ul .itemMegaMenu ul {
          -webkit-transition: height .5s ease;
          -moz-transition: height .5s ease;
          -o-transition: height .5s ease;
          transition: height .5s ease;
          padding: 0;
          height: 0;
          overflow: hidden; }
          nav.nav .megaMenu ul .itemMegaMenu ul li {
            margin: 0; }
      nav.nav .megaMenu .megaMenuTwoColumns {
        height: auto; }
        nav.nav .megaMenu .megaMenuTwoColumns li {
          width: 100%; }
      nav.nav .megaMenu .megaMenuTwoColumns.alturaminNosotros {
        height: 0; }
        nav.nav .megaMenu .megaMenuTwoColumns.alturaminNosotros li:nth-child(2) {
          margin: 0; }
      nav.nav .megaMenu .megaMenuTwoColumns.alturaminProveedores {
        height: 0; }
      nav.nav .megaMenu .megaMenuTwoColumns.alturamiNuestroNegocio {
        height: 0; }

  nav.nav.navFixed {
    height: 60px; }
    nav.nav.navFixed .logo-es, nav.nav.navFixed .logo-en {
      width: 150px;
      margin: 10px 0; }
    nav.nav.navFixed .megaMenu {
      top: 121px; }
    nav.nav.navFixed .menu .menuItem {
      height: auto; }

  .backMobile {
    display: block;
    background: white; }
    .backMobile div {
      display: block;
      color: #636363;
      line-height: 60px;
      text-align: center; }
      .backMobile div .IconFlechaBack {
        background: url(../img/flecha_menu.svg) no-repeat;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 20px;
        height: 20px;
        background-position: center;
        margin: 0;
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 13px;
        background-size: 100%; }
    .backMobile .menuParent {
      display: none;
      color: white;
      background: #2e73ba;
      font-size: 1.5em;
      font-family: 'Montserrat'; }

  .megaMenuActivo {
    left: 0 !important; }

  .menuActivo {
    transform: translateX(0px) !important; }

  .alturaAuto {
    height: auto !important; }

  .ItemMenuDesktop {
    display: none; }

  .ItemMenuMobile {
    display: block; }

  .img1 {
    background-attachment: scroll; }

  /*Modificación megamenú 09-07-2018*/
  #menuInverMobile, #menuProveMobile, #menuNosMobile, #menuNuestroMobile {
    display: block; }

  #menuInverDesk, #menuProveDesk, #menuNosDesk, #menuNuestroDesk {
    display: none; } }
@media screen and (max-width: 995px) {
  /* Internas Sostenibilidad
   *@author: Jhon Jaime Pérez
   *@since: 01/02/2017
  */
  .paragraphImegeLeft img {
    float: none;
    margin: 1em 2em; }

  .indexParagraph {
    display: inline-block; }
    .indexParagraph .iconIndex {
      width: 100%;
      text-align: center; }
    .indexParagraph .textIndex {
      width: 100%; }

  .colEnterate {
    width: 100%; }

  .contentFacebook {
    display: none; }

  .textNoticia {
    margin-left: 15px; }

  .notices .informeGestion {
    height: 280px; }
    .notices .informeGestion .noticeInfograficoContent {
      top: 2em; }

  .listResult .listResultLeft {
    min-width: 100%;
    margin: 0; }
    .listResult .listResultLeft div:last-child {
      margin-bottom: 0; }
  .listResult .listResultRight {
    min-width: 100%;
    margin: 0 0 10px 0;
    float: left; }

  /*Estilos sesccion informe de gestión- Onformación financiera
   *@author: John Alexander Agudelo
   *@since: 29/10/2016 
  */
  .infoFinaciera {
    width: 45%; }

  .searchInfoFinanciera {
    width: 55%; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 06/12/2016 
  */
  .sedes .sede {
    font-size: .8em; }
    .sedes .sede .sedeInformacion {
      height: 190px; }
    .sedes .sede .sedeImg img {
      width: 180px; }
  .sedes .sede:nth-child(odd) {
    margin-right: 1em; }
    .sedes .sede:nth-child(odd) .sedeInformacion {
      padding-right: 190px; }
  .sedes .sede:nth-child(even) {
    margin-left: 1em; }
    .sedes .sede:nth-child(even) .sedeInformacion {
      padding-left: 190px; }

  .content-col-2 .content-right {
    width: 100%;
    display: block; }
  .content-col-2 .content-left {
    width: 100%;
    display: block;
    margin-right: 0; }

  .uploadFileForm .uploadFile .addFile {
    width: 70%; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 170px;
    height: 600px;
    margin: 50px 0 210px 0; }
    .content_carousel .videoprincipal {
      width: 750px;
      height: 421px;
      float: left;
      left: 0;
      right: 0;
      top: -515px; }
      .content_carousel .videoprincipal .pie-video {
        bottom: -36px;
        padding-left: 15px;
        font-size: 0.9em; }

  .contentThumbs {
    width: 100%; }
    .contentThumbs .bx-wrapper {
      height: 240px;
      width: 770px;
      top: 215px;
      right: 0;
      left: 0; }
      .contentThumbs .bx-wrapper .bx-viewport {
        padding: 0px;
        height: 245px !important;
        left: 10px; }
    .contentThumbs .controls-outside {
      width: 750px;
      right: 0;
      left: 0;
      bottom: 0;
      position: absolute;
      margin: auto; }
      .contentThumbs .controls-outside #slider-prev .bx-prev {
        min-height: 40px;
        width: 40px;
        top: inherit;
        bottom: 0;
        left: 0;
        float: left; }
        .contentThumbs .controls-outside #slider-prev .bx-prev:before {
          margin-left: 17px;
          top: 16px;
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .contentThumbs .controls-outside #slider-next .bx-next {
        min-height: 40px;
        width: 40px;
        left: initial;
        bottom: 0;
        right: 0;
        float: right;
        top: initial; }
        .contentThumbs .controls-outside #slider-next .bx-next:before {
          margin-left: 13px;
          top: 16px;
          -ms-transform: rotate(-225deg);
          -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg); }

  .slider_carousel_videos .slide {
    width: 240px !important;
    margin-right: 25px !important;
    margin-bottom: 0 !important; }
    .slider_carousel_videos .slide:after {
      position: absolute;
      content: "";
      border-right: solid 1px #C1C1C1;
      height: 100%;
      right: -3px;
      top: 4px; }
    .slider_carousel_videos .slide:last-child:after {
      border-right: 0; }
    .slider_carousel_videos .slide img {
      width: 220px;
      height: 130px; }
    .slider_carousel_videos .slide .videoInfo {
      width: 190px;
      margin: 5px 0 0 5px;
      height: 115px;
      border-bottom: none; }
      .slider_carousel_videos .slide .videoInfo .titleVideo {
        font-size: 16px;
        height: 75px;
        line-height: 24px; }
      .slider_carousel_videos .slide .videoInfo .imgRelojGray {
        height: 18px;
        width: 18px;
        margin-right: 8px;
        top: 2px; }
      .slider_carousel_videos .slide .videoInfo span {
        font-size: 16px; }

  /* Informe de gestión
   *@author: Jhon Pérez
   *@since: 06/01/2017
  */
  .searchInfoGestion {
    width: 60%; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .politica-menu-desktop .card-politica {
    width: 100%;
    display: block;
    margin-bottom: 2em; }
    .politica-menu-desktop .card-politica .card-item-politica {
      width: 100%;
      display: none;
      margin: 0 auto; }
      .politica-menu-desktop .card-politica .card-item-politica .icon-politica {
        display: none; }
      .politica-menu-desktop .card-politica .card-item-politica:nth-child(-n + 2) {
        margin-right: auto; }
        .politica-menu-desktop .card-politica .card-item-politica:nth-child(-n + 2):after {
          opacity: 0; }
      .politica-menu-desktop .card-politica .card-item-politica.active {
        display: block; }

  .lineBackground {
    width: 100%;
    background-size: 100%; }

  .title-politica-mobile {
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    width: calc(100% - 150px); }

  .title-politica {
    display: none; }

  .politica-sections .title-politica {
    display: inline-block;
    margin: 0; }
  .politica-sections .textIndex {
    width: calc(100% - 100px); }

  .politica-sections .politica-section {
    width: 95%;
    float: right; }

  .politica-header-mobile {
    display: block; }
    .politica-header-mobile h2 {
      font-size: 1em;
      width: 100%; }

  .politica-header-desktop {
    display: none; }

  .content-politica-sub {
    display: none; }
    .content-politica-sub.active {
      display: block; }

  .politica-menu-mobile {
    display: block; }
    .politica-menu-mobile .card-politica {
      margin-bottom: 1em; }
      .politica-menu-mobile .card-politica .card-item-politica {
        width: calc(33% - 10px);
        padding: 40px 20px;
        position: relative;
        height: 150px; }
        .politica-menu-mobile .card-politica .card-item-politica:nth-child(-n + 2) {
          margin-right: 10px; }
          .politica-menu-mobile .card-politica .card-item-politica:nth-child(-n + 2):after {
            opacity: 0; }
        .politica-menu-mobile .card-politica .card-item-politica .icon-politica {
          position: absolute;
          top: 50%;
          left: 50%;
          height: 110px;
          width: 110px;
          transform: translate(-50%, -50%);
          border-radius: 50%; }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica .icon-politica-img {
            height: 70px;
            width: 70px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica.licencias {
            background-color: #2e73ba; }
            .politica-menu-mobile .card-politica .card-item-politica .icon-politica.licencias .icon-politica-img {
              background: url("../img/ICON_POLITICA_AMBIENTAL_1.svg") center center no-repeat; }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica.coordinacion {
            background-color: #2e73ba; }
            .politica-menu-mobile .card-politica .card-item-politica .icon-politica.coordinacion .icon-politica-img {
              background: url("../img/ICON_POLITICA_AMBIENTAL_2.svg") center center no-repeat; }
          .politica-menu-mobile .card-politica .card-item-politica .icon-politica.social {
            background-color: #68c460; }
            .politica-menu-mobile .card-politica .card-item-politica .icon-politica.social .icon-politica-img {
              background: url("../img/ICON_POLITICA_AMBIENTAL_7.svg") center center no-repeat; }
        .politica-menu-mobile .card-politica .card-item-politica.active {
          background: #2e73ba; }
          .politica-menu-mobile .card-politica .card-item-politica.active.btn-social {
            background: #68c460; }
          .politica-menu-mobile .card-politica .card-item-politica.active .icon-politica {
            background-color: white; }
            .politica-menu-mobile .card-politica .card-item-politica.active .icon-politica.licencias .icon-politica-img {
              background: url("../img/Icono_PA_invertido_01.svg") center center no-repeat; }
            .politica-menu-mobile .card-politica .card-item-politica.active .icon-politica.coordinacion .icon-politica-img {
              background: url("../img/Icono_PA_invertido_02.svg") center center no-repeat; }
            .politica-menu-mobile .card-politica .card-item-politica.active .icon-politica.social .icon-politica-img {
              background: url("../img/Icono_PA_invertido_03.svg") center center no-repeat; }
          .politica-menu-mobile .card-politica .card-item-politica.active .btn-more {
            background: white; }
            .politica-menu-mobile .card-politica .card-item-politica.active .btn-more .more_plus {
              background: url("../img/mas_verde.svg"); }

  /* Interna Información Relevante
   *@author: Jhon Pérez
   *@since: 8/03/2017 
  */
  .listInfoRelevante {
    margin: 2em 1em; }
    .listInfoRelevante .itemlistInfoRelevante .infoRelevante {
      padding: 0; }
    .listInfoRelevante .itemlistInfoRelevante span {
      padding: 0; }
    .listInfoRelevante .itemlistInfoRelevante img {
      right: 0; }

  .jPaginate {
    top: 20px; }

  /* Cifras financieras
   *@author: Jhon Pérez
   *@since: 19/04/2017 
  */
  .table.dark-header .group-title {
    width: calc(293% - 12px); } }
@media screen and (max-width: 920px) {
  .footerFirstSect {
    display: none; }

  .footerSecondtSect {
    background-image: url(../img/footer_font.jpg);
    background-size: cover;
    font-size: 20px;
    width: 100%;
    padding: 25px 0 0 20px; }

  .textSocial {
    display: block; }

  .separator {
    height: 1px;
    width: 100%;
    background-color: #fff;
    display: inline-block;
    padding: 0 50px;
    position: relative;
    margin: 0;
    opacity: 0.7; }

  .colSocial {
    width: 100%;
    padding: 10px 50px;
    font-weight: normal;
    font-size: 18px; }
    .colSocial a:hover {
      opacity: 1;
      font-weight: normal; }

  .btnSocial {
    width: 100%;
    padding: 18px 50px 18px 0; }

  .footerThirdSect {
    width: 100%;
    display: inline-block;
    background-color: #4171be; }

  .logoSuperServicios {
    margin: 10px 0 10px 40px; }

  .pragmaLogo {
    float: right;
    margin: 20px 30px 10px 0; }

  .sectionObjective .contentTabs {
    flex-direction: column;
    width: 100%; }
    .sectionObjective .contentTabs .contentRight {
      width: 100%;
      padding: 0; }
    .sectionObjective .contentTabs .contentLeft {
      width: 100%; }
  .sectionObjective .tabFlex {
    flex-flow: column wrap; }

  /*Estilos Seccion Home 
   *@author: Jhon Perez
   *@since: 31/10/2016 
  */
  .marginTopMedium {
    margin-top: 1em; }

  .verticalLine {
    margin-top: 10px; }

  .sliderV2 {
    width: 80%; }

  .cajon .contenidoSlider {
    width: 80%; }
    .cajon .contenidoSlider .textMidSlider p {
      line-height: 23px; }
    .cajon .contenidoSlider .textMidSlider h3 {
      line-height: 1.2em; }

  .cajon .contenidoSlider:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0px 14px 51px -8px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 14px 51px -8px rgba(0, 0, 0, 0);
    box-shadow: 0px 14px 51px -8px rgba(0, 0, 0, 0); }

  .textoSomos {
    max-width: 600px;
    width: 100%;
    margin: 10px auto;
    float: none; }
    .textoSomos p {
      padding: 0px; }

  .conocenosISAGEN {
    width: 190px;
    margin: 0 auto; }

  .somos {
    min-height: auto;
    padding: 30px 0 30px 0; }

  .videoContainer {
    width: 100%; }
    .videoContainer p {
      padding: 20px 0 0 50px; }

  .btnWhiteBlue, .table-see-more .table-btn-see-more {
    display: block;
    margin: 0 auto;
    margin-top: 50px; }

  .nuestroimpacto {
    height: 1050px;
    background-image: url(../img/fondo-infografico.jpg);
    background-size: 150% 240%; }

  .infografico {
    width: 50%;
    height: 310px;
    padding: 10px; }
    .infografico:last-child {
      width: 100%; }

  .subtituloNuestroImpacto {
    padding: 10px 18px; }

  .cajon .contenidoSlider.left {
    left: 0px; }

  .cajon .contenidoSlider.right {
    right: 0px; }

  .imgSlide1 {
    left: 43%; }

  .imgSlide2 {
    left: 43%; }

  .imgSlide3 {
    left: 44%; }

  .cold3:after {
    left: 46%; }

  .col1 {
    margin: -33px 0 0 10%; }

  .informationSection {
    height: auto; }

  .imgNoticia:after {
    margin-top: 216px; }

  .colSocial {
    padding: 15px 0;
    height: 50px; }
    .colSocial a {
      font-size: 16px; }

  .footerLow {
    position: relative;
    padding-bottom: 65px;
    height: 100%;
    background-image: url(../img/footer_font.jpg);
    background-size: cover; }

  .footerSecondtSect {
    background-image: none;
    height: 312px;
    padding: 15px 0; }

  .footerThirdSect {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 65px; }
    .footerThirdSect .logoSuperServicios {
      margin: 10px 0 10px 105px; }
    .footerThirdSect .pragmaLogo {
      margin: 20px 100px 10px 0; }

  .separator {
    margin: 30px 0 0; }

  .btnSocial {
    padding: 18px 0;
    margin: 0; }
    .btnSocial .textSocial {
      padding: 0; }

  .imgface {
    padding: 15px 20px; }

  .youTube {
    height: 25px;
    width: 35px;
    background: url(../img/logo_youtube_movil.png) no-repeat;
    background-size: cover;
    position: relative;
    top: -12px;
    margin: 0 auto; }

  .logoFace {
    height: 25px;
    width: 25px;
    background: url(../img/logo_facebook_movil.png) no-repeat;
    background-size: cover;
    position: relative;
    top: -13px;
    left: -15px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  /* SECTION ENTERATE*/
  #grid[data-columns]::before {
    content: '2 .column.size-1of2'; }

  .column:first-child {
    margin-right: 4%; }

  .column:last-child {
    margin-left: 0; }

  .notices article {
    margin-bottom: 1.6em; }
  .notices .noticeFecha {
    line-height: 1.1em; }
  .notices .notice .noticeContent {
    margin: 10px 30px 40px 20px; }
  .notices .noticeInfograficos .noticeInfograficoContent .text {
    margin: 0 0 0 10px; }
    .notices .noticeInfograficos .noticeInfograficoContent .text .noticeTitle {
      margin: 10px 0 0 0; }
  .notices .noticeImg {
    overflow: hidden; }
    .notices .noticeImg img {
      width: 100%; }
  .notices .noticeImgInfo {
    overflow: hidden; }
    .notices .noticeImgInfo img {
      max-width: 100%; }

  .icon {
    display: none; }

  .fechaBoletines {
    top: -23px;
    left: 10px; }

  .breadcrumbs {
    left: 55px; }

  .pagerResultSearch {
    width: 152px;
    margin: 0 auto;
    float: none; }

  /* Sostenibilidad
   *@author: John Alexander Agudelo
   *@since: 19/12/2016 
  */
  .textPaddindTop {
    padding-top: 1em; }

  .MenuTabs .MenuTabsItem div .MenuTabsItem-text {
    width: 50%;
    font-size: .8em; }

  .imgInformeGestion {
    height: 120px; }

  /* Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .MenuArticles.socios li a {
    font-size: .9em; }

  .grid-socios .socio {
    width: 33.333%; }
  .grid-socios .socio:nth-child(5n) {
    border-right: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(21n) {
    border-bottom: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(22n) {
    border-bottom: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(23n) {
    border-bottom: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(24n) {
    border-bottom: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(25n) {
    border-bottom: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(3n) {
    border-right: none; }
  .grid-socios .socio:nth-child(25) {
    border-bottom: none; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .list-column-2 {
    width: 60%; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 10/01/2017 
  */
  .testimonios .testimonio .testimonio-autor {
    padding: 1em; }
  .testimonios .testimonio .testimonio-foto {
    width: 30%;
    vertical-align: middle; }
  .testimonios .testimonio .testimonio-text {
    padding-left: 0;
    width: 70%; }

  /* Mapa Hidroelectricas
   *@author: Jhon Alexander Agudelo
   *@since: 19/01/2017 
  */
  .mapa-hidroelectricas .grid-hidroelectricas {
    margin-right: 0px;
    width: 60%; }
    .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica {
      margin-right: 5px;
      margin-bottom: 5px;
      width: 47%;
      transition: all .3s ease;
      margin-left: 0; }
  .mapa-hidroelectricas .mapa {
    background: url(../img/mapa-colombia-mobile.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    min-width: 320px;
    min-height: 300px;
    width: 320px;
    height: 300px; }
    .mapa-hidroelectricas .mapa .marcador.jaguas {
      top: 63px;
      left: 140px; }
    .mapa-hidroelectricas .mapa .marcador.calderas {
      top: 71px;
      left: 151px; }
    .mapa-hidroelectricas .mapa .marcador.carlos {
      top: 77px;
      left: 138px; }
    .mapa-hidroelectricas .mapa .marcador.termocentro {
      top: 65px;
      left: 170px; }
    .mapa-hidroelectricas .mapa .marcador.sogamoso {
      top: 66px;
      left: 195px; }
    .mapa-hidroelectricas .mapa .marcador.miel {
      top: 118px;
      left: 138px; }
    .mapa-hidroelectricas .mapa .marcador.amoya {
      top: 197px;
      left: 113px; }

  .ImgInternaSocio {
    width: 40%; }

  .contentSocio {
    width: 60%; }

  /* Servicios en linea
   *@author: Jhon Alexander Agudelo
   *@since: 07/02/2017 
  */
  .categorias-servicios .servicio {
    margin: 0 3px;
    width: 134px;
    font-size: 13px; }
    .categorias-servicios .servicio .servicio-content {
      width: 125px; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items {
    width: 90%; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(10) {
      margin-left: 5px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(14) {
      margin-left: 5px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(8) {
      margin-left: 80px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(15) {
      margin-left: 80px; }

  .red-container .red-descripion .red-logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 2em; }
  .red-container .red-descripion .red-content {
    display: block;
    width: 100%; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 05/12/2016 
  */
  .alert .alertTitle {
    position: relative; }
    .alert .alertTitle .icon {
      top: 50%;
      transform: translateY(-50%); }
      .alert .alertTitle .icon.error, .alert .alertTitle .icon.succes, .alert .alertTitle .icon.existe-db {
        margin: 0; }

  /* upload file contactanos
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .uploadFileForm .uploadFile .addFile {
    width: 70%;
    margin-bottom: 1em; }
  .uploadFileForm .uploadFile div > h4, .uploadFileForm .uploadFile p {
    font-size: .8em; }

  /* Misión, Proposito superior
   *@author: Jhon Alexander Agudelo
   *@since: 09/03/2017 
  */
  .content-proposito-superior .proposito-superior {
    width: 100%;
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: space-around; }
    .content-proposito-superior .proposito-superior .proposito-superior-item {
      margin: 40px 0;
      width: 47%; }

  .estrategis-valores ul {
    background: #2e73ba;
    color: white;
    padding: 1em .5em;
    display: block;
    list-style: square; }
    .estrategis-valores ul li {
      font-size: 14px;
      font-weight: bold;
      position: relative; }
      .estrategis-valores ul li:nth-child(-n + 3):after {
        display: none; }

  .shop .table-row .cell.left-align {
    padding: .6em .5em; }

  .table.dark-header .group-title {
    width: calc(300% - 45px); }
  .table.dark-header .table-row .cell.right-align {
    padding: 10px; }

  /* Mision, Visión proposito superior, estrategia y valores
   *@author: Jhon Pérez
   *@since: 29/03/2017 
  */
  .estrategia-valores .estrategia-cifras {
    font-size: 12px; }
  .estrategia-valores ul li {
    font-size: 12px;
    font-weight: bold;
    position: relative;
    max-width: 225px;
    text-align: center;
    line-height: 1.3em; }
    .estrategia-valores ul li:nth-child(-n + 3):after {
      right: -20px; }
  .estrategia-valores h3 {
    font-size: 0.9em; }

  section.mision.contentTab-second p {
    font-size: 14px; }

  /* Información Financiera
   *@author: Jhon Pérez
   *@since: 06/04/2017
  */
  .searchInfoFinanciera {
    padding: 0 0 0 2em; }
    .searchInfoFinanciera .filterInfoFinanciera {
      display: block; }
      .searchInfoFinanciera .filterInfoFinanciera .fieldFilter {
        width: 100%;
        display: block; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldFilter .inputSelect {
          padding: 0 32px 0 10px;
          background-position: 97% 50%; }
      .searchInfoFinanciera .filterInfoFinanciera .fieldSearch {
        width: 100%;
        display: block; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldSearch.fieldForm {
          margin-top: 0; }
        .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button {
          margin: 30px auto;
          position: absolute; }
          .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button span {
            position: relative;
            top: 0;
            transform: inherit; }
    .searchInfoFinanciera .listInfoFinanciera {
      margin: 3em 0 0 0; }

  .infoFinaciera .opcionesInfoFinanciera {
    margin-top: 4.4em; }
  .infoFinaciera .inputSelect {
    background-position: 97% 50%; }

  /* Medios Encomunidad
   *@author: Jhon Pérez
   *@since: 11/04/2017 
  */
  .gestion-social {
    display: block; }
    .gestion-social .fieldForm {
      width: 48%;
      margin-top: 1.5em; }
      .gestion-social .fieldForm:nth-child(2) {
        float: right; }
      .gestion-social .fieldForm:nth-child(4) {
        float: right; }

  /* Gestionamos Proyectos
   *@author: Jhon Pérez
   *@since: 12/05/2017 
  */
  .gest-proyectos {
    justify-content: space-between; }
    .gest-proyectos .gest-proyecto {
      margin: 0; }
      .gest-proyectos .gest-proyecto a img {
        height: 148px;
        width: 228px; }

  /* Gestion humana
   *@author: John ALex Agudelo / Cristian Duque Usma
   *@since: 10/03/2017 - 18/05/2017
  */
  .gestion-humana {
    height: auto;
    display: block;
    flex-wrap: inherit;
    justify-content: inherit;
    position: inherit; }
    .gestion-humana .grafico-gestion-humana {
      width: 600px; }
      .gestion-humana .grafico-gestion-humana img {
        width: 100%;
        margin: 0 auto; }
      .gestion-humana .grafico-gestion-humana .ambiente {
        top: 115px;
        left: 65px;
        width: 140px; }
      .gestion-humana .grafico-gestion-humana .interrelaciones {
        width: 120px;
        height: 30px;
        top: 35px;
        left: 240px; }
      .gestion-humana .grafico-gestion-humana .laborales {
        width: 140px;
        top: 114px;
        right: 73px; }
      .gestion-humana .grafico-gestion-humana .compensacion {
        top: 140px;
        left: 185px; }
      .gestion-humana .grafico-gestion-humana .desempeno {
        top: 140px;
        right: 180px; }
      .gestion-humana .grafico-gestion-humana .humano {
        top: 235px;
        right: 125px; }
      .gestion-humana .grafico-gestion-humana .potencial {
        top: 345px;
        right: 185px; }
      .gestion-humana .grafico-gestion-humana .conocimiento {
        top: 345px;
        left: 185px; }
      .gestion-humana .grafico-gestion-humana .seleccion {
        top: 250px;
        left: 135px; }
      .gestion-humana .grafico-gestion-humana .vida {
        width: 78px;
        height: 72px;
        top: 220px;
        left: 0; }
      .gestion-humana .grafico-gestion-humana .comunicacion {
        width: 145px;
        top: 380px;
        left: 77px; }
      .gestion-humana .grafico-gestion-humana .cambio {
        top: 375px;
        right: 88px;
        width: 130px; }
    .gestion-humana .content-gestion-humana article {
      top: inherit;
      transform: none; }
    .gestion-humana.en .grafico-gestion-humana .ambiente {
      top: 130px; }
    .gestion-humana.en .grafico-gestion-humana .interrelaciones {
      top: 50px;
      left: 235px; }
    .gestion-humana.en .grafico-gestion-humana .laborales {
      top: 125px; }
    .gestion-humana.en .grafico-gestion-humana .compensacion {
      top: 155px; }
    .gestion-humana.en .grafico-gestion-humana .desempeno {
      top: 155px; }
    .gestion-humana.en .grafico-gestion-humana .humano {
      top: 250px; }
    .gestion-humana.en .grafico-gestion-humana .potencial {
      top: 365px;
      right: 188px; }
    .gestion-humana.en .grafico-gestion-humana .conocimiento {
      top: 365px;
      left: 185px; }
    .gestion-humana.en .grafico-gestion-humana .seleccion {
      top: 265px; }
    .gestion-humana.en .grafico-gestion-humana .vida {
      top: 235px; }
    .gestion-humana.en .grafico-gestion-humana .comunicacion {
      top: 395px; }
    .gestion-humana.en .grafico-gestion-humana .cambio {
      top: 390px; }

  /* Banner Gestión en las Prácticas
   *@author: Jhon Pérez
   *@since: 22/06/17
  */
  .bannerGestionPracticas .imgDesktop {
    display: none; }
  .bannerGestionPracticas .imgMobile {
    display: block;
    height: auto; }
  .bannerGestionPracticas .content-banner {
    position: absolute;
    bottom: 0;
    height: 36%;
    width: 100%; }
    .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto {
      width: 50%;
      left: 5%;
      top: 50%;
      transform: translateY(-50%);
      height: auto; }
      .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto h3 {
        font-size: 1em; }
      .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto p {
        font-size: 17px; }
    .bannerGestionPracticas .content-banner .bannerGestionPracticasBoton {
      right: 5%;
      top: 50%;
      transform: translateY(-50%);
      width: auto;
      min-width: 150px; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .lineBackground-bottom {
    background: url("../img/ICONO_PA_BACKGOUND_04.svg") 5% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_03.svg") 35% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 63% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_01.svg") 80% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 95% bottom no-repeat; }

  /* Sistema de Ética empresarial
   *@author: Jhon Perez
   *@since: 05/06/2017 
  */
  .accordionItemContent .sistema-etica {
    display: block;
    flex-wrap: inherit;
    justify-content: inherit;
    margin-top: 4em; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth {
      margin: 0 auto 3em; }
    .accordionItemContent .sistema-etica .sistema-etica-right > div {
      position: inherit;
      top: inherit;
      transform: inherit; } }
@media screen and (max-width: 768px) {
  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  header {
    font-size: 15px;
    padding-right: 10px; }
    header a {
      margin: -4px 0 -5px 0; }

  .bannerGestion {
    background: url("../img/banner-inf-gestion-mobile.jpg");
    background-size: cover;
    background-position: center center; }

  .bannerQuienesSomos {
    background: url("../img/cabezote_nosotros-mobile.jpg");
    background-size: cover;
    background-position: center center; }

  .texto {
    width: 80%; }

  .verticalLine {
    margin-top: 30px; }

  .cajon .contenidoSlider p {
    padding: 0px 20px; }

  .sliderV2 {
    width: 90%; }

  .colEnterate {
    padding: 0px 20px; }

  .imgReloj {
    margin-top: 0px; }

  .textNoticiaPrincipal span:first-child {
    line-height: 20px; }
  .textNoticiaPrincipal p {
    font-size: 16px;
    line-height: 22px; }

  .noticia {
    height: 180px;
    width: 100%;
    padding: 0 30px; }
    .noticia .textNoticia {
      width: 52%;
      margin-left: 4%; }

  .imgNoticia:after {
    margin-top: 248px; }

  .col1 {
    margin: -30px 0 70px 25px; }

  .colSocial {
    padding: 15px 0;
    height: 50px; }
    .colSocial a {
      font-size: 16px; }

  .footerSecondtSect {
    background-image: none;
    height: 312px;
    padding: 15px 0; }

  .footerThirdSect .logoSuperServicios {
    margin: 10px 0 10px 15px; }
  .footerThirdSect .pragmaLogo {
    margin: 20px 15px 10px 0; }

  .separator {
    margin: 30px 0 0; }

  .footerLow {
    height: 100%;
    background-image: url(../img/footer_font.jpg);
    background-size: cover; }

  .btnSocial {
    padding: 18px 0;
    margin: 0; }
    .btnSocial .textSocial {
      padding: 0; }

  .imgface {
    padding: 15px 17px; }

  .btnTransparent {
    margin: 5px 0 0 20px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  .container
  .icon {
    display: block; }

  /*Estilos sesccion informe de gestión- Onformación financiera
   *@author: John Alexander Agudelo
   *@since: 29/10/2016 
  */
  .infoFinaciera {
    width: 90%;
    float: none;
    margin: 0 auto;
    display: block; }
    .infoFinaciera .opcionesInfoFinanciera {
      display: none; }
    .infoFinaciera .inputSelect.fieldForm.hiddenSelect {
      width: 100%; }

  .searchInfoFinanciera {
    width: 90%;
    margin: 10px auto;
    display: block;
    padding: 0; }

  .inputSelect.hiddenSelect {
    display: block; }

  .marginTop {
    padding: 30px 0px 25px 0px; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 06/12/2016 
  */
  .sedes {
    width: 100%;
    text-align: center; }
    .sedes .sede {
      width: 80%; }
      .sedes .sede .sedeInformacion {
        height: auto; }
        .sedes .sede .sedeInformacion .sedContacto span strong {
          display: inline-block; }
      .sedes .sede .sedeImg img {
        width: 220px; }
    .sedes .sede:nth-child(odd) {
      margin-right: 2em; }
      .sedes .sede:nth-child(odd) .sedeImg {
        float: right; }
      .sedes .sede:nth-child(odd) .sedeInformacion {
        text-align: right;
        padding-right: 230px; }
      .sedes .sede:nth-child(odd) .sedeDireccion {
        margin-right: 230px; }
        .sedes .sede:nth-child(odd) .sedeDireccion img {
          margin-left: .5em;
          position: absolute;
          bottom: 5px;
          right: 0; }
        .sedes .sede:nth-child(odd) .sedeDireccion .sedeDireccionInfo {
          margin-right: 30px;
          text-align: right; }
    .sedes .sede:nth-child(even) {
      margin-left: 2em; }
      .sedes .sede:nth-child(even) .sedeImg {
        float: left; }
      .sedes .sede:nth-child(even) .sedeInformacion {
        text-align: left;
        padding-left: 230px; }
      .sedes .sede:nth-child(even) .sedeDireccion {
        margin-left: 230px; }
        .sedes .sede:nth-child(even) .sedeDireccion img {
          margin-right: .5em;
          position: absolute;
          bottom: 5px;
          left: 0; }
        .sedes .sede:nth-child(even) .sedeDireccion .sedeDireccionInfo {
          margin-left: 30px;
          text-align: left; }

  /* Sostenibilidad - ética
   *@author: John Alexander Agudelo
   *@since: 13/12/2016 
  */
  .MenuTabs .MenuTabsItem {
    width: 100%;
    height: 50px;
    border: 2px solid #dddddd;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent; }
    .MenuTabs .MenuTabsItem:last-child {
      border-bottom: 2px solid #dddddd; }
    .MenuTabs .MenuTabsItem div {
      font-size: 1em; }
      .MenuTabs .MenuTabsItem div .MenuTabsItem-text {
        width: 90%; }
      .MenuTabs .MenuTabsItem div .icon-etica {
        background: url("../img/icon-etica.png");
        height: 100%;
        width: 10%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center center; }
      .MenuTabs .MenuTabsItem div .icon-lineamientos {
        background: url("../img/icon-lineamientos.png");
        height: 100%;
        width: 10%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center center; }
      .MenuTabs .MenuTabsItem div .icon-participacion {
        background: url("../img/icon-participacion.png");
        height: 100%;
        width: 10%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center center; }
      .MenuTabs .MenuTabsItem div .icon-mejora {
        background: url("../img/icon-mejora.png");
        height: 100%;
        width: 10%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center center; }
      .MenuTabs .MenuTabsItem div .icon-frentes {
        background: url("../img/icon-frentes.png");
        height: 100%;
        width: 10%;
        display: table-cell;
        background-repeat: no-repeat;
        background-position: center center; }
  .MenuTabs .MenuTabsItem.active {
    border-left: none; }
    .MenuTabs .MenuTabsItem.active div {
      border-left: 6px solid #68c460;
      border-top: none; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .contentSocio {
    width: 60%; }

  .ImgInternaSocio {
    width: 40%; }

  .list-column-2 {
    width: 95%;
    float: left; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 165px;
    height: 530px; }
    .content_carousel .videoprincipal {
      width: 655px;
      height: 368px;
      top: -480px; }

  .contentThumbs .bx-wrapper {
    height: 225px;
    width: 670px;
    top: 215px; }
    .contentThumbs .bx-wrapper .bx-viewport {
      height: 245px !important;
      left: 10px; }
  .contentThumbs .controls-outside {
    width: 655px; }
    .contentThumbs .controls-outside #slider-prev .bx-prev {
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-prev .bx-prev:before {
        margin-left: 14px;
        top: 13px; }
    .contentThumbs .controls-outside #slider-next .bx-next {
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-next .bx-next:before {
        margin-left: 11px;
        top: 13px; }

  .slider_carousel_videos .slide {
    width: 210px !important;
    margin-right: 21px !important; }
    .slider_carousel_videos .slide img {
      width: 193px;
      height: 115px; }

  .list-column-3 {
    width: 100%;
    float: none;
    display: block; }

  /* Informe de gestión
   *@author: Jhon Pérez
   *@since: 06/01/2017
  */
  .infoGestion {
    width: 100%; }

  .preViewInforme {
    width: 100%; }

  .searchInfoGestion {
    width: 100%;
    padding: 2.5em 1em;
    text-align: center; }
    .searchInfoGestion .listBuenaEnergia li {
      text-align: left; }

  /* Plan de compras
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .shop .table-row .cell {
    padding: 1em .5em;
    font-size: 15px;
    line-height: 15px; }

  /* Interna Información Relevante
   *@author: Jhon Pérez
   *@since: 8/03/2017 
  */
  .listInfoRelevante .itemlistInfoRelevante .infoRelevante {
    width: 90%; }

  /* Misión, Proposito superior
   *@author: Jhon Alexander Agudelo
   *@since: 09/03/2017 
  */
  .content-estrategia .estrategia-item {
    margin: 0 10px 0 10px;
    font-size: 14px; }
    .content-estrategia .estrategia-item:nth-child(-n + 2):after {
      width: 20px;
      right: -20px; }

  .table.dark-header .group-title {
    width: calc(300% - 79px); }

  .contentTab-second p {
    font-size: 12px; }

  /* Gestionamos Proyectos
   *@author: Jhon Pérez
   *@since: 12/05/2017 
  */
  .gest-proyectos .gest-proyecto a img {
    height: 128px;
    width: 208px; }

  /* Proveedores
   *@author: Jhon Pérez
   *@since: 27/05/2017 
  */
  .table.proveedores .table-row {
    font-size: 15px; }
  .table.width50 .table-row {
    font-size: 15px; }

  /* Riesgos
   *@author: Angie Martinez
   *@since: 22/05/2017 
  */
  .tituloInfoRiesgos, .tituloH3 {
    padding-left: 15px; }

  .circuloGris p.numRiesgoGris, .circuloBlanco p.numRiesgo {
    font-size: 30px; }

  .texto span {
    line-height: 0;
    font-size: 2em;
    margin-left: 20px; }
    .texto span.second-title {
      font-size: 20px;
      margin: 5px; }
  .texto p {
    font-size: 1em;
    margin-left: 20px;
    line-height: 1.2em; } }
@media screen and (max-width: 680px) {
  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .cajon .contenidoSlider p {
    padding: 0px 40px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  .videoContainer {
    width: 95%;
    margin: 0 auto; }

  .container-float-right {
    float: none; }
    .container-float-right img {
      margin: 0 auto;
      display: block; }

  .MenuArticles.socios li {
    font-size: .8em; }

  .textNoticiaPrincipal span:first-child {
    font-size: 17px; }
  .textNoticiaPrincipal span {
    font-size: 13px; }
  .textNoticiaPrincipal p {
    font-size: 15px;
    line-height: 20px; }

  .noticia .textNoticia {
    width: 52%;
    margin-left: 3%; }
    .noticia .textNoticia p {
      height: auto;
      -webkit-line-clamp: 2; }

  #grid[data-columns]::before {
    content: '3 .column.size-1of3'; }

  .column:first-child {
    margin-right: 2%; }

  .column:last-child {
    margin-left: 2%; }

  .notices article {
    margin-bottom: 1em; }
  .notices .notice .noticeContent p {
    display: none; }
  .notices .notice .noticeContent .noticeTitle {
    font-size: .9em;
    margin: 20px 0 15px 0; }
  .notices .notice .noticeContent.contentIcon {
    display: table;
    width: 80%; }
    .notices .notice .noticeContent.contentIcon .icon {
      display: table-caption;
      width: 40%;
      margin: 0 auto;
      margin-bottom: .5em; }
      .notices .notice .noticeContent.contentIcon .icon img {
        width: 100%; }
    .notices .notice .noticeContent.contentIcon h3 {
      display: table-cell;
      width: 100%;
      padding-left: 0;
      text-align: center; }
  .notices .noticeImg {
    height: 125px; }
  .notices .noticeImgInfo {
    height: 180px; }
  .notices .noticeInfograficos .noticeInfograficoContent .text {
    margin: 0;
    width: 100%; }
    .notices .noticeInfograficos .noticeInfograficoContent .text .noticeTitle {
      font-size: .9em;
      margin: 5px 0 0 0;
      text-align: center; }
    .notices .noticeInfograficos .noticeInfograficoContent .text p {
      line-height: 13px; }
  .notices .noticeInfograficos .noticeInfograficoContent .icon {
    display: none; }
    .notices .noticeInfograficos .noticeInfograficoContent .icon.iconMobile {
      width: 30%;
      display: table-caption;
      vertical-align: text-bottom;
      margin: 0 auto; }
      .notices .noticeInfograficos .noticeInfograficoContent .icon.iconMobile img {
        width: 100%; }
  .notices .noticeInfograficos .noticeInfograficoContent.boletinesPrensa .text .noticeTitle {
    margin: 40px 0 0 0; }
  .notices .SeeMore {
    display: none; }
  .notices .informeGestion {
    height: 180px; }
    .notices .informeGestion p {
      padding: 10px; }

  .fechaBoletines {
    top: 0px;
    left: 0px; }

  .icon {
    display: none; }

  .alturaBoletinesBlanco {
    height: 190px; }

  .alturaBoletinesImagen {
    height: 240px; }
    .alturaBoletinesImagen .noticeImgInfo {
      height: 100%; }

  /* interna reconocimiento
   *@author: John Alexander Agudelo
   *@since: 07/12/2016 
  */
  .certificacion .imgCertificacionISO {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 1em; }

  .certificacionAuditoria .imgCertificacionOHSAS {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 1em; }

  /* Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .MenuArticles.socios li a {
    font-size: .8em; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .contentSocio {
    width: 100%; }

  .ImgInternaSocio {
    width: 50%;
    float: initial;
    margin: 0 auto; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 165px;
    height: 425px; }
    .content_carousel .videoprincipal {
      width: 546px;
      height: 307px;
      top: -460px; }

  .contentThumbs .bx-wrapper {
    height: 225px;
    width: 550px;
    top: 130px; }
    .contentThumbs .bx-wrapper .bx-viewport {
      height: 245px !important;
      left: 2px; }
  .contentThumbs .controls-outside {
    width: 546px; }
    .contentThumbs .controls-outside #slider-prev .bx-prev {
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-prev .bx-prev:before {
        margin-left: 14px;
        top: 13px; }
    .contentThumbs .controls-outside #slider-next .bx-next {
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-next .bx-next:before {
        margin-left: 11px;
        top: 13px; }

  .slider_carousel_videos .slide {
    width: 171px !important;
    margin: 0 15px 0 5px !important; }
    .slider_carousel_videos .slide:last-child {
      width: 165px !important; }
    .slider_carousel_videos .slide:after {
      height: 95%; }
    .slider_carousel_videos .slide img {
      width: 155px;
      height: 90px; }
    .slider_carousel_videos .slide .videoInfo {
      width: 150px;
      margin: 5px 5px 0 5px; }
      .slider_carousel_videos .slide .videoInfo .titleVideo {
        font-size: 14px;
        height: 80px;
        line-height: 22px; }
      .slider_carousel_videos .slide .videoInfo .imgRelojGray {
        height: 15px;
        width: 15px; }
      .slider_carousel_videos .slide .videoInfo span {
        font-size: 15px; }

  .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica {
    width: 44%; }

  /* Servicios en linea
   *@author: Jhon Alexander Agudelo
   *@since: 06/02/2017 
  */
  .categorias-servicios {
    margin-top: 20px;
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .categorias-servicios .servicio {
      margin: 15px 15px;
      width: 180px;
      height: 200px;
      border: 1px solid #d9d9d9;
      display: inline-block;
      position: relative;
      top: 0;
      transition: .3s all ease; }
      .categorias-servicios .servicio .servicio-content {
        position: absolute;
        top: 48px;
        left: 50%;
        transform: translateX(-50%);
        width: 158px;
        text-align: center; }
      .categorias-servicios .servicio:hover {
        top: 0;
        box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.3); }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items {
    width: 100%;
    padding-left: 15px; }

  /* Banner Gestión en las Prácticas
   *@author: Cristian Duque Usma
   *@since: 
  */
  #sliderObjective {
    height: 200px !important; }
    #sliderObjective .container {
      display: inherit;
      text-align: center; }
      #sliderObjective .container .emptyBox {
        display: none; }
      #sliderObjective .container .textoSlider {
        width: 100%; }
    #sliderObjective ol.bjqs-markers.h-centered {
      text-align: center;
      left: 43% !important;
      bottom: 0; }

  .sectionObjective {
    display: inherit; }
    .sectionObjective .contentRight {
      width: 100%; }
    .sectionObjective .contentLeft {
      width: 100%; }

  .contentRight {
    margin-top: 2em; }

  /* invitaciones abiertas tabla
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .table {
    display: table;
    text-align: left;
    margin: 0 auto; }
    .table.proveedores .table-row {
      display: block; }
      .table.proveedores .table-row .cell {
        width: 48%; }
    .table.width50 .table-row {
      display: flex; }

  .table-row .cell.btn-cell {
    width: 100%;
    height: 45px;
    margin-bottom: 1em;
    border-bottom: 1px solid #aaaaaa; }

  .Title {
    display: none; }

  .cell-title {
    display: inline-block;
    width: 38%;
    line-height: 20px;
    padding: .5em 0; }

  .cell {
    width: 60%;
    display: inline-block;
    padding: .5em .5em .9em;
    position: relative; }
    .cell .more {
      position: absolute;
      bottom: 0;
      right: 0; }

  /* Plan de comptas
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .shop .table-row {
    display: block !important;
    border-bottom: solid 1px #c7c1c1; }
    .shop .table-row.Title-shop-plan {
      display: none; }
    .shop .table-row:first-child {
      display: none !important; }
    .shop .table-row:nth-child(2) {
      border-top: solid 1px #c7c1c1; }
    .shop .table-row.list.special {
      display: block !important;
      border-bottom: none; }
    .shop .table-row .cell {
      border-bottom: none;
      padding: .6em .5em;
      text-align: right; }
      .shop .table-row .cell.center-align {
        text-align: right; }
      .shop .table-row .cell.two-col {
        width: 35%; }

  .table-see-more .table .table-row:nth-child(-n + 11) {
    display: table; }

  .marginLeftField {
    margin-left: 2.7%; }

  /* upload file contactanos
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .fieldForm .input-checkbox-wrapper div.required {
    top: 105px; }

  .uploadFileForm .uploadFile .addFile {
    width: 80%;
    margin-top: 2em; }
  .uploadFileForm .uploadFile div > h4, .uploadFileForm .uploadFile p {
    font-size: .7em; }

  .table.dark-header.red {
    margin: 0; }
    .table.dark-header.red .table-row .cell-title {
      text-align: center; }
    .table.dark-header.red .table-row strong {
      color: red; }
  .table.dark-header .group-title {
    width: calc(100%); }
  .table.dark-header .dark-header-title {
    display: none; }
  .table.dark-header .table-row .cell-title {
    color: red; }

  /* Gestion humana
   *@author: John ALex Agudelo
   *@since: 10/03/2017 
  */
  .gestion-humana .grafico-gestion-humana {
    width: 540px; }
    .gestion-humana .grafico-gestion-humana .grafico-gestion-humana-mobile {
      display: block; }
    .gestion-humana .grafico-gestion-humana .grafico-gestion-humana-desktop {
      display: none; }
    .gestion-humana .grafico-gestion-humana div {
      color: transparent; }
      .gestion-humana .grafico-gestion-humana div:hover {
        color: transparent; }
      .gestion-humana .grafico-gestion-humana div.active {
        display: none; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      top: 90px;
      left: 57px;
      width: 135px;
      height: 25px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      left: 210px;
      top: 18px;
      height: 25px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      right: 65px;
      height: 25px;
      top: 90px;
      width: 130px; }
    .gestion-humana .grafico-gestion-humana .compensacion {
      top: 97px;
      left: 165px;
      height: 35px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      top: 103px;
      right: 160px;
      height: 35px; }
    .gestion-humana .grafico-gestion-humana .humano {
      right: 111px;
      top: 194px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      right: 160px;
      top: 293px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      top: 295px;
      left: 160px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      top: 202px;
      left: 113px; }
    .gestion-humana .grafico-gestion-humana .vida {
      height: 70px;
      top: 183px;
      left: 0;
      width: 70px; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      left: 68px;
      top: 333px;
      width: 140px; }
    .gestion-humana .grafico-gestion-humana .cambio {
      right: 73px;
      top: 325px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 90px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 19px;
    left: 205px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 90px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 97px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 102px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 195px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 293px;
    right: 162px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 293px;
    left: 162px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 203px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 183px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 335px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 328px; }

  /* Gestionamos Proyectos
   *@author: Jhon Pérez
   *@since: 12/05/2017 
  */
  .gest-proyectos .gest-proyecto a img {
    height: 98px;
    width: 175px; }

  /* Misión, Proposito superior
   *@author: Jhon Alexander Agudelo
   *@since: 09/03/2017 
  */
  .estrategia-valores ul li {
    max-width: 180px; }

  .estrategia-valores ul li:nth-child(-n + 3):after {
    right: -20px; }

  section.mision.contentTab-second {
    padding: 0 25px; }

  /* Slider Centrales Hidroeléctricas
   *@author: Angie Martinez
   *@since: 17/05/2017 
  */
  .slides {
    margin-bottom: -50px; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .lineBackground-bottom {
    background: url("../img/ICONO_PA_BACKGOUND_04.svg") 0% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_03.svg") 35% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 66% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_01.svg") 83% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 98% bottom no-repeat; } }
@media screen and (max-width: 570px) {
  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .sectionHome {
    overflow: hidden; }

  header {
    margin: 12px 0px;
    font-size: 12px;
    padding-right: 5px; }

  .redesheader {
    display: none; }

  .separador.header {
    display: none; }

  .texto span {
    line-height: 45px; }

  .somos {
    padding: 10px 15px 40px; }

  .textoSomos {
    max-width: 550px; }

  .infografico {
    width: 100%; }

  .nuestroimpacto {
    height: 1679px;
    background-image: url(../img/fondo_isagen_en_cifras.jpg);
    background-repeat: no-repeat;
    background-size: 100% 285%; }

  /* sliderV2 es el slider de sostenibilidad del home */
  .sliderV2 a.bx-prev {
    display: none; }
  .sliderV2 a.bx-next {
    display: none; }
  .sliderV2 a.bx-pager-link {
    display: block; }
  .sliderV2 .bx-viewport {
    overflow: visible !important; }

  .cajon .contenidoSlider {
    width: 90%; }

  .sliderV2 {
    width: 100%;
    top: 160px; }

  .informationSection {
    padding-top: 210px; }

  .sliderV2 .bx-controls.bx-has-pager.bx-has-controls-direction {
    width: 100%; }
    .sliderV2 .bx-controls.bx-has-pager.bx-has-controls-direction div {
      width: 150px;
      margin: 0 auto;
      position: relative;
      top: -10px;
      display: none; }

  #grid[data-columns]::before {
    content: '2 .column.size-1of2'; }

  .column:first-child {
    margin-right: 4%; }

  .column:last-child {
    margin-left: 0; }

  .notices article {
    margin-bottom: 1em; }

  .footerSecondtSect {
    padding: 15px 0; }

  .footerThirdSect .logoSuperServicios {
    margin: 10px 0 10px 15px; }
  .footerThirdSect .pragmaLogo {
    margin: 20px 15px 10px 0; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  .boxResultInfo p {
    overflow: hidden; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 06/12/2016 
  */
  .fieldForm:nth-child(15) {
    width: 99%; }
  .fieldForm.animated-placeholder .label-field {
    font-size: 11px; }
  .fieldForm .label-field {
    font-size: 12px; }
  .fieldForm input[type="text"], .fieldForm input[type="number"], .fieldForm input[type="email"] {
    font-size: 12px; }
  .fieldForm .input-checkbox-wrapper div.required {
    top: 50px; }

  .TextAreaForm.animated-placeholder .label-field, .uploadFileForm.animated-placeholder .label-field {
    font-size: 11px; }
  .TextAreaForm .label-field, .uploadFileForm .label-field {
    font-size: 12px; }
  .TextAreaForm .textArea, .uploadFileForm .textArea {
    font-size: 12px; }

  .uploadFileForm .uploadFile .addFile {
    width: 90%; }
    .uploadFileForm .uploadFile .addFile .addFile-text h3, .uploadFileForm .uploadFile .addFile .addFile-text p {
      font-size: 14px; }
    .uploadFileForm .uploadFile .addFile .addFile-text p {
      font-size: 12px; }
  .uploadFileForm .list-file .file .file-name {
    font-size: 12px; }
  .uploadFileForm .list-file .file .delete-file {
    position: absolute;
    right: -5px;
    top: 20px;
    height: 10px;
    width: 10px; }

  .inputSelect {
    font-size: 12px; }

  .label-select {
    font-size: 11px; }

  .captchaForm {
    margin-left: 0 !important; }
    .captchaForm .required {
      font-size: .7em !important; }

  .form-validator-stack .required, .form-validator-stack .digits, .form-validator-stack .email, .form-validator-stack .number {
    font-size: .7em; }

  .sedes .sede {
    font-size: .8em; }
    .sedes .sede .sedeInformacion {
      height: 190px; }
      .sedes .sede .sedeInformacion .sedContacto span {
        line-height: 1.6em; }
        .sedes .sede .sedeInformacion .sedContacto span strong {
          display: block; }
    .sedes .sede .sedeDireccion {
      position: relative;
      margin-top: 1em; }
      .sedes .sede .sedeDireccion .sedeDireccionInfo {
        width: 100%; }
        .sedes .sede .sedeDireccion .sedeDireccionInfo span {
          display: block; }
    .sedes .sede .sedeImg img {
      width: 190px; }
  .sedes .sede:nth-child(odd) {
    margin-left: 0;
    margin-right: 0; }
    .sedes .sede:nth-child(odd) .sedeImg {
      float: left; }
    .sedes .sede:nth-child(odd) .sedeInformacion {
      text-align: left;
      padding-left: 210px;
      padding-right: 0; }
    .sedes .sede:nth-child(odd) .sedeDireccion {
      margin-left: 0px;
      margin-right: 0px; }
      .sedes .sede:nth-child(odd) .sedeDireccion img {
        margin-right: .5em;
        position: absolute;
        bottom: 5px;
        left: 0; }
      .sedes .sede:nth-child(odd) .sedeDireccion .sedeDireccionInfo {
        margin-left: 35px;
        text-align: left; }
  .sedes .sede:nth-child(even) {
    margin-left: 0;
    margin-right: 0; }
    .sedes .sede:nth-child(even) .sedeInformacion {
      padding-left: 200px; }
    .sedes .sede:nth-child(even) .sedeDireccion {
      margin-left: 0px; }
      .sedes .sede:nth-child(even) .sedeDireccion img {
        margin-right: .5em;
        position: absolute;
        bottom: 5px;
        left: 0; }
      .sedes .sede:nth-child(even) .sedeDireccion .sedeDireccionInfo {
        margin-left: 30px;
        text-align: left; }

  /* interna reconocimiento
   *@author: John Alexander Agudelo
   *@since: 07/12/2016 
  */
  .reconocientos .imgReconocimento {
    display: none; }
  .reconocientos .imgReconocimentoMobile {
    display: block;
    width: 100%; }
    .reconocientos .imgReconocimentoMobile img {
      width: 100%; }

  .certificacion .imgCertificacionISO {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 1em; }

  .certificacionAuditoria .imgCertificacionOHSAS {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 1em; }

  .imgfull {
    width: 100%; }

  .paragraphImegeLeft {
    width: 100%; }
    .paragraphImegeLeft img {
      float: none;
      margin: 0 auto;
      display: block; }

  .paragraphImegeRight {
    width: 100%; }
    .paragraphImegeRight img {
      float: none;
      margin: 0 auto;
      display: block; }

  #list[data-columns]::before {
    content: '1 .column.size-1of1'; }

  /* Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .MenuArticles.socios li {
    font-size: .7em; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .contentSocio {
    width: 100%; }

  .ImgInternaSocio {
    width: 50%; }

  .list-column-2 {
    width: 100%; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 125px;
    height: 440px;
    margin: 50px 0 165px 0; }
    .content_carousel .videoprincipal {
      width: 454px;
      height: 246px;
      top: -446px; }

  .contentThumbs .bx-wrapper {
    height: 225px;
    width: 460px; }
  .contentThumbs .controls-outside {
    width: 454px; }
    .contentThumbs .controls-outside #slider-prev .bx-prev {
      display: block;
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-prev .bx-prev:before {
        margin-left: 14px;
        top: 13px; }
    .contentThumbs .controls-outside #slider-next .bx-next {
      display: block;
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-next .bx-next:before {
        margin-left: 11px;
        top: 13px; }

  .slider_carousel_videos .slide {
    width: 230px !important;
    margin: 0 15px 0 5px !important; }
    .slider_carousel_videos .slide:last-child {
      width: 211px !important; }
    .slider_carousel_videos .slide:after {
      right: 5px; }
    .slider_carousel_videos .slide img {
      width: 200px;
      height: 115px; }
    .slider_carousel_videos .slide .videoInfo {
      width: 190px;
      margin: 5px 5px 0 5px; }
      .slider_carousel_videos .slide .videoInfo .titleVideo {
        font-size: 16px; }
      .slider_carousel_videos .slide .videoInfo .imgRelojGray {
        height: 15px;
        width: 15px; }
      .slider_carousel_videos .slide .videoInfo span {
        font-size: 15px; }

  .mapa-hidroelectricas {
    flex-direction: column; }
    .mapa-hidroelectricas .grid-hidroelectricas {
      margin-right: 0px;
      width: 100%;
      display: block;
      order: 2; }
      .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica {
        width: 31%; }
        .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica img:first-child {
          display: none; }
        .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica img:last-child {
          display: block; }
    .mapa-hidroelectricas .mapa {
      order: 1;
      display: block;
      background-size: 100%;
      background-repeat: no-repeat;
      position: relative;
      width: 320px;
      height: 300px;
      margin: 0 auto; }

  /* Interna - Historia
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  #cd-timeline {
    width: 500px; }

  .timeline .bx-controls-direction .bx-prev {
    left: 77%; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .ImgInternaSocio {
    width: 60%; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items .hexagon-item {
    width: 125px;
    height: 72px;
    background: white;
    position: relative;
    box-shadow: 0px 0px 85px rgba(0, 0, 0, 0.3);
    margin: 40px 3px;
    cursor: pointer;
    margin-top: 0px;
    transition: .3s all ease; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(8) {
      margin-left: 5px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(15) {
      margin-left: 5px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(4) {
      margin-left: 15px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(7) {
      margin-left: 80px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(10) {
      margin-left: 15px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(13) {
      margin-left: 80px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(16) {
      margin-left: 15px; }
    .hexagon-content .hexagon-items .hexagon-item:after {
      content: "";
      display: block;
      position: absolute;
      top: -35px;
      left: 0;
      border: 63px solid transparent;
      border-top: none;
      border-bottom: 35px solid white; }
    .hexagon-content .hexagon-items .hexagon-item:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -35px;
      left: 0;
      border: 63px solid transparent;
      border-bottom: 0 solid transparent;
      border-top: 35px solid white; }
    .hexagon-content .hexagon-items .hexagon-item img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80%;
      transform: translate(-50%, -50%); }

  /* Plan de comptas
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .cell-title {
    padding: .1em 0 .5em; }

  .shop .table-row {
    margin-top: 5px;
    padding-bottom: 5px; }
    .shop .table-row .cell {
      padding: .5em .5em .9em; }

  /* Sostenibilidad - Iniciativas Globales
   *@author: Cristian Duque Usma
   *@since: 
  */
  #sliderObjective {
    height: 250px !important; }

  /* Misión, Proposito superior
   *@author: Jhon Alexander Agudelo
   *@since: 09/03/2017 
  */
  .objetivos-estrategicos-content {
    margin-top: 0; }
    .objetivos-estrategicos-content h3 {
      font-size: 1em; }
    .objetivos-estrategicos-content .objes-menu {
      margin-top: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .objetivos-estrategicos-content .objes-menu .objes-option {
        width: 45%;
        height: 200px;
        margin: 10px 10px; }
        .objetivos-estrategicos-content .objes-menu .objes-option.active:after {
          display: none; }
    .objetivos-estrategicos-content .objes-content {
      margin-top: 5px; }
      .objetivos-estrategicos-content .objes-content .objes-content-option .objes-content-option-title {
        padding: .2em 1em; }
      .objetivos-estrategicos-content .objes-content .objes-content-option .objes-content-option-info ul {
        display: block; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.red .objes-content-option-info ul li {
        width: 100%; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.green .objes-content-option-info ul li {
        width: 100%;
        padding: 0; }
      .objetivos-estrategicos-content .objes-content .objes-content-option.light-green .objes-content-option-info ul li {
        width: 100%; }

  .content-proposito-superior {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 1em;
    margin-bottom: 1em; }
    .content-proposito-superior .proposito-superior {
      width: 100%;
      display: block;
      margin-top: 0px;
      white-space: nowrap;
      overflow-x: hidden;
      padding-top: 50px; }
      .content-proposito-superior .proposito-superior .proposito-superior-item {
        margin: 30px 0 0 0;
        width: calc(100% - 3px);
        white-space: initial;
        display: inline-block;
        vertical-align: top;
        position: relative;
        left: 0%;
        transition: all ease .3s; }

  .content-estrategia {
    width: 100%;
    display: block;
    margin-top: 0px;
    white-space: nowrap;
    overflow-x: hidden;
    padding-top: 70px;
    margin-bottom: 30px; }
    .content-estrategia .estrategia-item {
      margin: 30px 0 20px;
      width: calc(100% - 3px);
      white-space: initial;
      display: inline-block;
      vertical-align: top;
      position: relative;
      left: 0%;
      transition: all ease .3s; }
      .content-estrategia .estrategia-item:nth-child(-n + 2):after {
        display: none; }
      .content-estrategia .estrategia-item .conector {
        display: none; }

  .step-slider {
    display: block; }

  .estrategia-cifras {
    display: block; }
    .estrategia-cifras h4 {
      width: 100%;
      text-align: left;
      padding: 0 .5em; }
      .estrategia-cifras h4:nth-child(-n + 2) {
        border-right: none; }

  .estrategia-cifras h4:last-child {
    padding: 0.5em; }

  .estrategia-valores ul {
    padding: 0;
    display: block; }
  .estrategia-valores h3 {
    text-align: left !important;
    padding: 0 .5em; }

  .valores .listaGenerica.list-horizontal {
    display: block; }
  .valores .listaGenerica li {
    width: 100%; }

  #menu-tabs-second .active.blue {
    border-bottom: none;
    border-left: 5px solid #2e73ba;
    padding: 5px 10px; }

  .estrategia-valores ul li {
    font-size: 14px;
    max-width: 100%;
    text-align: left;
    padding: 5px 15px; }

  section.mision.contentTab-second {
    padding: 0 20px; }

  /* Gestion humana
   *@author: John ALex Agudelo / Cristian Duque Usma
   *@since: 10/03/2017 - 18/05/2017
  */
  .gestion-humana .grafico-gestion-humana {
    width: 445px; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      left: 47px;
      top: 75px;
      width: 105px;
      height: 20px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      height: 20px;
      top: 15px;
      left: 175px;
      width: 90px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      width: 110px;
      top: 75px;
      right: 52px;
      height: 20px; }
    .gestion-humana .grafico-gestion-humana .compensacion {
      width: 75px;
      height: 30px;
      top: 80px;
      left: 135px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      top: 85px;
      right: 137px;
      width: 70px;
      height: 30px; }
    .gestion-humana .grafico-gestion-humana .humano {
      top: 155px;
      right: 90px;
      width: 65px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      right: 137px;
      top: 240px;
      width: 65px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      top: 240px;
      left: 135px;
      width: 70px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      width: 55px;
      top: 166px;
      left: 95px;
      height: 25px; }
    .gestion-humana .grafico-gestion-humana .vida {
      width: 55px;
      height: 55px;
      top: 152px;
      left: 0; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      width: 110px;
      height: 25px;
      top: 275px;
      left: 60px; }
    .gestion-humana .grafico-gestion-humana .cambio {
      top: 270px;
      right: 60px;
      width: 110px;
      height: 25px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 75px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 15px;
    left: 175px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 72px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 80px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 84px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 155px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 239px;
    right: 140px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 240px;
    left: 135px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 165px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 150px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 275px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 270px; }

  /* Gestionamos Proyectos
   *@author: Jhon Pérez
   *@since: 12/05/2017 
  */
  .gest-proyectos {
    display: block;
    margin: 40px 0 0; }
    .gest-proyectos .gest-proyecto {
      margin: 0 5px 25px 10px;
      float: none;
      text-align: center; }
      .gest-proyectos .gest-proyecto a img {
        height: inherit;
        width: inherit; }

  /* Proveedores
   *@author: Jhon Pérez
   *@since: 27/05/2017 
  */
  .table.proveedores .table-row .cell {
    text-align: left; }
    .table.proveedores .table-row .cell:first-child {
      width: 40%; }
    .table.proveedores .table-row .cell:last-child {
      width: 55%; }
  .table.width50 .table-row .cell:first-child {
    width: 38%; }
  .table.width50 .table-row .cell:last-child {
    width: 60%; }

  /* Biodiversidad - Sostenibilidad
   *@author: Angie Martinez
   *@since: 30/05/2017 
  */
  .contenedorguias .guias {
    width: 50%; }

  /* Banner Gestión en las Prácticas
   *@author: Jhon Pérez
   *@since: 22/06/17
  */
  .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto h3 {
    font-size: .8em;
    line-height: 1.2em; }
  .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto p {
    font-size: 13px;
    line-height: 1.2em; }
  .bannerGestionPracticas .content-banner .bannerGestionPracticasBoton {
    width: auto;
    min-width: 105px; }

  /* Riesgos
   *@author: Angie Martinez
   *@since: 22/05/2017 
  */
  .subMenuInfoRiesgos {
    width: 100%;
    display: block;
    text-align: left; }

  .tituloInfoRiesgos, .tituloH3 {
    padding-left: 75px; }

  .subMenu {
    width: 100%;
    padding-left: 30px; }

  .menuInfoRiesgos {
    padding: 0; }

  .TitleInfo {
    width: 100%; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .lineBackground-bottom {
    background: url("../img/ICONO_PA_BACKGOUND_04.svg") -20% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_03.svg") 20% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 60% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_01.svg") 83% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 105% bottom no-repeat; }

  /* Sistema de Ética empresarial
   *@author: Jhon Perez
   *@since: 05/06/2017 
  */
  .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth {
    height: 370px;
    width: 370px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth img {
      width: 370px;
      height: 370px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica {
      height: 130px;
      width: 130px; }
  .accordionItemContent .sistema-etica .sistema-etica-right > div {
    position: inherit;
    top: inherit;
    transform: inherit; } }
@media screen and (max-width: 480px) {
  .separador {
    margin: 0 15px; }

  .timeline .bx-controls-direction {
    margin-top: 3em; }

  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .container-float-right {
    width: 100%; }
    .container-float-right img {
      width: 100%; }

  .clear {
    height: 30px; }

  .textNoticiaPrincipal {
    font-size: 26px; }
    .textNoticiaPrincipal span {
      font-size: 13px; }
    .textNoticiaPrincipal p {
      line-height: 20px;
      font-size: 17px; }

  .portlet-body .informationSection .colEnterate .noticia {
    height: auto; }
    .portlet-body .informationSection .colEnterate .noticia .textNoticia {
      height: auto; }
      .portlet-body .informationSection .colEnterate .noticia .textNoticia p {
        height: auto;
        max-width: 100%;
        width: calc(100% - 40px);
        margin: 0;
        -webkit-line-clamp: 3; }

  .col1 {
    margin: 30px 0 70px 0px; }

  .cold5-red:after, .cold5:after, .cold5-yellow:after, .cold5-light-blue:after, .cold5-green:after {
    top: 110%;
    left: 41%; }

  .cajon .contenidoSlider {
    height: 85%;
    width: 94%; }

  .sliderV2 {
    width: 95%;
    padding: 0 40px;
    top: 180px; }

  .titleInformation {
    font-size: 19px; }

  .imgSlide1 {
    left: 34%; }

  .imgSlide2 {
    left: 34%; }

  .imgSlide3 {
    left: 38%; }

  .col2:after {
    left: 39%; }

  .cold3:after {
    left: 39%; }

  ul.bjqs-controls.v-centered {
    display: none; }

  .col4 {
    padding: 0 0; }
    .col4:after {
      left: 0; }

  .icon-list2 {
    margin: 25px -15px; }

  .logo {
    margin: 60px 0px 0px 0px;
    left: 0px; }

  .texto strong {
    font-size: 45px; }

  ul.bjqs-controls {
    display: none; }

  .idiomas li {
    margin: 0; }

  .inboxHeader {
    padding: 10px 20px; }
    .inboxHeader .searchClose {
      top: 10px;
      right: 20px; }

  .textMidSlider {
    min-height: 170px;
    max-height: 381px; }
    .textMidSlider h3 {
      padding: 0 10px; }

  .textoSomos p {
    padding: 0px 5px; }

  .videoContainer p {
    padding: 20px 0 0 50px; }

  /* sliderV2 es el slider de sostenibilidad del home */
  .sliderV2 .bx-viewport {
    height: auto !important; }

  .textoSomosContenido {
    padding: 0; }

  .subtituloNuestroImpacto {
    padding: 10px 40px; }

  .nuestroimpacto {
    height: auto;
    background-size: 756px 3834px; }

  .sliderV2 .bx-controls.bx-has-pager.bx-has-controls-direction div {
    top: 0px; }

  .noticia {
    height: 415px;
    padding: 0;
    overflow: hidden; }
    .noticia .textNoticia {
      width: 100%;
      height: 200px;
      padding: 20px 0;
      position: relative;
      margin: 0px;
      border: none; }

  .noticeInfograficoContent .textLeft {
    display: none; }

  .noticehide {
    display: none !important; }

  .imgNoticia {
    height: 210px;
    width: 100%;
    background-size: cover;
    float: left;
    margin: 0; }
    .imgNoticia:after {
      width: 85%;
      margin-left: -60px;
      top: 180px; }

  .btnVerMas:after {
    content: "";
    height: 1px;
    width: 570px;
    background-color: #d2cfcf;
    position: absolute;
    top: 32px;
    right: 45px; }

  .verNoticias {
    float: right;
    margin: 15px 0 20px; }

  .infografico {
    height: 250px;
    padding: 0px; }

  .tituloIconNuestroImpacto {
    margin: 23px 0px 0px; }

  .subtituloNuestroImpacto {
    padding: 0px 18px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  /* SECTION ENTERATE*/
  .breadcrumbsSteps {
    display: none; }

  .lineYears li a {
    display: inline-block;
    padding: 0 12px;
    line-height: 40px;
    font-size: .7em; }
  .lineYears .lineYearsActive {
    background: #2e73ba;
    border: 1px solid #2e73ba; }
    .lineYears .lineYearsActive a {
      color: white; }

  #menu-tabs .active {
    color: #636363; }
    #menu-tabs .active.blue {
      border-left: 5px solid #2e73ba;
      border-bottom: 1px solid #bbbbbb; }
    #menu-tabs .active.light-blue {
      border-left: 5px solid #429dd1;
      border-bottom: 1px solid #bbbbbb; }
    #menu-tabs .active.green {
      border-left: 5px solid #68c460;
      border-bottom: 1px solid #bbbbbb; }
    #menu-tabs .active.red {
      border-left: 5px solid red;
      border-bottom: 1px solid #bbbbbb; }
    #menu-tabs .active.yellow {
      border-left: 5px solid #e8aa1b;
      border-bottom: 1px solid #bbbbbb; }

  .MenuArticles {
    flex-direction: column; }
    .MenuArticles.socios li {
      padding: 25px 0 25px 15px;
      font-size: 1em; }
    .MenuArticles li {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #bbbbbb; }
      .MenuArticles li:first-child {
        border-top: 1px solid #bbbbbb; }
      .MenuArticles li a {
        width: 100%;
        line-height: 50px;
        padding-left: 15px; }
    .MenuArticles .MenuArticles-activo {
      border-left: 5px solid #2e73ba;
      border-bottom: 1px solid #bbbbbb; }
    .MenuArticles.azul-claro .MenuArticles-activo {
      border-left: 5px solid #429dd1;
      border-bottom: 1px solid #bbbbbb; }
    .MenuArticles.yellow .MenuArticles-activo {
      border-left: 5px solid #e8aa1b;
      border-bottom: 1px solid #bbbbbb; }
    .MenuArticles.option-2 li {
      width: 100%; }

  .breadcrumbs {
    left: 20px;
    width: 230px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 03/11/2016 
  */
  .notices .noticeFecha {
    line-height: 1.3em; }
  .notices .notice .noticeContent {
    margin: 30px 10px 30px 10px; }
    .notices .notice .noticeContent .noticeTitle {
      font-size: 1em;
      font-weight: 200;
      margin: 20px 0 20px 0; }
  .notices .noticeImgInfo {
    height: 160px; }

  .fechaBoletines {
    top: -10px; }

  .alturaBoletinesImagen .noticeImgInfo {
    height: 100%; }

  /*Estilos sesccion informe de gestión- Información financiera
   *@author: John Alexander Agudelo
   *@since: 29/10/2016 
  */
  .infoFinaciera h3 {
    display: none; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 06/12/2016 
  */
  .fieldForm {
    width: 100%;
    display: inline-block;
    margin-top: 2em; }
    .fieldForm input {
      border: 1px solid #a7a7a7; }
    .fieldForm input[type="text"].inputPhone:nth-child(even) {
      margin-top: 2em; }
    .fieldForm input[type="text"].inputPhone[id="_contactanos_WAR_Contactanosportlet_celular"] {
      margin-top: 2em; }
    .fieldForm input::-webkit-input-placeholder {
      color: red; }
    .fieldForm .input-checkbox-wrapper div.required {
      top: 75px; }
    .fieldForm.inputNit {
      width: 23%; }
    .fieldForm.inputInline {
      width: 100%;
      height: 12px; }

  .TextAreaForm {
    width: 100%; }
    .TextAreaForm .textArea {
      width: 100%; }

  .marginLeftField {
    margin-left: 0; }

  .sedes .sede {
    width: 100%; }

  .form div.captchaForm {
    margin-top: 4em; }

  /* interna reconocimiento
   *@author: John Alexander Agudelo
   *@since: 07/12/2016 
  */
  .certificacion .imgCertificacionISO {
    float: initial;
    display: block;
    width: 100%; }

  .certificacionAuditoria .imgCertificacionOHSAS {
    float: initial;
    display: block;
    width: 100%;
    text-align: center; }
    .certificacionAuditoria .imgCertificacionOHSAS img {
      margin-left: 0; }

  .MenuTabs .MenuTabsItem div .icon-etica {
    background: url("../img/icon-etica.png");
    height: 100%;
    width: 20%;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center center; }
  .MenuTabs .MenuTabsItem div .icon-lineamientos {
    background: url("../img/icon-lineamientos.png");
    height: 100%;
    width: 20%;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center center; }
  .MenuTabs .MenuTabsItem div .icon-participacion {
    background: url("../img/icon-participacion.png");
    height: 100%;
    width: 20%;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center center; }
  .MenuTabs .MenuTabsItem div .icon-mejora {
    background: url("../img/icon-mejora.png");
    height: 100%;
    width: 20%;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center center; }
  .MenuTabs .MenuTabsItem div .icon-frentes {
    background: url("../img/icon-frentes.png");
    height: 100%;
    width: 20%;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center center; }

  /* Sostenibilidad - Juanta directiva
   *@author: John Alexander Agudelo
   *@since: 23/12/2016 
  */
  .column2 {
    margin: 1em 0 1em 0;
    width: 100%;
    display: block;
    float: none;
    padding-bottom: 0; }
    .column2:first-child {
      border-right: none;
      border-bottom: 1px solid #aaaaaa;
      margin-right: 0;
      padding-bottom: 1em; }

  /* Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .grid-socios .socio {
    width: 50%; }
  .grid-socios .socio:nth-child(3n) {
    border-right: 1px solid #dcd9d9; }
  .grid-socios .socio:nth-child(25) {
    border-bottom: none; }
  .grid-socios .socio:nth-child(2n) {
    border-right: none; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 10/01/2017 
  */
  .testimonios .testimonio .testimonio-autor {
    display: block;
    width: 100%;
    padding-right: 1em;
    padding-bottom: 1em; }
  .testimonios .testimonio .testimonio-foto {
    display: inline-block;
    width: 100%; }
    .testimonios .testimonio .testimonio-foto img {
      max-width: 320px;
      margin: 0 auto;
      display: block; }
  .testimonios .testimonio .testimonio-text {
    display: inline-block;
    width: 100%; }

  .destascado {
    padding: 2em 4em; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 115px;
    height: 385px;
    margin: 50px 0 155px 0; }
    .content_carousel .videoprincipal {
      width: 380px;
      height: 214px;
      top: -410px; }
      .content_carousel .videoprincipal .pie-video {
        bottom: -34px;
        height: 28px;
        padding-left: 15px;
        font-size: 0.85em; }

  .contentThumbs .bx-wrapper {
    height: 225px;
    width: 390px; }
  .contentThumbs .controls-outside {
    width: 380px; }
    .contentThumbs .controls-outside #slider-prev .bx-prev {
      display: block;
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-prev .bx-prev:before {
        margin-left: 14px;
        top: 13px; }
    .contentThumbs .controls-outside #slider-next .bx-next {
      display: block;
      min-height: 35px;
      width: 35px; }
      .contentThumbs .controls-outside #slider-next .bx-next:before {
        margin-left: 11px;
        top: 13px; }

  .slider_carousel_videos .slide {
    width: 180px !important;
    margin: 0 12px 0 5px !important; }
    .slider_carousel_videos .slide:last-child {
      width: 195px !important; }
    .slider_carousel_videos .slide:after {
      right: -9px; }
    .slider_carousel_videos .slide img {
      width: 180px;
      height: 100px; }
    .slider_carousel_videos .slide .videoInfo {
      width: 175px;
      margin: 5px 5px 0 5px; }
      .slider_carousel_videos .slide .videoInfo .titleVideo {
        font-size: 16px;
        height: 70px; }
      .slider_carousel_videos .slide .videoInfo .imgRelojGray {
        height: 15px;
        width: 15px;
        vertical-align: sub; }
      .slider_carousel_videos .slide .videoInfo span {
        font-size: 15px;
        vertical-align: middle; }

  #cd-timeline {
    width: 400px; }

  .timeline .bx-controls-direction .bx-prev {
    left: 73%; }

  .slider-historia .slider {
    width: 100%;
    margin-right: 1.6em;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column; }

  .cd-timeline-content {
    flex-direction: column; }
    .cd-timeline-content .bx-wrapper {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      overflow: hidden;
      width: 100%; }
      .cd-timeline-content .bx-wrapper .bx-viewport {
        padding: 0; }

  .cd-timeline-content-text {
    width: 90%;
    padding-left: .5em;
    font-size: .9em; }
    .cd-timeline-content-text strong {
      font-size: 1em; }

  .cd-timeline-content img {
    width: 33%;
    margin-bottom: 1em; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .ImgInternaSocio {
    width: 80%; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items {
    padding-left: 5px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(1) {
      margin-left: 68px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(4) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(7) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(10) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(13) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(16) {
      margin-left: 70px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(6) {
      margin-left: 70px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(11) {
      margin-left: 70px; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 05/12/2016 
  */
  .uploadFileForm {
    width: 100%; }
    .uploadFileForm .uploadFile .addFile {
      width: 50%; }
      .uploadFileForm .uploadFile .addFile .addFile-text h3, .uploadFileForm .uploadFile .addFile .addFile-text p {
        font-size: 15px; }
      .uploadFileForm .uploadFile .addFile .addFile-text p {
        font-size: 13px; }
    .uploadFileForm .list-file .file .file-name {
      font-size: 14px; }

  .fieldForm.inputPhone {
    width: 100%; }

  /* Misión, Proposito superior
   *@author: Jhon Alexander Agudelo
   *@since: 09/03/2017 
  */
  .content-estrategia .estrategia-item {
    margin: 60px 0 0 0;
    width: calc(100% - 3px); }

  /* Gestion humana
   *@author: John ALex Agudelo
   *@since: 10/03/2017 
  */
  .gestion-humana .grafico-gestion-humana {
    width: 415px; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      left: 41px;
      top: 70px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      width: 80px;
      height: 20px;
      top: 14px;
      left: 168px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      right: 45px;
      top: 70px; }
    .gestion-humana .grafico-gestion-humana .compensacion {
      left: 125px;
      top: 74px;
      width: 70px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      right: 130px;
      width: 60px;
      top: 78px; }
    .gestion-humana .grafico-gestion-humana .humano {
      right: 85px;
      top: 150px;
      height: 35px;
      width: 55px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      right: 126px;
      top: 222px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      left: 123px;
      top: 223px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      left: 90px;
      width: 50px;
      top: 155px; }
    .gestion-humana .grafico-gestion-humana .vida {
      width: 50px;
      height: 50px;
      top: 143px;
      left: 0; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      left: 50px;
      top: 255px; }
    .gestion-humana .grafico-gestion-humana .cambio {
      right: 55px;
      top: 252px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 68px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 13px;
    left: 165px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 68px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 73px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 77px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 147px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 222px;
    right: 128px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 222px;
    left: 124px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 154px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 142px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 254px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 252px; }

  /* Gestion humana - Medios Encomunidad
   *@author: Jhon Pérez
   *@since: 11/04/2017 
  */
  .gestion-social .fieldForm {
    width: 100%; }
    .gestion-social .fieldForm:nth-child(2) {
      float: none; }
    .gestion-social .fieldForm:nth-child(4) {
      float: none; }

  /* Asamblea general de accionistas
   *@author: Jhon Perez
   *@since: 25/05/2017 
  */
  .tab-list-repres-legal .searchInfoFinanciera .lineYears li a {
    display: inline-block;
    padding: 0 12px;
    line-height: 40px;
    font-size: .7em; }

  .sectionObjective .MenuArticles {
    flex-direction: inherit; }
    .sectionObjective .MenuArticles li {
      text-align: center; }

  /* Proveedores
   *@author: Jhon Pérez
   *@since: 27/05/2017 
  */
  .table.proveedores .table-row .cell:first-child {
    width: 32%; }
  .table.proveedores .table-row .cell:last-child {
    width: 65%; }
  .table.width50 .table-row .cell:first-child {
    width: 30%; }
  .table.width50 .table-row .cell:last-child {
    width: 70%; }

  /* Banner Gestión en las Prácticas
   *@author: Jhon Pérez
   *@since: 22/06/17
  */
  .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto {
    width: 55%;
    left: 3%; }
  .bannerGestionPracticas .content-banner .bannerGestionPracticasBoton {
    right: 3%; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .lineBackground-bottom {
    background: url("../img/ICONO_PA_BACKGOUND_03.svg") 0% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 65% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_01.svg") 100% bottom no-repeat; }

  /* Resultado de busqueda
   *@author: Jhon Pérez
   *@since: 01/08/17
  */
  .boxResults {
    height: auto;
    display: inherit;
    display: flex; }
    .boxResults .boxResultInfo {
      position: inherit;
      display: initial;
      height: auto;
      width: calc(100% - 120px);
      padding-bottom: 22px; }

  .img1 {
    display: none; }

  .img1_mobile {
    display: block; }

  .btnTransparent {
    margin: 5px 20px; }

  .texto {
    max-width: 630px; }
    .texto span {
      line-height: 0;
      font-size: 1.5em;
      margin: 5px 10px 5px 20px; }
      .texto span.second-title {
        font-size: 15px; }
    .texto p {
      font-size: 0.8em;
      margin-left: 20px;
      line-height: 1.2em; }

  .menuMovil {
    right: 20px; }

  nav.nav .logo-es, nav.nav .logo-en {
    margin: 10px 20px; }
  nav.nav .megaMenu ul li a {
    font-size: 1.1em; } }
@media screen and (max-width: 450px) {
  .notices .noticeInfograficos .noticeInfograficoContent {
    width: 100%; }
    .notices .noticeInfograficos .noticeInfograficoContent .text p {
      padding: 0 .5em;
      font-size: .7em;
      line-height: 12px !important; }

  /*Slider Historia
   *@author: Cristian DuquE Usma
   *@since: 
  */
  .cd-timeline-content {
    width: 70%; }

  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .cajon .contenidoSlider p {
    padding: 0px 20px; }

  .clear {
    height: 30px; }

  .textNoticiaPrincipal {
    font-size: 26px; }
    .textNoticiaPrincipal span {
      font-size: 13px; }
    .textNoticiaPrincipal p {
      font-size: 18px; }

  .col1 {
    margin: -30px 0 70px 0px; }

  .cajon .contenidoSlider {
    height: 85%;
    width: 94%; }

  .sliderV2 {
    top: 135px;
    padding: 0 20px; }

  .titleInformation {
    font-size: 19px; }

  .imgSlide1 {
    left: 34%; }

  .imgSlide2 {
    left: 34%; }

  .imgSlide3 {
    left: 38%; }

  .col2:after {
    left: 39%; }

  .cold3:after {
    left: 39%; }

  ul.bjqs-controls.v-centered {
    display: none; }

  .col4 {
    padding: 0 0; }
    .col4:after {
      left: 0; }

  .icon-list2 {
    margin: 25px -15px; }

  .logo {
    margin: 60px 0px 0px 0px;
    left: 0px; }

  .texto strong {
    font-size: 45px; }

  ul.bjqs-controls {
    display: none; }

  .idiomas li {
    margin: 0; }

  .inboxHeader {
    padding: 10px 20px; }
    .inboxHeader .searchClose {
      top: 10px;
      right: 20px; }

  .textMidSlider {
    min-height: 170px;
    max-height: 381px; }

  .textoSomos p {
    padding: 0px 5px; }

  /* sliderV2 es el slider de sostenibilidad del home */
  .sliderV2 .bx-viewport {
    height: auto !important; }

  .textoSomosContenido {
    padding: 0; }

  .subtituloNuestroImpacto {
    padding: 10px 40px; }

  .sliderV2 .bx-controls.bx-has-pager.bx-has-controls-direction div {
    top: 0px; }

  .imgNoticia:after {
    width: 85%;
    margin-left: -60px;
    top: 180px; }

  .infografico {
    height: 250px;
    padding: 0px; }

  .tituloIconNuestroImpacto {
    margin: 23px 0px 0px; }

  .subtituloNuestroImpacto {
    padding: 0px 18px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  /* SECTION ENTERATE*/
  .breadcrumbsSteps {
    display: none; }

  .lineYears li a {
    display: inline-block;
    padding: 0 12px;
    line-height: 40px;
    font-size: .7em; }
  .lineYears .lineYearsActive {
    background: #2e73ba;
    border: 1px solid #2e73ba; }
    .lineYears .lineYearsActive a {
      color: white; }

  .MenuArticles {
    flex-direction: column; }
    .MenuArticles li {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #bbbbbb; }
      .MenuArticles li:first-child {
        border-top: 1px solid #bbbbbb; }
      .MenuArticles li a {
        width: 100%;
        font-size: 12px !important; }
    .MenuArticles .MenuArticles-activo {
      border-left: 5px solid #2e73ba;
      border-bottom: 1px solid #bbbbbb; }

  .breadcrumbs {
    left: 20px;
    width: 240px; }

  /* Plan de comptas
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .shop .table-row .cell-title {
    margin: .3em 0 0;
    width: 36%;
    font-size: 15px; }
  .shop .table-row .cell {
    padding: .5em .5em .1em;
    vertical-align: top;
    font-size: 14px; }
    .shop .table-row .cell.left-align {
      padding: 0; }

  .cell-title {
    padding: 0 0 .5em; }

  /* Gestion humana
   *@author: John ALex Agudelo / Cristian Duque Usma
   *@since: 10/03/2017 - 18/05/2017
  */
  .gestion-humana .grafico-gestion-humana {
    width: 365px; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      left: 40px;
      top: 60px;
      height: 15px;
      width: 90px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      width: 80px;
      height: 15px;
      top: 13px;
      left: 140px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      width: 90px;
      height: 15px;
      top: 61px;
      right: 44px; }
    .gestion-humana .grafico-gestion-humana .compensacion {
      width: 60px;
      height: 20px;
      top: 68px;
      left: 110px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      width: 50px;
      height: 20px;
      top: 70px;
      right: 115px; }
    .gestion-humana .grafico-gestion-humana .humano {
      width: 50px;
      height: 35px;
      top: 130px;
      right: 75px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      width: 50px;
      height: 25px;
      top: 195px;
      right: 114px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      width: 60px;
      height: 20px;
      top: 198px;
      left: 110px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      width: 40px;
      height: 20px;
      top: 137px;
      left: 80px; }
    .gestion-humana .grafico-gestion-humana .vida {
      width: 45px;
      height: 45px;
      top: 125px;
      left: 0; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      width: 95px;
      height: 15px;
      top: 228px;
      left: 46px; }
    .gestion-humana .grafico-gestion-humana .cambio {
      top: 225px;
      right: 50px;
      width: 90px;
      height: 15px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 60px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 13px;
    left: 140px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 60px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 67px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 71px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 129px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 195px;
    right: 115px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 198px;
    left: 109px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 136px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 125px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 227px;
    left: 45px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 225px; }

  /* Proveedores
   *@author: Jhon Pérez
   *@since: 27/05/2017 
  */
  .table.proveedores .table-row {
    font-size: 14px; }
    .table.proveedores .table-row .cell:first-child {
      width: 32%; }
    .table.proveedores .table-row .cell:last-child {
      width: 65%; }
  .table.width50 .table-row {
    font-size: 14px; }
    .table.width50 .table-row .cell:first-child {
      width: 30%; }
    .table.width50 .table-row .cell:last-child {
      width: 70%; }
    .table.width50 .table-row .cell ul.listaGenerica {
      padding-left: 30px; }
      .table.width50 .table-row .cell ul.listaGenerica li {
        width: 50%; }

  /* Biodiversidad - Sostenibilidad
   *@author:  Cristian Duque
   *@since: 31/05/2017 
  */
  .contenedorguias .guias {
    width: 100%; }

  /* Contactanos PQRS
   *@author: Jhon Pérez
   *@since: 14/07/2017 
  */
  .fieldForm.cntRadio {
    height: auto; }
  .fieldForm .radio {
    display: flex;
    margin: 10px 0;
    position: relative; }
    .fieldForm .radio label {
      margin-left: 30px; }
      .fieldForm .radio label span {
        position: absolute;
        margin: 2px 5px 0 -30px; }

  /*
  * Nuestros negocios
  * Esté código debe pasarse a sass
  */
  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos.hidro {
    left: 50%;
    transform: translateX(-50%); }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos.geotermicos {
    left: 50%;
    transform: translateX(-50%); }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos.eolicos {
    left: 50%;
    transform: translateX(-50%); }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto span {
    line-height: 17px;
    margin-left: 50px; }

  .mapa-hidroelectricas .grid-hidroelectricas {
    min-height: 960px; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio .en-estudio {
    height: 0; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio .en-estudio a img {
    display: none; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content {
    top: 0; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio {
    /*background: url('/isagen-2016-theme/img/Mapa-proyectos-en-estudio-mobile.png');*/
    /*background: url('/documents/21223/120362/Mapa-proyectos-en-estudio-mobile.png');*/
    /*background: url('https://www.isagen.com.co/SitioWeb/documents/21223/120362/Mapa-proyectos-en-estudio-mobile.png');*/
    background: url("../img/Mapa-proyectos-en-estudio-mobile.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 20px;
    height: 520px; }

  /*.mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador{
      display: none;
  }*/
  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .info-proyecto {
    padding: 25px 30px 15px 3px; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .info-proyecto.active .bx-wrapper {
    width: 230px; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .slider .proyecto-img-slide {
    width: 260px;
    height: 132px; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .slider {
    width: 260px !important; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .bx-controls-direction .bx-prev {
    top: 90%;
    left: 70%; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tabs-proyectos .bx-controls-direction .bx-next {
    top: 90%;
    right: 0%; }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content {
    height: calc(100% - 25px); }

  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .bx-viewport {
    /*height: 621px !important;*/
    min-height: 610px !important; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.rio-patia {
    top: 473px;
    left: 0px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-ii {
    top: 18px;
    left: 254px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-i {
    top: 5px;
    left: 260px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.macizo-volcanico-ruiz {
    top: 320px;
    left: 88px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.tafetanes {
    top: 282px;
    left: 111px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.san-bartolome {
    top: 272px;
    left: 135px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.nare {
    top: 258px;
    left: 86px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.palagua {
    top: 278px;
    left: 123px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.piedra-del-sol {
    top: 278px;
    left: 174px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.active span.tooltip-name {
    width: 160px;
    line-height: 15px;
    padding: 5px 5px 5px 10px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.piedra-del-sol span.tooltip-name {
    left: -160px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.piedra-del-sol span.tooltip-name:after {
    left: initial;
    border-right: 10px solid white;
    border-left: 10px solid transparent;
    right: 0; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-i span.tooltip-name {
    left: -160px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-i span.tooltip-name:after {
    left: initial;
    border-right: 10px solid white;
    border-left: 10px solid transparent;
    right: 0; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-ii span.tooltip-name {
    left: -160px; }

  .mapa-hidroelectricas .mapa.mapa-proyectos-en-estudio .marcador.guajira-ii span.tooltip-name:after {
    left: initial;
    border-right: 10px solid white;
    border-left: 10px solid transparent;
    right: 0; }

  #tafetanes {
    padding: 25px 30px 15px 45px !important; }

  #macizo-volcanico-ruiz, #guajira-i, #guajira-ii {
    padding: 25px 0px 15px 25px !important; }

  /* Resultado de busqueda
   *@author: Jhon Pérez
   *@since: 01/08/17
  */
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    width: 80%; }

  /* Sistema de Ética empresarial
   *@author: Jhon Perez
   *@since: 05/06/2017 
  */
  .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth {
    height: 270px;
    width: 270px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth img {
      width: 270px;
      height: 270px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion {
      top: -45px;
      left: -45px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio {
      top: -45px;
      right: -45px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion {
      bottom: -45px;
      left: -45px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento {
      bottom: -45px;
      right: -45px; }
  .accordionItemContent .sistema-etica .sistema-etica-right > div article .column {
    float: none;
    width: 100%; } }
@media screen and (max-width: 400px) {
  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 03/11/2016 
  */
  .notices article {
    margin-bottom: .8em; }
  .notices .noticeFecha {
    font-size: .8em; }
  .notices .notice .noticeContent {
    margin: 20px 10px 20px 10px; }
    .notices .notice .noticeContent .noticeTitle {
      margin: 15px 0 20px 0; }
  .notices .noticeInfograficos .noticeInfograficoContent .text .noticeTitle {
    font-size: .8em;
    font-weight: 200; }
  .notices .noticeInfograficos .noticeInfograficoContent .text p {
    line-height: 12px;
    font-size: .7em;
    margin: .5em 0; }
  .notices .noticeImg {
    height: 105px; }
  .notices .noticeImgInfo {
    height: 140px; }

  .fechaBoletines {
    left: 2px; }

  .alturaBoletinesImagen .noticeImgInfo {
    height: 100%; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 105px;
    height: 360px;
    margin: 50px 0 140px 0; }
    .content_carousel .videoprincipal {
      width: 350px;
      height: 197px;
      top: -380px; }
      .content_carousel .videoprincipal .pie-video {
        font-size: 0.7em; }

  .contentThumbs .bx-wrapper {
    height: 225px;
    width: 355px; }
  .contentThumbs .controls-outside {
    width: 350px; }

  .slider_carousel_videos .slide {
    width: 162px !important; }
    .slider_carousel_videos .slide:last-child {
      width: 177px !important; }
    .slider_carousel_videos .slide:after {
      right: -10px; }
    .slider_carousel_videos .slide img {
      width: 165px;
      height: 90px; }
    .slider_carousel_videos .slide .videoInfo {
      width: 160px;
      margin: 5px 5px 0 5px; }
      .slider_carousel_videos .slide .videoInfo .titleVideo {
        font-size: 15px;
        line-height: 20px; }

  #cd-timeline {
    width: 350px; }

  .cd-timeline-content img {
    border-radius: 50%;
    width: 40%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1em; }

  .cd-timeline-content-text {
    width: 90%;
    display: block;
    padding-left: .5em; }

  .timeline .bx-controls-direction .bx-prev {
    left: 70%; }

  /* Servicios en linea
   *@author: Jhon Alexander Agudelo
   *@since: 06/02/2017 
  */
  .categorias-servicios .servicio {
    margin: 5px 5px;
    width: 150px; }
    .categorias-servicios .servicio .servicio-content {
      width: 140px; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items {
    padding-left: 5px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(16) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(6) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(11) {
      margin-left: 3px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(5) {
      margin-left: 70px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(9) {
      margin-left: 70px; }
    .hexagon-content .hexagon-items .hexagon-item:nth-child(13) {
      margin-left: 70px; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 05/12/2016 
  */
  .uploadFileForm .uploadFile .addFile {
    width: 70%; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .politica-menu-mobile .card-politica .card-item-politica {
    width: calc(33% - 5px);
    height: 100px; }
    .politica-menu-mobile .card-politica .card-item-politica:nth-child(-n + 2) {
      margin-right: 5px; }
    .politica-menu-mobile .card-politica .card-item-politica .icon-politica {
      height: 80px;
      width: 80px; }
      .politica-menu-mobile .card-politica .card-item-politica .icon-politica .icon-politica-img {
        height: 50px;
        width: 50px; }

  .politica-menu-mobile .card-politica .card-item-politica .btn-more {
    display: none; }

  .title-politica-mobile {
    margin-top: 20px;
    width: calc(100% - 110px); }

  .icon-politica-text {
    height: 80px;
    width: 80px; }
    .icon-politica-text .icon-politica-img {
      height: 50px;
      width: 50px; }

  /* Interna Información Relevante
   *@author: Jhon Pérez
   *@since: 8/03/2017 
  */
  .listInfoRelevante .itemlistInfoRelevante .infoRelevante {
    width: 88%; }

  /* Misión, Proposito superior
   *@author: Jhon Alexander Agudelo
   *@since: 09/03/2017 
  */
  .objetivos-estrategicos-content .objes-menu .objes-option {
    width: 43%;
    height: 150px;
    margin: 5px 5px;
    padding: 10px; }
    .objetivos-estrategicos-content .objes-menu .objes-option .objes-men {
      width: 80px;
      height: 80px; }
      .objetivos-estrategicos-content .objes-menu .objes-option .objes-men img {
        width: 35px; }
    .objetivos-estrategicos-content .objes-menu .objes-option h3 {
      font-size: .9em; }

  .slider-historia {
    padding: 0 0 3em 0; }

  /* Sostenibilidad - Iniciativas Globales
   *@author: Cristian Duque Usma
   *@since: 
  */
  #sliderObjective {
    height: 270px !important; }

  /* Gestion humana
   *@author: John ALex Agudelo
   *@since: 10/03/2017 
  */
  .gestion-humana .grafico-gestion-humana {
    width: 345px; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      left: 35px;
      top: 58px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      width: 75px;
      height: 15px;
      top: 12px;
      left: 135px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      width: 90px;
      height: 15px;
      top: 58px;
      right: 38px; }
    .gestion-humana .grafico-gestion-humana .compensacion {
      width: 55px;
      height: 25px;
      top: 62px;
      left: 105px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      width: 45px;
      height: 26px;
      top: 65px;
      right: 112px; }
    .gestion-humana .grafico-gestion-humana .humano {
      width: 40px;
      height: 30px;
      top: 123px;
      right: 76px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      width: 45px;
      height: 25px;
      top: 185px;
      right: 110px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      width: 50px;
      height: 25px;
      top: 185px;
      left: 105px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      width: 40px;
      height: 20px;
      top: 130px;
      left: 75px; }
    .gestion-humana .grafico-gestion-humana .vida {
      width: 45px;
      height: 45px;
      top: 116px;
      left: 0; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      top: 215px;
      left: 40px; }
    .gestion-humana .grafico-gestion-humana .cambio {
      top: 210px;
      right: 43px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 55px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 12px;
    left: 133px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 55px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 60px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 64px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 122px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 185px;
    right: 111px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 185px;
    left: 105px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 129px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 116px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 215px;
    left: 40px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 212px; }

  /* Plan de comptas
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .shop .table-row {
    padding: 5px 0; }
    .shop .table-row .cell-title {
      width: 35%;
      font-size: 14px; }
    .shop .table-row .cell {
      width: 61%;
      padding: .3em 0;
      font-size: 13px; }

  .cell-title {
    line-height: 15px; }

  /* Proveedores
   *@author: Jhon Pérez
   *@since: 27/05/2017 
  */
  .table.proveedores .table-row, .table.width50 .table-row {
    font-size: 13px; }

  /* Riesgos
   *@author: Angie Martinez
   *@since: 22/05/2017 
  */
  .tituloH3 {
    padding-left: 0; }

  /* Resultado de busqueda
   *@author: Jhon Pérez
   *@since: 01/08/17
  */
  .boxResults {
    line-height: 1; }
    .boxResults .imgBoxResult {
      width: 115px; }
    .boxResults .boxResultInfo span a {
      line-height: 1.2; }
    .boxResults .boxResultInfo span:first-child {
      font-size: 14px; }
    .boxResults .boxResultInfo p {
      line-height: 1.3; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .lineBackground-bottom {
    background: url("../img/ICONO_PA_BACKGOUND_03.svg") -30% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 60% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_01.svg") 100% bottom no-repeat; }

  /* Banner Gestión en las Prácticas
   *@author: Jhon Pérez
   *@since: 22/06/17
  */
  .bannerGestionPracticas .content-banner .bannerGestionPracticasBoton {
    font-size: 10px; } }
@media screen and (max-width: 375px) {
  .breadcrumbs .sectionHeaderTitle {
    font-size: 1.3em; }

  h2 {
    font-size: 1.2em; }

  h3 {
    font-size: 1em; }

  h4 {
    font-size: .9em; }

  .redes {
    margin-top: 5px; }

  .btnBlue {
    margin: 15px 20px; }

  .col4 {
    padding: 0; }
    .col4:after {
      left: 5px; }

  .cajon .contenidoSlider {
    padding: 30px 0;
    width: 98%; }

  .sliderV2 {
    width: 100%; }

  .textNoticia {
    margin: 0; }

  .imgNoticia {
    height: 160px; }
    .imgNoticia:after {
      width: 90%;
      margin-left: -15px;
      top: 280px; }

  .textNoticiaPrincipal p {
    font-size: 15px; }

  /* Sostenibilidad - Iniciativas Globales
   *@author: Cristian Duque Usma
   *@since: 
  */
  #sliderObjective {
    height: 300px !important; }
    #sliderObjective ol.bjqs-markers {
      width: 100%;
      text-align: center; }
    #sliderObjective ol.bjqs-markers.h-centered {
      text-align: center;
      left: 0 !important;
      bottom: 0; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 25/10/2016 
  */
  .lineYears li a {
    padding: 0 9px; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 06/12/2016 
  */
  .sedes .sede .sedeInformacion {
    height: auto; }
    .sedes .sede .sedeInformacion .sedContacto span {
      line-height: 1.6em; }
      .sedes .sede .sedeInformacion .sedContacto span strong {
        display: block; }
  .sedes .sede .sedeDireccion {
    position: relative;
    margin-top: .5em; }
    .sedes .sede .sedeDireccion .sedeDireccionInfo {
      width: 100%;
      line-height: 1.5em; }
      .sedes .sede .sedeDireccion .sedeDireccionInfo span {
        display: block; }
  .sedes .sede .sedeImg img {
    width: 140px;
    margin-top: 10px; }
  .sedes .sede:nth-child(odd) .sedeImg {
    float: left; }
  .sedes .sede:nth-child(odd) .sedeInformacion {
    text-align: left;
    padding-left: 160px;
    padding-right: 0; }
  .sedes .sede:nth-child(odd) .sedeDireccion img {
    margin-right: .5em;
    position: absolute;
    bottom: 5px;
    left: 0; }
  .sedes .sede:nth-child(odd) .sedeDireccion .sedeDireccionInfo {
    margin-left: 35px;
    text-align: left; }
  .sedes .sede:nth-child(even) .sedeInformacion {
    padding-left: 160px; }
  .sedes .sede:nth-child(even) .sedeDireccion img {
    margin-right: .5em;
    position: absolute;
    bottom: 5px;
    left: 0; }
  .sedes .sede:nth-child(even) .sedeDireccion .sedeDireccionInfo {
    margin-left: 30px;
    text-align: left;
    max-width: 90%; }

  #drop-zone .uploadFile .addFile {
    width: 75%; }

  /* Red de socios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .grid-socios .socio {
    width: 100%; }
  .grid-socios .socio:nth-child(1n) {
    border-right: none; }

  /* Carrusel de videos
   *@author: Jhon Pérez
   *@since: 01/01/2017 
  */
  .content_carousel {
    top: 90px;
    height: 330px;
    margin: 50px 0 120px 0; }
    .content_carousel .videoprincipal {
      width: 300px;
      height: 169px;
      top: -355px; }

  .contentThumbs .bx-wrapper {
    height: 225px;
    width: 310px;
    /*top: 80px;*/ }
  .contentThumbs .controls-outside {
    width: 300px; }

  .slider_carousel_videos .slide {
    width: 140px !important; }
    .slider_carousel_videos .slide:last-child {
      width: 155px !important; }
    .slider_carousel_videos .slide:after {
      height: 90%;
      right: -10px; }
    .slider_carousel_videos .slide img {
      width: 140px;
      height: 80px; }
    .slider_carousel_videos .slide .videoInfo {
      width: 134px;
      height: 105px;
      margin: 10px 5px 0 5px; }
      .slider_carousel_videos .slide .videoInfo .titleVideo {
        height: 55px;
        font-size: 13px;
        line-height: 18px; }
      .slider_carousel_videos .slide .videoInfo .imgRelojGray {
        height: 14px;
        width: 14px;
        vertical-align: sub; }
      .slider_carousel_videos .slide .videoInfo span {
        font-size: 14px;
        vertical-align: middle; }

  #cd-timeline {
    width: 320px; }

  .timeline .bx-controls-direction .bx-prev {
    left: 66%; }

  /* Interna - Red de soios tecnologicos
   *@author: John Alexander Agudelo
   *@since: 26/12/2016 
  */
  .ImgInternaSocio {
    width: 100%; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items {
    padding-left: 25px; }
    .hexagon-content .hexagon-items .hexagon-item {
      width: 100px;
      margin: 30px 3px;
      margin-top: 0; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(1) {
        margin-left: 55px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(5) {
        margin-left: 54px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(9) {
        margin-left: 54px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(13) {
        margin-left: 54px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(12) {
        margin-left: 3px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(14) {
        margin-left: 3px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(8) {
        margin-left: 3px; }
      .hexagon-content .hexagon-items .hexagon-item:nth-child(16) {
        margin-left: 1px; }
      .hexagon-content .hexagon-items .hexagon-item:after {
        content: "";
        display: block;
        position: absolute;
        top: -25px;
        left: 0;
        border: 50px solid transparent;
        border-top: none;
        border-bottom: 25px solid white; }
      .hexagon-content .hexagon-items .hexagon-item:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -25px;
        left: 0;
        border: 50px solid transparent;
        border-bottom: 0 solid transparent;
        border-top: 25px solid white; }

  .listInfoRelevante .itemlistInfoRelevante .infoRelevante {
    width: 86%; }

  /* Gestion humana
   *@author: John ALex Agudelo
   *@since: 10/03/2017 
  */
  .gestion-humana .grafico-gestion-humana {
    width: 285px; }
    .gestion-humana .grafico-gestion-humana .ambiente {
      left: 31px;
      top: 48px;
      width: 70px;
      height: 10px; }
    .gestion-humana .grafico-gestion-humana .interrelaciones {
      width: 65px;
      height: 10px;
      top: 11px;
      left: 110px; }
    .gestion-humana .grafico-gestion-humana .laborales {
      width: 75px;
      height: 10px;
      top: 50px;
      right: 30px; }
    .gestion-humana .grafico-gestion-humana .compensacion {
      width: 45px;
      height: 20px;
      top: 51px;
      left: 88px; }
    .gestion-humana .grafico-gestion-humana .desempeno {
      width: 40px;
      height: 15px;
      top: 56px;
      right: 90px; }
    .gestion-humana .grafico-gestion-humana .humano {
      width: 37px;
      height: 27px;
      top: 100px;
      right: 60px; }
    .gestion-humana .grafico-gestion-humana .potencial {
      width: 40px;
      height: 20px;
      top: 152px;
      right: 89px; }
    .gestion-humana .grafico-gestion-humana .conocimiento {
      width: 45px;
      height: 22px;
      top: 152px;
      left: 85px; }
    .gestion-humana .grafico-gestion-humana .seleccion {
      height: 17px;
      top: 106px;
      left: 60px; }
    .gestion-humana .grafico-gestion-humana .vida {
      width: 37px;
      height: 37px;
      top: 96px;
      left: 0; }
    .gestion-humana .grafico-gestion-humana .comunicacion {
      top: 175px;
      left: 30px;
      width: 80px; }
    .gestion-humana .grafico-gestion-humana .cambio {
      top: 173px;
      right: 38px;
      width: 70px; }
  .gestion-humana.en .grafico-gestion-humana .ambiente {
    top: 47px; }
  .gestion-humana.en .grafico-gestion-humana .interrelaciones {
    top: 11px;
    left: 110px; }
  .gestion-humana.en .grafico-gestion-humana .laborales {
    top: 48px; }
  .gestion-humana.en .grafico-gestion-humana .compensacion {
    top: 50px; }
  .gestion-humana.en .grafico-gestion-humana .desempeno {
    top: 55px; }
  .gestion-humana.en .grafico-gestion-humana .humano {
    top: 100px; }
  .gestion-humana.en .grafico-gestion-humana .potencial {
    top: 152px;
    right: 90px; }
  .gestion-humana.en .grafico-gestion-humana .conocimiento {
    top: 152px;
    left: 86px; }
  .gestion-humana.en .grafico-gestion-humana .seleccion {
    top: 105px; }
  .gestion-humana.en .grafico-gestion-humana .vida {
    top: 96px; }
  .gestion-humana.en .grafico-gestion-humana .comunicacion {
    top: 173px; }
  .gestion-humana.en .grafico-gestion-humana .cambio {
    top: 172px; }

  /* Asamblea general de accionistas
   *@author: Jhon Perez
   *@since: 25/05/2017 
  */
  .tab-list-repres-legal .searchInfoFinanciera .lineYears li a {
    padding: 0 10px; }

  /* Biodiversidad - Sostenibilidad
   *@author: Angie Martinez
   *@since: 30/05/2017 
  */
  .contenedorguias .guias img {
    width: 145px; }

  /* Sextante - Etica
   *@author: Angie Martinez
   *@since: 26/05/2017 
  */
  .contenedoretica {
    width: 310px;
    margin: 40px 0; }
    .contenedoretica .circulogris {
      width: 300px;
      height: 300px;
      border: 5px solid #dadada; }
      .contenedoretica .circulogris .circuloazul {
        width: 290px;
        height: 290px; }
        .contenedoretica .circulogris .circuloazul .flecha {
          width: 44px;
          height: 140px; }
        .contenedoretica .circulogris .circuloazul .flecha1 {
          width: 122px;
          height: 53px;
          top: -25px;
          left: 22px; }
        .contenedoretica .circulogris .circuloazul .flecha2 {
          width: 122px;
          height: 53px;
          top: -79px;
          left: 145px; }
        .contenedoretica .circulogris .circuloazul .flecha3 {
          width: 60px;
          height: 136px;
          top: -104px; }
    .contenedoretica .acciones .accion .interna {
      top: -36px; }

  /* Banner Gestión en las Prácticas
   *@author: Jhon Pérez
   *@since: 22/06/17
  */
  .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto {
    width: 60%;
    left: 3%; }
    .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto h3 {
      font-size: .7em; }
    .bannerGestionPracticas .content-banner .bannerGestionPracticasTexto p {
      font-size: 12px; }
  .bannerGestionPracticas .content-banner .bannerGestionPracticasBoton {
    width: auto;
    min-width: 90px;
    font-size: 9px;
    right: 3%; }
    .bannerGestionPracticas .content-banner .bannerGestionPracticasBoton.btnGreenTransparent {
      padding: 12px 5px; }

  /* Resultado de busqueda
   *@author: Jhon Pérez
   *@since: 01/08/17
  */
  .boxResults .boxResultInfo p {
    line-height: 1.2; }

  /*
  * Nuestros negocios
  * Esté código debe pasarse a sass
  */
  .mapa-hidroelectricas .grid-hidroelectricas.grid-proyectos-en-estudio #tab-content .tab-hidroelectricas .proyectos .proyecto .lista-proyecto {
    margin: 10px 10px 0 10px; }

  /* Sistema de Ética empresarial
   *@author: Jhon Perez
   *@since: 05/06/2017 
  */
  .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica {
    height: 110px;
    width: 110px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.identificacion {
      top: -30px;
      left: -15px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.disenio {
      top: -30px;
      right: -15px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.capacitacion {
      bottom: -30px;
      left: -15px; }
    .accordionItemContent .sistema-etica .grafico-sistema-etica-lefth .sist-etica.seguimiento {
      bottom: -30px;
      right: -15px; }

  header {
    margin: 2px 0px; }

  .btnTransparent {
    margin: 5px 20px;
    padding: 10px 0;
    width: 150px; }

  .texto {
    max-width: 300px;
    width: 100%; }
    .texto span {
      line-height: 0;
      font-size: 1.3em;
      margin-left: 20px; }
    .texto p {
      font-size: 0.8em;
      margin-left: 20px;
      line-height: 1.2em;
      margin-right: 3px; } }
@media screen and (max-width: 320px) {
  /*Estilos Sección Home 
   *@author: Jhon Pérez
   *@since: 31/10/2016 
  */
  /* SECTION HOME*/
  .btnWhiteBlue, .table-see-more .table-btn-see-more {
    font-size: .8em; }

  .textNoticiaPrincipal p {
    font-size: 14px; }

  /*Estilos Contenido Enterate 
   *@author: John Alexander Agudelo
   *@since: 23/11/2016 
  */
  .notices .noticeFecha {
    font-size: .6em; }
  .notices .notice .noticeContent {
    margin: 10px 10px 10px 10px; }
    .notices .notice .noticeContent .noticeTitle {
      font-size: .8em; }
  .notices .noticeInfograficos .noticeInfograficoContent .text .noticeTitle {
    margin: 0px 0 0 0;
    font-size: .8em; }
  .notices .noticeInfograficos .noticeInfograficoContent .text p {
    line-height: 11px;
    font-size: .6em; }
  .notices .noticeInfograficoContent.boletinesPrensa .text .noticeTitle {
    margin: 60px 0 0 0; }
  .notices .noticeImg {
    height: 90px; }
  .notices .noticeImgInfo {
    height: 130px; }

  .alturaBoletinesImagen .noticeImgInfo {
    height: 100%; }

  .mapa-hidroelectricas .grid-hidroelectricas .hidroelectrica {
    width: 47%; }
  .mapa-hidroelectricas .mapa {
    background: url(../img/mapa-colombia-mobile.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    min-width: 280px;
    min-height: 260px;
    width: 280px;
    height: 260px; }
    .mapa-hidroelectricas .mapa .marcador.jaguas {
      top: 51px;
      left: 121px; }
    .mapa-hidroelectricas .mapa .marcador.calderas {
      top: 58px;
      left: 131px; }
    .mapa-hidroelectricas .mapa .marcador.carlos {
      top: 60px;
      left: 120px; }
    .mapa-hidroelectricas .mapa .marcador.termocentro {
      top: 49px;
      left: 150px; }
    .mapa-hidroelectricas .mapa .marcador.sogamoso {
      top: 51px;
      left: 172px; }
    .mapa-hidroelectricas .mapa .marcador.miel {
      top: 98px;
      left: 119px; }
    .mapa-hidroelectricas .mapa .marcador.amoya {
      top: 165px;
      left: 100px; }

  #cd-timeline {
    width: 270px; }

  .controls-outside-historia #slider-prev a {
    top: 225px;
    left: 110px; }

  .timeline .bx-controls-direction .bx-prev {
    left: 60%; }

  /* Timeline historia
   *@author: Jhon Alexander Agudelo
   *@since: 20/01/2017 
  */
  .hexagon-content .hexagon-items {
    padding-left: 4px; }

  /* Plan de compras
   *@author: Jhon Pérez
   *@since: 20/02/2017 
  */
  .shop .table-row .cell-title {
    width: 28%;
    font-size: 13px; }
  .shop .table-row .cell {
    width: 66%;
    font-size: 12px; }
    .shop .table-row .cell.two-col {
      margin-right: 15px;
      width: 25%; }

  /* Contactanos
   *@author: John Alexander Agudelo
   *@since: 05/12/2016 
  */
  .fieldForm .input-checkbox-wrapper div.required {
    top: 99px; }

  .uploadFileForm .uploadFile .addFile {
    width: 90%; }

  .form div.captchaForm {
    margin-top: 5.5em; }

  /*Estilos sesccion Información financiera
   *@author: Jhon Pérez
   *@since: 29/03/2017
  */
  .searchInfoFinanciera .filterInfoFinanciera .fieldSearch button {
    padding: 5px 20%; }

  /*Estilos sesccion grupos de interes
   *@author: John Agudelo
   *@since: 30/03/2017
  */
  .red-container .red-descripion .red-logo {
    width: 100%; }

  /* Proveedores
   *@author: Jhon Pérez
   *@since: 27/05/2017 
  */
  .table.proveedores .table-row, .table.width50 .table-row {
    font-size: 12px; }

  /* Resultado de busqueda
   *@author: Jhon Pérez
   *@since: 01/08/17
  */
  .boxResults .imgBoxResult {
    width: 115px; }
  .boxResults .boxResultInfo span a {
    line-height: 1; }
  .boxResults .boxResultInfo span:first-child {
    font-size: 13px; }
  .boxResults .boxResultInfo p {
    font-size: 12px;
    line-height: 1.2; }

  /* Política Ambiental
   *@author: Jhon Alexander Agudelo
   *@since: 14/02/2017 
  */
  .lineBackground-bottom {
    background: url("../img/ICONO_PA_BACKGOUND_03.svg") -85% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_02.svg") 65% bottom no-repeat, url("../img/ICONO_PA_BACKGOUND_01.svg") 115% bottom no-repeat; } }
/*------------------------- Plantillas media queries helper classes --------------------*/
/*@import "com/general/media_queries";*/
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

.visible {
  display: block !important;
  visibility: visible; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

.textCenter {
  text-align: center !important; }

.textLeft {
  text-align: left; }

.textRight {
  text-align: right; }

.textJustify {
  text-align: justify; }

.textItalic {
  font-style: italic; }

.citaText {
  font-style: italic;
  font-size: .8em;
  color: #aaaaaa;
  margin: 0;
  line-height: 15px;
  display: block; }

.subtitle {
  color: #323232;
  font-weight: bold; }

.subtitle-second {
  color: #636363;
  font-weight: bold;
  font-size: 1em; }

.marginNone {
  margin: 0; }

.marginTopMedium {
  margin-top: 2em; }

.marginTopSmall {
  margin-top: 1em; }

.marginTopNone {
  margin-top: 0; }

.marginBottomMedium {
  margin-bottom: 2em; }

.marginLeftMedium {
  margin-left: 2em; }

.marginleftSmall {
  margin-left: 1em; }

.marginRightSmall {
  margin-right: 1em; }

.listaGenerica li {
  position: relative;
  margin: 1em 0 0 0; }
.listaGenerica li:before {
  content: "";
  background: #2e73ba;
  height: 6px;
  width: 6px;
  display: inline-block;
  position: absolute;
  top: .5em;
  left: -1.5em; }
.listaGenerica.padding-small li {
  margin: .5em 0 0 0; }

.listaGenerica.green li:before {
  background: #68c460; }

.listaGenerica.azul-claro li:before {
  background: #429dd1; }

.listaGenerica.red li:before {
  background: red; }

.listaGenerica.yellow li:before {
  background: #e8aa1b; }

.listaGenerica.light-green li:before {
  background: #22b7bb; }

.listaGenerica.background-none li:before {
  background: transparent; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.text-green {
  color: #68c460 !important; }

.text-azul-claro {
  color: #429dd1 !important; }
  .text-azul-claro:hover {
    color: #23527c !important; }

.text-azul {
  color: #2e73ba !important; }

.text-red {
  color: red !important; }

.text-yellow {
  color: #e8aa1b !important; }

.vertialAlign {
  vertical-align: middle; }

.clearBoth {
  clear: both;
  height: 0px; }

.heightAuto {
  height: auto; }

.imgComplete {
  width: 100%;
  margin: 3% 0; }

.imgComplete-70 {
  width: 70% !important;
  display: block;
  margin: 0 auto; }

.center {
  margin: 0 auto;
  display: block; }

.textCenter {
  text-align: center; }

.m-clear {
  width: 100%;
  height: 20px; }

.width100 {
  width: 100%; }

.img-infografico img {
  display: block;
  margin: 0 auto 50px;
  left: 0;
  right: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0; }

.wordBreakAll {
  word-break: break-all; }

.hidden_spanish_desktop, .hidden_english_desktop {
  display: none !important; }

select.inputSelect option:first-child {
  display: block !important; }

@media screen and (max-width: 1100px) {
  .hidden_spanish_mobile, .hidden_english_mobile {
    display: none !important; } }
/*Ajuste título del footer en inglés
 *@author: Juan P. Uribe
 *@since: 12/07/2018
*/
@media screen and (min-width: 992px) {
  .ajustTitleFoo {
    width: 138px;
    text-align: center; } }
@media screen and (min-width: 1200px) {
  .ajustTitleFoo {
    width: 174px; } }
/*Ajuste menú inversionistas y proveedores desktop
 *@author: Juan P. Uribe
 *@since: 12/07/2018
*/
@media screen and (min-width: 1101px) {
  .adjustMenuInvestorSpanish {
    transform: translate(-85px);
    -webkit-transform: translate(-85px);
    -o-transform: translate(-85px);
    -ms-transform: translate(-83px); }

  .adjustMenuInvestorEnglish {
    transform: translate(-124px);
    -webkit-transform: translate(-124px);
    -o-transform: translate(-124px);
    -ms-transform: translate(-122px); }

  .adjustMenuSuppliers {
    width: 190px !important; } }
/*------------------------- Plantillas media queries helper classes --------------------*/
/* Import para sobrescribir estilos de front */
/* Para sobrescribir los estilos de frontend */
.sliderV2 {
  z-index: 10; }

.boxResultInfo .imgRelojGray {
  background-image: url("../img/calendario_gris.svg"); }

.cajon .imgSlide {
  background: url(../img/iniciativaPaz.png);
  height: 50px;
  width: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .cajon .imgSlide.biodiversidad {
    background: url(../img/biodiversidad.png);
    width: 45px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.cambio-climatico {
    background: url(../img/cambioClimatico.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.etica-empresarial {
    background: url(../img/etica_empresarial.png);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.gestion-social-de-las-regiones {
    background: url(../img/gestion-social-regiones.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.gestion-ambiental {
    background: url(../img/gestion_ambiental.png);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.nuestra-esencia {
    background: url(../img/nuestra_esencia_icono.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.gestion-agua {
    background: url(../img/gestion-agua.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.relaciones-con-los-de-grupos-interes {
    background: url(../img/relaciones-grupos-interes.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.desarrollo-de-los-trabajadores {
    background: url(../img/desarrollo-trabajadores.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.iniciativas-globales {
    background: url(../img/icono_iniciativas_globales.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.derechos-humanos-y-paz {
    background: url(../img/icono_derechos_humanos_y_paz.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.gestion-integral-de-riesgos {
    background: url(../img/icono-gestion-riesgos-home.svg);
    width: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .cajon .imgSlide.seguridad-y-salud-en-el-trabajo {
    background: url(../img/seguridad-salud-trabajo-home.png);
    width: 56px;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
.cajon .textMidSlider h3 {
  text-transform: uppercase; }

#nav li.menuItem > a {
  text-transform: uppercase; }

header {
  z-index: 20; }
  header .redesheader a {
    margin: 0;
    float: none; }

.fontEmpresarialSection.opcion2 {
  background-image: url(../img/sostenibilidad.jpg); }

button.btn {
  font-size: inherit;
  border-radius: 0; }

.portlet-asset-publisher .asset-full-content.show-asset-title .asset-content {
  margin: 0; }

section.sectionHeader {
  background-image: url(../img/cabezote_nosotros.jpg);
  background-size: cover;
  background-position: center center; }
  section.sectionHeader h2.sectionHeaderTitle {
    text-transform: uppercase; }
  section.sectionHeader.enterate, section.sectionHeader.search, section.sectionHeader.quienes-somos, section.sectionHeader.mision-proposito-superior-y-valores, section.sectionHeader.junta-directiva-y-equipo-de-gerencia, section.sectionHeader.reconocimientos-y-certificaciones, section.sectionHeader.boletin-buena-energia, section.sectionHeader.informe-de-gestion, section.sectionHeader.proteccion-de-datos, section.sectionHeader.enterate {
    background-image: url(../img/cabezote_nosotros.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.nuestras-centrales, section.sectionHeader.gestion-comercial, section.sectionHeader.informacion-regulatoria, section.sectionHeader.red-de-socios-tecnologicos, section.sectionHeader.anter, section.sectionHeader.applus-norcontrol, section.sectionHeader.centro-nacional-de-produccion-mas-limpia, section.sectionHeader.cidet, section.sectionHeader.organizacion-equitel, section.sectionHeader.genelec, section.sectionHeader.gers, section.sectionHeader.gl-ingenieros, section.sectionHeader.indisa, section.sectionHeader.inelec-international, section.sectionHeader.ieb, section.sectionHeader.instelec, section.sectionHeader.insuelectri, section.sectionHeader.oag-ingenieria, section.sectionHeader.proing, section.sectionHeader.schneider-electric, section.sectionHeader.siemens, section.sectionHeader.transequipos, section.sectionHeader.tracol, section.sectionHeader.transformadores-del-caribe-y-representaciones, section.sectionHeader.suntec, section.sectionHeader.grupo-union, section.sectionHeader.universidad-del-norte, section.sectionHeader.universidad-pontificia-bolivariana, section.sectionHeader.universidad-autonoma-de-occidente, section.sectionHeader.publicaciones-tecnicas, section.sectionHeader.isagen-le-responde, section.sectionHeader.preguntas-frecuentes-tecnicas, section.sectionHeader.revista-linea-viva {
    background-image: url(../img/cabezote_nuestros_negocios.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.sostenibilidad, section.sectionHeader.practicas, section.sectionHeader.gestion-integral-de-riesgos, section.sectionHeader.gestion-ambiental, section.sectionHeader.gestion-del-agua, section.sectionHeader.cambio-climatico, section.sectionHeader.recursos-naturales-y-biodiversidad, section.sectionHeader.etica-empresarial, section.sectionHeader.relaciones-con-grupos-de-interes, section.sectionHeader.gestion-social-en-las-regiones, section.sectionHeader.derechos-humanos, section.sectionHeader.desarrollo-de-los-trabajadores, section.sectionHeader.seguridad-y-salud-en-el-trabajo-seguridad-fisica-y-ambiente {
    background-image: url(../img/fondo_sostenibilidad.jpg);
    background-size: cover; }
  section.sectionHeader.gobierno-corporativo, section.sectionHeader.resultados-financieros, section.sectionHeader.emisiones-vigentes, section.sectionHeader.informacion-relevante, section.sectionHeader.informacion-financiera, section.sectionHeader.asamblea-general-de-accionistas, section.sectionHeader.servicios-en-linea, section.sectionHeader.canales-de-contacto, section.sectionHeader.oferta-de-compra-de-acciones {
    background-image: url(../img/banner_Inversionistas.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.contratacion-de-bienes-y-servicios, section.sectionHeader.certificados-de-retencion {
    background-image: url(../img/banner_proveedores.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.contactanos, section.sectionHeader.contact-us {
    background-image: url(../img/banner_contactanos.jpg);
    background-size: cover;
    background-position: center center; }

div.btnLoadMore {
  cursor: pointer; }

article.notice .noticeTitle a {
  color: #636363; }
article.notice .noticeTitle a:hover {
  text-decoration: none; }
article.notice.special {
  color: white;
  overflow: hidden; }
  article.notice.special .noticeImg {
    overflow: hidden;
    height: 314px;
    max-width: 100%; }
    article.notice.special .noticeImg img {
      max-width: none; }
  article.notice.special .noticeContent {
    flex-direction: column;
    display: flex;
    /* align-items: center;*/
    justify-content: center;
    position: absolute;
    top: 0px;
    padding: 40px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    margin: 0;
    width: 100%; }
    article.notice.special .noticeContent .noticeFecha, article.notice.special .noticeContent .noticeTitle, article.notice.special .noticeContent .noticeTitle a, article.notice.special .noticeContent p {
      color: white; }
  article.notice.special .SeeMore {
    background: white;
    color: #2e73ba;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa; }
    article.notice.special .SeeMore .seeMoreIcon {
      background: url(../img/mas_azul_on.svg) no-repeat;
      background-size: 100%;
      width: 15px;
      height: 15px;
      margin: 10px 0 0 10px; }

.informationSection .colEnterate .noticia {
  /* 24px */ }
  .informationSection .colEnterate .noticia .textNoticia p {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 370px;
    height: 86.4px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.6;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0; }

div.portlet-body > .container {
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

@media screen and (max-width: 768px) {
  section.sectionHeader.enterate, section.sectionHeader.search, section.sectionHeader.quienes-somos, section.sectionHeader.mision-proposito-superior-y-valores, section.sectionHeader.junta-directiva-y-equipo-de-gerencia, section.sectionHeader.reconocimientos-y-certificaciones, section.sectionHeader.boletin-buena-energia, section.sectionHeader.informe-de-gestion, section.sectionHeader.proteccion-de-datos, section.sectionHeader.enterate {
    background-image: url(../img/cabezote_nosotros-mobile.jpg); }
  section.sectionHeader.nuestras-centrales, section.sectionHeader.gestion-comercial, section.sectionHeader.informacion-regulatoria, section.sectionHeader.red-de-socios-tecnologicos, section.sectionHeader.anter, section.sectionHeader.applus-norcontrol, section.sectionHeader.centro-nacional-de-produccion-mas-limpia, section.sectionHeader.cidet, section.sectionHeader.organizacion-equitel, section.sectionHeader.genelec, section.sectionHeader.gers, section.sectionHeader.gl-ingenieros, section.sectionHeader.indisa, section.sectionHeader.inelec-international, section.sectionHeader.ieb, section.sectionHeader.instelec, section.sectionHeader.insuelectri, section.sectionHeader.oag-ingenieria, section.sectionHeader.proing, section.sectionHeader.schneider-electric, section.sectionHeader.siemens, section.sectionHeader.transequipos, section.sectionHeader.tracol, section.sectionHeader.transformadores-del-caribe-y-representaciones, section.sectionHeader.suntec, section.sectionHeader.grupo-union, section.sectionHeader.universidad-del-norte, section.sectionHeader.universidad-pontificia-bolivariana, section.sectionHeader.universidad-autonoma-de-occidente, section.sectionHeader.publicaciones-tecnicas, section.sectionHeader.revista-linea-viva, section.sectionHeader.preguntas-frecuentes-tecnicas {
    background-image: url(../img/cabezote_nuestros_negocios_mobile.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.contratacion-de-bienes-y-servicios, section.sectionHeader.certificados-de-retencion {
    background-image: url(../img/banner_proveedores_mobile.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.gobierno-corporativo, section.sectionHeader.resultados-financieros, section.sectionHeader.emisiones-vigentes, section.sectionHeader.informacion-relevante, section.sectionHeader.informacion-financiera, section.sectionHeader.asamblea-general-de-accionistas, section.sectionHeader.servicios-en-linea, section.sectionHeader.canales-de-contacto, section.sectionHeader.oferta-de-compra-de-acciones {
    background-image: url(../img/banner_Inversionistas_mobile.jpg);
    background-size: cover;
    background-position: center center; }
  section.sectionHeader.contactanos {
    background-image: url(../img/banner_contactanos_mobile.jpg);
    background-size: cover;
    background-position: center center; } }
#btnBuscar {
  background: transparent;
  color: #ff0000;
  border: solid 2px #ff0000;
  font-family: Montserrat;
  transition: all 500ms ease;
  font-weight: normal; }
  #btnBuscar:hover {
    background: #ff0000;
    background-color: #ff0000;
    border: solid 2px #ff0000;
    color: #fff; }

@media screen and (max-width: 400px) {
  .notices article.notice.special {
    height: 140px; }
    .notices article.notice.special .noticeImg {
      height: 100%; }
    .notices article.notice.special .noticeContent {
      padding: 15px; }
      .notices article.notice.special .noticeContent .noticeTitle {
        font-size: .8em;
        font-weight: 200; }
      .notices article.notice.special .noticeContent p {
        line-height: 12px;
        font-size: .7em;
        margin: .5em 0; } }
/* Estilos para selector de idioma */
.selector-idioma {
  text-transform: uppercase; }
  .selector-idioma a {
    color: #fff;
    float: left;
    transition: all .4s ease;
    text-decoration: none;
    opacity: .7; }
    .selector-idioma a:hover {
      opacity: 1; }
  .selector-idioma div.a {
    margin: 0px;
    padding: 0px; }

/* Estilos para galería de video */
.contentThumbs .bx-pager {
  display: none; }