@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Baloo+Tamma';

html {
  background: url('/img/website/backgrounds/pattern-blue.png?1392050282') repeat;
  background-color: #F5F5F5; }

html,
body {
  overflow-x: hidden;
  min-width: 1024px; }

body {
  background-image: url('/img/website/backgrounds/body-blue.gif?1383937157');
  background-repeat: repeat-x;
  background-position: 0 0;
  font-family: "freight-sans-pro", "Helvetica", sans-serif "";
  background-color: transparent;
  color: #333332; }
  body.grid > .container,
  body.grid .container-full {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDkwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIzMy4zMzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDkwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 1, color-stop(100%, rgba(217, 0, 0, 0.08)), color-stop(100%, rgba(0, 0, 0, 0))), linear-gradient(-90deg, rgba(0, 0, 0, 0) 20px, rgba(217, 0, 0, 0.08) 60px);
    background-image: -moz-linear-gradient(rgba(217, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0) 1px), -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 20px, rgba(217, 0, 0, 0.08) 60px);
    background-image: -webkit-linear-gradient(rgba(217, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0) 1px), -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 20px, rgba(217, 0, 0, 0.08) 60px);
    background-image: linear-gradient(rgba(217, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(-90deg, rgba(0, 0, 0, 0) 20px, rgba(217, 0, 0, 0.08) 60px);
    background-size: 100% 20px, 80px 50px; }
  body.grid .content,
  body.grid .content:before {
    background-color: rgba(255, 255, 255, 0.6); }
  body > .container {
    padding-top: 20px; }
  body .btn-show-grid {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100; }
  body .container-full {
    position: relative;
    background-color: #F0F0F0; }
    body .container-full.header {
      z-index: 10;
      background-color: #F5F5F5; }
      body .container-full.header .container {
        padding-top: 20px; }
    body .container-full.body {
      z-index: 1;
      background-color: #FFF;
      -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    body .container-full.footer {
      z-index: 1;
      background-color: #F0F0F0; }

header .logo {
  height: 95px;
  margin-left: 20px;
  margin-bottom: 20px; }
header form {
  margin-top: -9px; }
  header form .search-query {
    padding: 9px 14px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px; }

.content,
footer .span9:not(.offset3) {
  margin-left: 0;
  padding: 0 0 0 20px; }

.content {
  float: left;
  position: relative;
  min-height: 800px;
  margin-top: -78px;
  padding-top: 20px;
  background-color: #FFF;
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
  .content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 9999px;
    background-color: #FFF;
    content: ""; }

footer {
  float: left;
  background-color: transparent;
  position: relative;
  z-index: 2;
  padding-top: 30px; }
  footer h3 {
    text-transform: uppercase; }
  footer p {
    font-size: 14px; }
  footer:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 9999px;
    content: ""; }

.extra-space {
  padding: 0 20px; }

a:hover,
a:active,
a:focus,
object,
embed {
  outline: 0; }

.modal {
  -moz-box-shadow: 0 0 40px #CCC;
  -webkit-box-shadow: 0 0 40px #CCC;
  box-shadow: 0 0 40px #CCC;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #FFF;
  width: 800px;
  margin-left: -400px;
  border: 1px solid #CCC; }
  .modal .thumb {
    position: absolute;
    top: 0px;
    right: 100px; }
  .modal .modal-header {
    position: relative;
    max-height: 70px;
    overflow: hidden; }
    .modal .modal-header .close {
      color: #707172;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      font-size: 12px; }
      .modal .modal-header .close:hover {
        color: #000; }
  .modal .modal-body {
    max-height: 450px; }
    .modal .modal-body p:last-child {
      margin-bottom: 0; }
  .modal.fade.in {
    top: 10%; }

.modal-backdrop {
  background-color: #FFF; }
  .modal-backdrop.fade.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9; }

.pagination ul li {
  margin-right: 0; }

.radio,
.checkbox {
  padding-left: 28px;
  margin-right: 10px; }
  .radio.inline,
  .checkbox.inline {
    padding-top: 0; }

hr {
  margin: 20px 20px;
  border-top-color: #EEE; }

.dropdown-menu {
  max-height: 350px;
  overflow: auto; }
  .dropdown-menu > li > a {
    word-wrap: none; }

.btn-group.select .pull-left {
  white-space: normal; }

.search-input input[name=query] {
  width: 580px; }
.search-input .advanced-search {
  display: inline-block;
  margin: 0 0 20px;
  color: #aaaaaa;
  float: right;
  padding: 8px 15px; }
  .search-input .advanced-search:hover {
    color: #3498DB; }
.search-input .btn-download {
  background: #9fcd6c;
  padding: 8px 15px;
  color: #ffffff;
  border-radius: 3px;
  float: right;
  margin: 0 0 20px 2px; }

.filter {
  height: 0;
  overflow: hidden; }
  .filter .sf-container .btn-link {
    color: #aaaaaa;
    background: none; }
    .filter .sf-container .btn-link:hover {
      color: #3498DB;
      text-decoration: none; }
  .filter .sf-container .btn-download {
    background: #9fcd6c; }
  .filter.no-results .btn-download {
    display: none; }

.svg-icon-publications .bg {
  fill: #00A53C; }

.svg-icon-colombia-guides .icon-colombia-guides {
  fill: #00A53C; }

.svg-icon-statistics .icon-statistics {
  fill: #00A53C; }

.svg-icon-opinion .icon-opinion {
  fill: #00A53C; }

.svg-icon-news .bg,
.svg-icon-news .bar {
  fill: #00A53C; }

.about .colombian-guides .svg-icon-colombia-guides {
  float: left;
  margin-right: 20px; }
  .about .colombian-guides .svg-icon-colombia-guides .icon-colombia-guides {
    fill: #004A8D; }

.publications .svg-icon-radar {
  margin-top: -4px; }

.publications .svg-icon-document,
.post .svg-icon-document {
  width: 72px;
  height: 88px;
  float: none; }

.post .svg-icon-radar {
  margin-top: 16px; }
.post .svg-icon-observatory {
  margin-bottom: 20px; }

.svg-icon-radar .icon-radar {
  fill: #00A53C; }

.svg-radar .bg {
  fill: transparent; }

.svg-icon-document {
  float: right; }
  .svg-icon-document.yellow .cover {
    fill: #F1C40F; }
  .svg-icon-document.yellow .corner {
    fill: #d8b528; }
  .svg-icon-document.blue .cover {
    fill: #3498DB; }
  .svg-icon-document.blue .corner {
    fill: #2979af; }
  .svg-icon-document.red .cover {
    fill: #E74B3B; }
  .svg-icon-document.red .corner {
    fill: #b83c2f; }
  .svg-icon-document.green .cover {
    fill: #00A53C; }
  .svg-icon-document.green .corner {
    fill: #008430; }
  .svg-icon-document .bars {
    -moz-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    opacity: 0.6; }

a {
  color: #3498DB;
  -moz-transition: color 0.15s;
  -o-transition: color 0.15s;
  -webkit-transition: color 0.15s;
  transition: color 0.15s; }
  a.no-transition {
    -moz-transition: none 1s;
    -o-transition: none 1s;
    -webkit-transition: none 1s;
    transition: none 1s; }

p {
  font-size: 18px;
  line-height: 30px; }

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

h1 {
  font-size: 60px;
  line-height: 60px;
  margin-top: 20px;
  margin-bottom: 40px; }

h2 {
  font-size: 26px;
  line-height: 30px;
  margin-top: 40px;
  margin-bottom: 40px; }

h3 {
  font-size: 23px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px; }

h4 {
  font-size: 18px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700; }

p, ul {
  margin-top: 0px;
  margin-bottom: 20px;
  }

blockquote {
  font-size: 23px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px; }

small {
  font-size: 11px; }

address {
  text-transform: uppercase; }

aside {
  padding: 20px 20px 0; }
  aside h1,
  aside h3 {
    text-transform: uppercase;
    line-height: 20px;
    margin: 0; }
  aside h1 {
    font-size: 18px;
    margin-bottom: 20px; }
  aside h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px; }
  aside h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px; }
  aside h1 + h2 {
    font-size: 14px; }
  aside p {
    font-size: 14px;
    line-height: 20px; }
  aside hr {
    margin: 20px 0;
    border-top: 1px solid;
    border-top-color: #c1e8f7;
    border-bottom: none; }
  aside ul li {
    margin-bottom: 10px; }
    aside ul li:last-child {
      margin-top: 20px;
      margin-bottom: 0; }
      aside ul li:last-child a {
        color: #3498DB;
        font-weight: 700; }
    aside ul li a {
      color: #000;
      direction: block; }
    aside ul li strong.date {
      text-transform: uppercase;
      min-width: 60px;
      text-align: right;
      display: inline-block; }
      aside ul li strong.date:after {
        padding-left: 5px;
        padding-right: 2px;
        content: '·'; }
  aside ul.recent-publications li strong.date {
    min-width: 40px; }
  aside .metadata {
    float: left; }
    aside .metadata .counter,
    aside .metadata .updated {
      float: left;
      width: 90px;
      height: 70px;
      background-color: #00A53C;
      text-align: center;
      margin-top: 30px; }
      aside .metadata .counter p,
      aside .metadata .updated p {
        font-family: "freight-sans-pro", "Helvetica", sans-serif "";
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: 14px;
        color: #FFF; }
        aside .metadata .counter p small,
        aside .metadata .updated p small {
          display: block;
          font-weight: 700;
          font-size: 10px; }
    aside .metadata.observatory .counter {
      background-color: #50bfea; }
    aside .metadata.observatory .updated {
      background-color: #86d3f0; }
    aside .metadata.bcp .counter {
      background-color: #d7c000; }
    aside .metadata.bcp .updated {
      background-color: #ffe615; }
    aside .metadata.bcp .counter p,
    aside .metadata.bcp .updated p {
      color: #000000; }
  aside .search {
    width: 180px;
    margin-left: -20px;
    margin-right: -20px;
    text-align: left;
    padding: 20px; }
    aside .search h2 {
      text-align: right; }
    aside .search label {
      text-transform: uppercase;
      color: #333;
      font-size: 12px; }
      aside .search label + select {
        margin-bottom: 20px; }
    aside .search select {
      width: 180px; }
    aside .search .select {
      margin-bottom: 20px; }
    aside .search.affix {
      top: 20px; }

.publications aside h1 {
  color: #00A53C; }

body.home .other-publications {
  float: left;
  margin-top: 20px;
  border-top: 1px solid rgba(52, 152, 219, 0.2);
  margin-left: -20px; }
  body.home .other-publications.ad {
    margin-bottom: 55px; }
  body.home .other-publications .secondary-news,
  body.home .other-publications .verdad-abierta {
    float: left;
    width: 350px; }
    body.home .other-publications .secondary-news h2,
    body.home .other-publications .verdad-abierta h2 {
      text-transform: uppercase;
      font-size: 12px;
      border-bottom: 1px solid rgba(52, 152, 219, 0.2);
      height: 40px;
      line-height: 40px;
      padding: 0 40px;
      color: #CCC; }
    body.home .other-publications .secondary-news .text-list,
    body.home .other-publications .verdad-abierta .text-list {
      margin: 0 !important; }
    body.home .other-publications .secondary-news .ad,
    body.home .other-publications .verdad-abierta .ad {
      float: right;
      padding-top: 20px;
      border-top: 1px solid #eee; }
  body.home .other-publications .secondary-news .text-list {
    border-right: 1px solid rgba(52, 152, 219, 0.2); }
    body.home .other-publications .secondary-news .text-list > ul {
      float: left;
      padding: 0 30px 0 40px; }
  body.home .other-publications .verdad-abierta {
    width: 370px; }
    body.home .other-publications .verdad-abierta .text-list > ul {
      float: left;
      padding: 0 0 0 40px; }
    body.home .other-publications .verdad-abierta .text-list i {
      color: #AAA; }
    body.home .other-publications .verdad-abierta .text-list .header-image img {
      margin-top: 10px;
      width: 120px; }
    body.home .other-publications .verdad-abierta .text-list .excerpt {
      width: 60%; }
      body.home .other-publications .verdad-abierta .text-list .excerpt p {
        display: none; }
    body.home .other-publications .verdad-abierta .text-list .thumb {
      width: 40%; }
body.home, body.peace {
  background-position: 0 -622px; }
  body.home header .social a, body.peace header .social a {
    color: #BCBEC0;
    font-size: 20px;
    padding: 0 5px; }
    body.home header .social a[title=Facebook], body.peace header .social a[title=Facebook] {
      color: #3B5998; }
    body.home header .social a[title=Twitter], body.peace header .social a[title=Twitter] {
      color: #4099FF; }
	  body.home header .social a[title=Youtube], body.peace header .social a[title=Youtube] {
      color: #bd0000; }
	  body.home header .social a[title=Flickr], body.peace header .social a[title=Flickr] {
      color: #ff0084; }
	  body.home header .social a[title=Soundcloud], body.peace header .social a[title=Soundcloud] {
      color: #f04e22; }
    body.home header .social a[title=RSS], body.peace header .social a[title=RSS] {
      color: #FF6600; }
	  body.home header .social a:hover, body.peace header .social a:hover {
    color: #BCBEC0;
	  }
  body.home footer, body.peace footer {
    margin-top: -243px;
    border-top: 3px solid #3498DB;
    padding-top: 0; }
    body.home footer:before, body.peace footer:before {
      border-top: 3px solid #3498DB;
      margin-top: -3px; }
  body.home .tool-box, body.peace .tool-box {
    float: left;
    margin-left: -240px;
    margin-bottom: 40px;
    border-top: 3px solid #CCC;
    width: 940px; }
    body.home .tool-box h1,
    body.home .tool-box h2,
    body.home .tool-box h3, body.peace .tool-box h1,
    body.peace .tool-box h2,
    body.peace .tool-box h3 {
      margin: 0;
      line-height: normal;
      text-transform: uppercase; }
    body.home .tool-box h1,
    body.home .tool-box h2, body.peace .tool-box h1,
    body.peace .tool-box h2 {
      line-height: 20px; }
    body.home .tool-box h1, body.peace .tool-box h1 {
      font-size: 28px;
      margin-bottom: 5px; }
    body.home .tool-box h2, body.peace .tool-box h2 {
      font-size: 18px; }
    body.home .tool-box h3, body.peace .tool-box h3 {
      font-size: 16px;
      text-transform: none; }
      body.home .tool-box h3 strong, body.peace .tool-box h3 strong {
        text-transform: uppercase;
        font-size: 12px;
        color: #9E011F; }
    body.home .tool-box p, body.peace .tool-box p {
      /*font-family: "ff-tisa-web-pro", "Cambria", serif "";*/
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 10px; }
    body.home .tool-box .metadata,
    body.home .tool-box .call-to-action,
    body.home .tool-box .posts, body.peace .tool-box .metadata,
    body.peace .tool-box .call-to-action,
    body.peace .tool-box .posts {
      float: left;
      padding: 35px 40px 0 40px;
      position: relative;
      height: 300px; }
    body.home .tool-box .metadata, body.peace .tool-box .metadata {
      padding: 20px 20px 0 20px;
      width: 180px;
      height: 315px;
      background-color: #CCC; }
      body.home .tool-box .metadata svg, body.peace .tool-box .metadata svg {
        margin-top: 20px; }
      body.home .tool-box .metadata .counter,
      body.home .tool-box .metadata .updated, body.peace .tool-box .metadata .counter,
      body.peace .tool-box .metadata .updated {
        position: absolute;
        float: left;
        height: 70px;
        bottom: 0;
        background-color: #CCC;
        text-align: center; }
        body.home .tool-box .metadata .counter p,
        body.home .tool-box .metadata .updated p, body.peace .tool-box .metadata .counter p,
        body.peace .tool-box .metadata .updated p {
          font-family: "freight-sans-pro", "Helvetica", sans-serif "";
          font-size: 24px;
          text-transform: uppercase;
          margin-bottom: 0;
          margin-top: 15px; }
          body.home .tool-box .metadata .counter p small,
          body.home .tool-box .metadata .updated p small, body.peace .tool-box .metadata .counter p small,
          body.peace .tool-box .metadata .updated p small {
            display: block;
            font-weight: 700; }
      body.home .tool-box .metadata .counter, body.peace .tool-box .metadata .counter {
        left: 0;
        width: 100px; }
      body.home .tool-box .metadata .updated, body.peace .tool-box .metadata .updated {
        right: 0;
        width: 120px; }
    body.home .tool-box .call-to-action, body.peace .tool-box .call-to-action {
      width: 269px;
      border-right: 1px dotted #EEE; }
      body.home .tool-box .call-to-action p, body.peace .tool-box .call-to-action p {
        font-size: 12px;
        line-height: 20px; }
      body.home .tool-box .call-to-action .btn, body.peace .tool-box .call-to-action .btn {
        position: absolute;
        bottom: 0;
        width: 250px; }
    body.home .tool-box .posts, body.peace .tool-box .posts {
      width: 330px;
      padding-right: 0; }
      body.home .tool-box .posts .resource-title, body.peace .tool-box .posts .resource-title {
        font-family: "freight-sans-pro", "Helvetica", sans-serif "";
        text-transform: uppercase;
        font-weight: bold;
        color: #CCC; }
      body.home .tool-box .posts .date, body.peace .tool-box .posts .date {
        color: #999; }
      body.home .tool-box .posts ul li, body.peace .tool-box .posts ul li {
        margin-bottom: 10px; }
      body.home .tool-box .posts ul a, body.peace .tool-box .posts ul a {
        color: #000; }
      body.home .tool-box .posts ul small, body.peace .tool-box .posts ul small {
        text-transform: uppercase;
        font-weight: 700;
        color: #CCC; }
      body.home .tool-box .posts ul p, body.peace .tool-box .posts ul p {
        margin-bottom: 0; }
    body.home .tool-box.radar, body.peace .tool-box.radar {
      margin-top: 20px;
      border-top-color: #FF530D; }
      body.home .tool-box.radar h1, body.peace .tool-box.radar h1 {
        font-size: 21px;
        color: #FFF;
        width: 60%; }
      body.home .tool-box.radar h2, body.peace .tool-box.radar h2 {
        color: #9E011F;
        font-size: 16px; }
      body.home .tool-box.radar .metadata, body.peace .tool-box.radar .metadata {
        background-color: #FF530D; }
        body.home .tool-box.radar .metadata p, body.peace .tool-box.radar .metadata p {
          color: #FFF; }
        body.home .tool-box.radar .metadata .counter, body.peace .tool-box.radar .metadata .counter {
          background-color: #e34200; }
        body.home .tool-box.radar .metadata .updated, body.peace .tool-box.radar .metadata .updated {
          background-color: #ff6121; }
      body.home .tool-box.radar .call-to-action, body.peace .tool-box.radar .call-to-action {
        border-right-color: #FF530D; }
      body.home .tool-box.radar .btn, body.peace .tool-box.radar .btn {
        background-color: #FF530D;
        color: #FFF;
        font-weight: bold;
        font-size: 16px; }
        body.home .tool-box.radar .btn:hover, body.peace .tool-box.radar .btn:hover {
          background-color: #ff4c03; }
    body.home .tool-box.statistics, body.peace .tool-box.statistics {
      border-top: none;
      margin-bottom: 0; }
      body.home .tool-box.statistics h1, body.peace .tool-box.statistics h1 {
        font-size: 21px;
        color: #101b06; }
      body.home .tool-box.statistics h2, body.peace .tool-box.statistics h2 {
        font-size: 16px;
        color: #5a9723; }
      body.home .tool-box.statistics .metadata, body.peace .tool-box.statistics .metadata {
        min-height: 340px;
        background-color: #A7DF74; }
        body.home .tool-box.statistics .metadata p, body.peace .tool-box.statistics .metadata p {
          color: #000; }
        body.home .tool-box.statistics .metadata .counter, body.peace .tool-box.statistics .metadata .counter {
          background-color: #92d753; }
        body.home .tool-box.statistics .metadata .updated, body.peace .tool-box.statistics .metadata .updated {
          background-color: #b1e385; }
      body.home .tool-box.statistics .specials, body.peace .tool-box.statistics .specials {
        width: 290px;
        background: #CCDFBB;
        float: left;
        min-height: 300px;
        padding: 0 40px 60px;
        position: relative; }
        body.home .tool-box.statistics .specials > a, body.peace .tool-box.statistics .specials > a {
          color: #355914; }
          body.home .tool-box.statistics .specials > a:hover, body.peace .tool-box.statistics .specials > a:hover {
            color: #101b06; }
        body.home .tool-box.statistics .specials .all-specials-link, body.peace .tool-box.statistics .specials .all-specials-link {
          text-transform: uppercase;
          font-weight: 700;
          font-size: 12px;
          position: absolute;
          bottom: 40px; }
        body.home .tool-box.statistics .specials h3, body.peace .tool-box.statistics .specials h3 {
          font-size: 20px;
          line-height: 20px;
          margin: 40px 0 20px; }
        body.home .tool-box.statistics .specials p, body.peace .tool-box.statistics .specials p {
          font-family: "ff-tisa-web-pro", "Cambria", serif "";
          font-size: 14px;
          line-height: 20px; }
          body.home .tool-box.statistics .specials p a, body.peace .tool-box.statistics .specials p a {
            color: #5a9723; }
            body.home .tool-box.statistics .specials p a:hover, body.peace .tool-box.statistics .specials p a:hover {
              color: #294410; }
        body.home .tool-box.statistics .specials.left, body.peace .tool-box.statistics .specials.left {
          width: 270px;
          border-left: 1px solid #8dd54b;
          margin-left: -1px;
          background-color: transparent; }
        body.home .tool-box.statistics .specials .post-metadata, body.peace .tool-box.statistics .specials .post-metadata {
          border-top: none; }
          body.home .tool-box.statistics .specials .post-metadata .post-metadata-item, body.peace .tool-box.statistics .specials .post-metadata .post-metadata-item {
            margin-top: 0; }

			/*Estilos home featured*/

			body.home .tool-box.featured, body.peace .tool-box.featured{
				border-top-color:#ffe401;
				margin-top:30px;
				margin-bottom:10px;
			}

			body.home .tool-box.featured .metadata, body.peace .tool-box.featured .metadata{
				background-color:#ffe401;
			}

			body.home .tool-box.featured .metadata .counter, body.peace .tool-box.featured .metadata .counter{
				background-color:#f1d700;
			}

			body.home .tool-box.featured .metadata .updated, body.peace .tool-box.featured .metadata .updated{
				background-color:#ffef67;
			}

			body.home .tool-box.featured .call-to-action, body.peace .tool-box.featured .call-to-action {
				border-right-color: #ffe401;
				/*background-color:#f2d800;*/
				height:320px;
			}

			body.home .tool-box.featured .posts, body.peace .tool-box.featured .posts {
				/*background-color:#ffe401;*/
			}

			body.home .tool-box.featured h1 {
				font-size:21px;
			}

			body.home .tool-box.featured h2{
				font-size:16px;
				color:#e28600;
			}

			body.home .tool-box.featured .metadata svg, body.peace .tool-box.featured .metadata svg{
				margin-top:-10px;
			}

			body.home .tool-box.featured h3, body.peace .tool-box.featured h3{
				font-size: 18px;
				line-height: 20px;
				margin: 0 0 10px;
			}

			body.home .tool-box.featured a h3, body.peace .tool-box.featured a h3{
				color:#e28600;
			}

			body.home .tool-box.featured img{
				max-width:100%;
				margin-bottom:10px;
				box-sizing:border-box;
			}

			body.home .tool-box.featured .btn, body.peace .tool-box.featured .btn {
				background-color: #ffe401;
				color: #e28600;
				font-size: 16px;
				font-weight: bold;
			}

			body.home .tool-box.featured .btn:hover, body.peace .tool-box.featured .btn:hover {
				background-color: #f6dc00;
				color: #d37d00;
			}

			/* Fin Estilos home featured*/

    body.home .tool-box.bcp, body.peace .tool-box.bcp {
      border-top-color: #FFE401; }
      body.home .tool-box.bcp h2, body.peace .tool-box.bcp h2 {
        color: #E28600; }
      body.home .tool-box.bcp .metadata, body.peace .tool-box.bcp .metadata {
        background-color: #FFE401; }
        body.home .tool-box.bcp .metadata .counter, body.peace .tool-box.bcp .metadata .counter {
          background-color: #f1d700; }
        body.home .tool-box.bcp .metadata .updated, body.peace .tool-box.bcp .metadata .updated {
          background-color: #ffef67; }
      body.home .tool-box.bcp .call-to-action, body.peace .tool-box.bcp .call-to-action {
        border-right-color: #FFE401; }
      body.home .tool-box.bcp .btn, body.peace .tool-box.bcp .btn {
        background-color: #FFE401;
        color: #E28600;
        font-weight: bold;
        font-size: 16px; }
        body.home .tool-box.bcp .btn:hover, body.peace .tool-box.bcp .btn:hover {
          background-color: #f6dc00;
          color: #d37d00; }
    body.home .tool-box.observatory, body.peace .tool-box.observatory {
      margin-bottom: 283px;
      border-top-color: #74CCEE; }
      body.home .tool-box.observatory h1, body.peace .tool-box.observatory h1 {
        font-size: 21px; }
      body.home .tool-box.observatory h2, body.peace .tool-box.observatory h2 {
        color: #365E6E;
        font-size: 16px;
		}
      body.home .tool-box.observatory .metadata, body.peace .tool-box.observatory .metadata {
        background-color: #74CCEE;
		height:270px; }

		body.home .tool-box.observatory .posts, body.peace .tool-box.observatory .posts {
			height:270px; }
        body.home .tool-box.observatory .metadata p, body.peace .tool-box.observatory .metadata p {
          color: #FFF; }
        body.home .tool-box.observatory .metadata .counter, body.peace .tool-box.observatory .metadata .counter {
          background-color: #50bfea; }
        body.home .tool-box.observatory .metadata .updated, body.peace .tool-box.observatory .metadata .updated {
          background-color: #86d3f0; }
      body.home .tool-box.observatory .call-to-action, body.peace .tool-box.observatory .call-to-action {
        border-right-color: #74CCEE;
		height:230px; }
      body.home .tool-box.observatory .btn, body.peace .tool-box.observatory .btn {
        background-color: #74CCEE;
        color: #365E6E;
        font-weight: bold;
        font-size: 16px; }
        body.home .tool-box.observatory .btn:hover, body.peace .tool-box.observatory .btn:hover {
          background-color: #6bc9ed;
          color: #315564; }
body.peace {
  background-position: 0 -780px; }
  body.peace .tool-box.bcp {
    margin-bottom: 283px; }
  body.peace .tool-box.statistics {
    margin-bottom: 40px; }

body.post, body.redactor_editor_wym {
  margin: 0;
  background-position: 0 -680px; }
  body.post .section-caption + .authors, body.redactor_editor_wym .section-caption + .authors {
    border-top: 1px solid #CCC; }
  body.post article h1,
  body.post article h2,
  body.post article h3,
  body.post article h4,
  body.post article p,
  body.post article blockquote, body.redactor_editor_wym article h1,
  body.redactor_editor_wym article h2,
  body.redactor_editor_wym article h3,
  body.redactor_editor_wym article h4,
  body.redactor_editor_wym article p,
  body.redactor_editor_wym article blockquote {
    padding: 0 20px; }
  body.post article h3,
  body.post article h4, body.redactor_editor_wym article h3,
  body.redactor_editor_wym article h4 {
    font-family: "ff-tisa-web-pro", "Cambria", serif "";
    margin-top: 40px; }
  body.post article h3 + h4,
  body.post article figure + h4, body.redactor_editor_wym article h3 + h4,
  body.redactor_editor_wym article figure + h4 {
    margin-top: 20px; }
  body.post article hr, body.redactor_editor_wym article hr {
    margin: 50px 0 40px 20px; }
  body.post article p,
  body.post article blockquote, body.redactor_editor_wym article p,
  body.redactor_editor_wym article blockquote {
    font-family: "ff-tisa-web-pro", "Cambria", serif ""; }
    body.post article p a,
    body.post article blockquote a, body.redactor_editor_wym article p a,
    body.redactor_editor_wym article blockquote a {
      text-decoration: underline; }
  body.post article blockquote, body.redactor_editor_wym article blockquote {
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    padding-left: 36px;
    margin-left: -20px;
    margin-bottom: 20px; }
    body.post article blockquote small, body.redactor_editor_wym article blockquote small {
      line-height: 40px; }
    body.post article blockquote:before, body.redactor_editor_wym article blockquote:before {
      width: 10px;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      background-color: #57AD68; }
    body.post article blockquote.pull-right, body.redactor_editor_wym article blockquote.pull-right {
      border-right-color: #57AD68; }
    body.post article blockquote.to-left, body.redactor_editor_wym article blockquote.to-left {
      float: left;
      width: 50%;
      margin-bottom: 0; }
    body.post article blockquote.to-right, body.redactor_editor_wym article blockquote.to-right {
      width: 50%;
      margin-bottom: 0; }
  body.post article table, body.redactor_editor_wym article table {
    margin: 40px 20px;
    width: 660px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  body.post article p > img[style*="float: right;"], body.redactor_editor_wym article p > img[style*="float: right;"] {
    margin-left: 30px;
    width: 50%; }
  body.post article p > img[style*="float: left;"], body.redactor_editor_wym article p > img[style*="float: left;"] {
    margin-right: 30px;
    margin-left: -220px;
    max-width: 75%;
    margin-bottom: 10px; }
  body.post article figure, body.redactor_editor_wym article figure {
    position: relative;
    margin: 40px 0 0 -20px; }
    body.post article figure img[data-link-type=popup]:hover, body.redactor_editor_wym article figure img[data-link-type=popup]:hover {
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in; }
    body.post article figure figcaption, body.redactor_editor_wym article figure figcaption {
      position: absolute;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 220px;
      padding: 20px 20px 20px 0;
      color: #b2b2b2;
      border-top: 1px solid #CCC;
      top: 0;
      left: -220px;
      text-align: right; }
      body.post article figure figcaption em, body.redactor_editor_wym article figure figcaption em {
        font-family: "ff-tisa-web-pro", "Cambria", serif "";
        display: block;
        margin-bottom: 0px;
        color: #666665; }
    body.post article figure.center, body.redactor_editor_wym article figure.center {
      margin: 40px 0 0 20px; }
    body.post article figure.inset-left, body.post article figure.outset-left, body.redactor_editor_wym article figure.inset-left, body.redactor_editor_wym article figure.outset-left {
      float: left;
      margin-right: 30px;
      margin-bottom: 10px; }
    body.post article figure.inset-left, body.post article figure.inset-right, body.redactor_editor_wym article figure.inset-left, body.redactor_editor_wym article figure.inset-right {
      max-width: 50%;
      margin-top: 10px; }
      body.post article figure.inset-left + p, body.post article figure.inset-right + p, body.redactor_editor_wym article figure.inset-left + p, body.redactor_editor_wym article figure.inset-right + p {
        margin-top: 10px; }
    body.post article figure.outset-left, body.redactor_editor_wym article figure.outset-left {
      max-width: 50%;
      margin-left: -240px;
      margin-top: 10px; }
      body.post article figure.outset-left img, body.redactor_editor_wym article figure.outset-left img {
        border: 1px dotted #CCC; }
      body.post article figure.outset-left figcaption, body.redactor_editor_wym article figure.outset-left figcaption {
        border-top: none;
        top: 100%;
        left: 0;
        text-align: left; }
      body.post article figure.outset-left + p, body.redactor_editor_wym article figure.outset-left + p {
        margin-top: 10px; }
    body.post article figure.inset-right, body.redactor_editor_wym article figure.inset-right {
      float: right;
      margin-left: 30px;
      text-align: right; }
      body.post article figure.inset-right img, body.redactor_editor_wym article figure.inset-right img {
        display: inline-block; }
      body.post article figure.inset-right figcaption, body.redactor_editor_wym article figure.inset-right figcaption {
        position: relative;
        left: 0;
        width: 100%;
        padding-top: 16px;
        padding-right: 0;
        border: none; }
    body.post article figure + p, body.redactor_editor_wym article figure + p {
      margin-top: 40px; }
  body.post article .note, body.redactor_editor_wym article .note {
    font-family: inherit;
    margin: 40px 20px;
    background: #fef9c7;
    color: #8d7825;
    font-weight: normal;
    padding: 30px 30px 30px 60px;
    position: relative; }
    body.post article .note:after, body.redactor_editor_wym article .note:after {
      content: "Nota";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      padding: 2px 6px;
      text-transform: uppercase;
      font-weight: bold;
      background: #f9ec6e;
      font-size: 12px; }
  body.post article header, body.redactor_editor_wym article header {
    position: relative;
    margin-top: 20px; }
    body.post article header h2, body.redactor_editor_wym article header h2 {
      font-weight: 400;
      font-style: italic; }
    body.post article header p.author, body.redactor_editor_wym article header p.author {
      font-size: 18px; }
  body.post article footer, body.redactor_editor_wym article footer {
    padding-top: 20px;
    font-size: 12px; }
    body.post article footer > .tags, body.redactor_editor_wym article footer > .tags {
      padding: 0 20px;
      margin-bottom: 80px; }
      body.post article footer > .tags strong, body.redactor_editor_wym article footer > .tags strong {
        text-transform: uppercase;
        color: #999998; }
      body.post article footer > .tags ul, body.redactor_editor_wym article footer > .tags ul {
        margin-left: -5px; }
    body.post article footer .read-next, body.redactor_editor_wym article footer .read-next {
      position: relative;
      margin-top: -1px;
      margin-left: -20px;
      margin-bottom: 40px;
      padding-left: 20px;
      border-top: 1px solid #DEDEDC;
      padding-top: 60px; }
      body.post article footer .read-next h1, body.redactor_editor_wym article footer .read-next h1 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px; }
      body.post article footer .read-next:before, body.redactor_editor_wym article footer .read-next:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 9999px;
        content: "";
        border-top: 1px solid #DEDEDC;
        margin-top: -1px; }
  body.post article .post-content, body.redactor_editor_wym article .post-content {
    padding-bottom: 20px; }
    body.post article .post-content iframe, body.redactor_editor_wym article .post-content iframe {
      margin-bottom: 20px; }
    body.post article .post-content ul,
    body.post article .post-content ol, body.redactor_editor_wym article .post-content ul,
    body.redactor_editor_wym article .post-content ol {
      font-family: "ff-tisa-web-pro", "Cambria", serif "";
      padding: 0 20px;
      margin-bottom: 30px; }
      body.post article .post-content ul li,
      body.post article .post-content ol li, body.redactor_editor_wym article .post-content ul li,
      body.redactor_editor_wym article .post-content ol li {
        font-family: "ff-tisa-web-pro", "Cambria", serif "";
        font-size: 18px;
        line-height: 30px; }
        body.post article .post-content ul li p,
        body.post article .post-content ol li p, body.redactor_editor_wym article .post-content ul li p,
        body.redactor_editor_wym article .post-content ol li p {
          padding-left: 10px; }
  body.post article .post-header-image, body.redactor_editor_wym article .post-header-image {
    position: relative;
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom: 40px; }
    body.post article .post-header-image .post-header-caption, body.redactor_editor_wym article .post-header-image .post-header-caption {
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      margin-bottom: 0;
      font-size: 12px;
      padding: 10px 20px;
      color: #fff;
      max-width: 80%;
      text-align: right;
      line-height: 18px; }
      body.post article .post-header-image .post-header-caption em, body.redactor_editor_wym article .post-header-image .post-header-caption em {
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.5); }
        body.post article .post-header-image .post-header-caption em:before, body.redactor_editor_wym article .post-header-image .post-header-caption em:before {
          content: ' / '; }
  body.post article .post-metadata, body.redactor_editor_wym article .post-metadata {
    margin-left: 20px !important;
    border-top: none; }
body.redactor_editor_wym {
  background-image: none; }
  body.redactor_editor_wym article {
    width: 703px;
    margin: 0 auto;
    padding: 20px 20px 0;
    background-color: #FFF;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
    body.redactor_editor_wym article ul,
    body.redactor_editor_wym article ol {
      padding: 0 40px !important; }
    body.redactor_editor_wym article section > p.note {
      margin-top: 20px; }

ul.documents {
  position: absolute;
  left: -220px;
  width: 220px;
  padding: 20px 0 0 0 !important;
  border-top: 1px solid #CCC;
  margin-top: -1px; }
  ul.documents li {
    margin-right: 22px; }
  ul.documents a {
    float: left;
    width: 100%; }
    ul.documents a:hover .svg-icon-document .bars {
      opacity: 1; }
  ul.documents p {
    font-family: "freight-sans-pro", "Helvetica", sans-serif !important;
    text-align: right;
    float: left;
    width: 140px;
    padding: 0 !important;
    font-size: 14px;
    line-height: 15px; }

body.publications, body.tools {
  background-position: 0 -700px; }
  body.publications .list, body.tools .list {
    padding: 20px;
    min-height: 800px; }
    body.publications .list .metadata, body.tools .list .metadata {
      float: left;
      width: 100%;
      margin-bottom: 60px; }
      body.publications .list .metadata .counter,
      body.publications .list .metadata .updated, body.tools .list .metadata .counter,
      body.tools .list .metadata .updated {
        float: left;
        width: 100px;
        height: 60px;
        background-color: #00A53C;
        text-align: center; }
        body.publications .list .metadata .counter p,
        body.publications .list .metadata .updated p, body.tools .list .metadata .counter p,
        body.tools .list .metadata .updated p {
          font-family: "freight-sans-pro", "Helvetica", sans-serif "";
          font-size: 20px;
          line-height: 20px;
          text-transform: uppercase;
          margin-bottom: 0;
          margin-top: 10px;
          color: #FFF; }
          body.publications .list .metadata .counter p small,
          body.publications .list .metadata .updated p small, body.tools .list .metadata .counter p small,
          body.tools .list .metadata .updated p small {
            display: block;
            font-weight: 700;
            font-size: 10px; }
      body.publications .list .metadata .counter, body.tools .list .metadata .counter {
        background-color: #007c2d; }
      body.publications .list .metadata .updated, body.tools .list .metadata .updated {
        background-color: #00b943; }
      body.publications .list .metadata .excerpt, body.tools .list .metadata .excerpt {
        font-family: "ff-tisa-web-pro", "Cambria", serif "";
        float: left;
        width: 420px;
        padding: 0 20px;
        font-size: 12px;
        line-height: 20px; }
    body.publications .list .svg-icon-document, body.tools .list .svg-icon-document {
      width: 40px;
      height: 50px;
      margin-right: 20px; }
    body.publications .list .text-list, body.tools .list .text-list {
      margin: 0 0 20px 0 !important; }
    body.publications .list .more, body.tools .list .more {
      float: left;
      margin: 20px 0 40px; }
body.publications.messages {
  background-position: 0 -800px; }

body.search {
  background-position: 0 -780px; }
  body.search .content table th,
  body.search .content table td {
    padding: 8px 10px !important; }
  body.search .content table .label {
    display: block;
    text-align: center; }

body.about {
  background-color: #FFF;
  background-image: none; }
  body.about .about-container {
    position: relative;
    z-index: 1; }
  body.about h1,
  body.about h2 {
    text-transform: uppercase;
    font-weight: 500; }
  body.about h1 {
    color: #004A8D;
    font-size: 80px;
    margin-top: 10px; }
  body.about h2 {
    font-size: 40px;
    text-align: center; }
  body.about #equipo {
    margin-bottom: 70px; }
    body.about #equipo h2 {
      font-size: 80px;
      margin-top: 80px;
      color: #BBB; }
  body.about .logos-grid tr:first-child td {
    border-top: none; }
  body.about .logos-grid td {
    width: 25%; }
    body.about .logos-grid td a {
      display: block;
      height: 150px;
      line-height: 150px;
      text-align: center;
      position: relative; }
      body.about .logos-grid td a span {
        position: absolute;
        bottom: -20px;
        right: 0;
        left: 0; }
      body.about .logos-grid td a img {
        width: 150px;
        line-height: normal; }
  body.about section {
    position: relative;
    z-index: 2; }
    body.about section.work-areas h1 {
      text-transform: none;
      text-align: left;
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 20px; }
    body.about section .header .in-page-nav {
      margin-left: 20px; }
      body.about section .header .in-page-nav a[href="#intro"] {
        display: none; }
      body.about section .header .in-page-nav a.big {
        font-size: 22px; }
        body.about section .header .in-page-nav a.big i {
          font-size: 12px;
          margin-right: 2px; }
      body.about section .header .in-page-nav ul > li > a:hover {
        background-color: transparent; }
      body.about section .header .in-page-nav .btn-group {
        display: none; }
      body.about section .header .in-page-nav.subnav-fixed {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        margin-left: 0;
        z-index: 1020;
        border-width: 0 0 1px;
        border-color: #D5D5D5;
        background-color: #FFF;
        -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
        text-align: center;
        font-size: 0px;
        letter-spacing: 0px;
        word-spacing: 0px; }
        body.about section .header .in-page-nav.subnav-fixed a[href="#intro"] {
          display: block; }
        body.about section .header .in-page-nav.subnav-fixed ul {
          display: inline-block;
          margin: 0; }
          body.about section .header .in-page-nav.subnav-fixed ul li {
            float: left;
            border-right: 1px solid #EEE; }
            body.about section .header .in-page-nav.subnav-fixed ul li > a {
              display: block;
              line-height: 50px;
              padding: 0 14px;
              float: left; }
              body.about section .header .in-page-nav.subnav-fixed ul li > a i {
                font-size: 24px;
                vertical-align: middle; }
              body.about section .header .in-page-nav.subnav-fixed ul li > a + .switch {
                display: inline-block;
                margin-top: 10px;
                margin-right: 14px; }
            body.about section .header .in-page-nav.subnav-fixed ul li:last-child {
              border-right: none; }
        body.about section .header .in-page-nav.subnav-fixed .btn-group {
          display: inline-block;
          margin-top: 10px;
          margin-right: 10px; }
    body.about section .header p {
      font-family: "ff-tisa-web-pro", "Cambria", serif !important;
      font-weight: bold; }
      body.about section .header p:last-child {
        margin-bottom: 40px; }
    body.about section .header ul li {
      line-height: 30px; }
      body.about section .header ul li > a {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold; }
        body.about section .header ul li > a:hover i {
          color: inherit; }
        body.about section .header ul li > a i {
          margin-right: 5px;
          color: #AAA; }
    body.about section .work-areas {
      text-align: center; }
      body.about section .work-areas h2 {
        margin-top: 60px; }
        body.about section .work-areas h2 + .row {
          margin-bottom: 60px; }
      body.about section .work-areas h3 {
        text-align: center;
        font-size: 18px;
        font-family: "ff-tisa-web-pro", "Cambria", serif "";
        color: #004A8D;
        line-height: 20px;
        min-height: 60px; }
      body.about section .work-areas a.btn {
        margin-top: 30px; }
      body.about section .work-areas .department h3 {
        padding: 0 20px; }
      body.about section .work-areas .department p {
        text-align: left;
        padding: 0 20px;
        font-size: 14px;
        line-height: 20px;
        font-family: "freight-sans-pro", "Helvetica", sans-serif !important; }
      body.about section .work-areas p {
        text-align: center;
        margin: 40px 0;
        font-family: "ff-tisa-web-pro", "Cambria", serif !important; }
        body.about section .work-areas p.call-to-action {
  background: #2d4484!important;
    padding: 20px;
    position: relative;
    height: 136px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    z-index: 2;
    margin-bottom: 0;
    font-size: 19px;
    padding-top: 97px;
    line-height: 22px;
    font-family: "freight-sans-pro", "Helvetica", sans-serif !important;
    width: 80%;
    font-weight: 700; }
    .anio-info-g{
    position: absolute;
    width: 80px;
    height: 80px;
    background: #2d4484;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    top: 0;
    right: -53px;
    color: #fff;
}

.span3.version-ig{
  position:relative;
}

.otras-ver-fg{
    position: absolute;
    top: 212px;
    width: 197px;
    height: 129px;
    border: 1px dotted #ccc;
    border-radius: 50%;
    padding-top: 70px;
    z-index: 1;
}

.circulo-informe-ap{
      display: block;
    padding: 5px;
    border-top: 1px dotted #ccc;
    width: 60%;
    margin: auto;
}
          body.about section .work-areas p.call-to-action small {
            font-size: 14px;
            font-weight: 500; }
      body.about section .work-areas span.number {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 25px;
        margin: 0 auto;
        border: 2px solid #004A8D;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        font-size: 18px;
        font-weight: 700;
        color: #004A8D; }
      body.about section .work-areas span.vertical-line {
        margin: 0 auto;
        height: 50px;
        width: 0;
        border-left: 1px solid #004A8D;
        border-right: 1px solid #004A8D;
        display: block; }
      body.about section .work-areas span.point {
        margin: 0 auto 40px;
        display: block;
        width: 6px;
        height: 6px;
        background-color: #004A8D;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
    body.about section .body .read-next {
      border-top: 1px solid #DEDEDC;
      background-color: #FFF;
      margin-top: 30px;
      padding: 80px 0; }
      body.about section .body .read-next .work-areas {
        -moz-box-shadow: 0px 5px #333333;
        -webkit-box-shadow: 0px 5px #333333;
        box-shadow: 0px 5px #333333; }
    body.about section .body hr {
      margin-top: 60px;
      margin-bottom: 0;
      border-top: 1px solid #DEDEDC; }
  body.about #informe-gestion {
    overflow: hidden; }
  body.about .issuuembed {
    width: 525px;
    height: 340px;
    margin: 0 auto;
    background-color: #fff;
    line-height: 340px;
    text-transform: uppercase;
    color: #CCC; }
  body.about table.staff {
    margin-bottom: 0; }
    body.about table.staff thead th {
      padding-top: 50px;
      padding-left: 0; }
      body.about table.staff thead th.group-title h3 {
        float: left;
        font-size: 24px;
        line-height: 30px;
        margin: 0;
        text-transform: uppercase;
        color: #AAA; }
    body.about table.staff.full .cv {
      display: block; }
    body.about table.staff.full td.metadata {
      background-position: right bottom;
      width: 328px; }
    body.about table.staff.full td.profile {
      border-left: 1px dotted #CCC;
      width: 368px; }
    body.about table.staff.full .img-rounded-container {
      -moz-border-radius: 88px;
      -webkit-border-radius: 88px;
      border-radius: 88px; }
      body.about table.staff.full .img-rounded-container .img-rounded {
        -moz-border-radius: 88px;
        -webkit-border-radius: 88px;
        border-radius: 88px;
        width: auto;
        height: auto; }
    body.about table.staff.full .board {
      width: 142px !important;
      font-size: 14px;
      padding: 20px 10px;
      background-color: #EEE;
      border-bottom: 1px solid #EEE !important; }
      body.about table.staff.full .board ul {
        display: block !important; }
        body.about table.staff.full .board ul li {
          line-height: 20px; }
          body.about table.staff.full .board ul li strong {
            font-size: 24px; }
  body.about .container .employee {
    padding: 20px 0; }
    body.about .container .employee td {
      border-top: none;
      padding: 20px;
      background-position: right -1000px;
      background-repeat: no-repeat; }
      body.about .container .employee td.metadata {
        border-left: 1px dotted #CCC;
        width: 700px; }
        body.about .container .employee td.metadata .profile-metadata {
          position: relative; }
          body.about .container .employee td.metadata .profile-metadata .cross {
            position: absolute;
            font-size: 14px;
            left: -24px;
            top: -32px;
            color: #999; }
      body.about .container .employee td.board ul {
        display: none; }
      body.about .container .employee td.portrait {
        width: 122px; }
        body.about .container .employee td.portrait img {
          width: 114px; }
      body.about .container .employee td.profile {
        width: 168px; }
    body.about .container .employee h4, body.about .container .employee h5, body.about .container .employee h6 {
      margin-bottom: 0;
      margin-top: 0;
      line-height: 20px;
      font-weight: 700; }
    body.about .container .employee h4 {
      font-size: 28px;
      line-height: 30px;
      text-transform: uppercase; }
    body.about .container .employee h5 {
      font-size: 14px;
      text-transform: uppercase; }
    body.about .container .employee h6 {
      font-size: 14px;
      font-weight: 500; }
    body.about .container .employee .img-rounded-container {
      float: right;
      border: 1px solid #CCC;
      padding: 3px;
      background-color: #FFF;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
      body.about .container .employee .img-rounded-container .img-rounded {
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        width: 70px;
        height: 70px; }
    body.about .container .employee .cv {
      display: none; }
      body.about .container .employee .cv p {
        font-size: 14px;
        line-height: 20px; }
        body.about .container .employee .cv p:last-child {
          margin-bottom: 0; }
    body.about .container .employee.big td {
      background-repeat: no-repeat;
      background-position: right bottom;
      height: 320px;
      border-bottom: 1px dotted #CCC; }
      body.about .container .employee.big td.metadata {
        width: 328px; }
        body.about .container .employee.big td.metadata h4, body.about .container .employee.big td.metadata h5, body.about .container .employee.big td.metadata h6 {
          width: 328px; }
    body.about .container .employee.big h4, body.about .container .employee.big h5, body.about .container .employee.big h6 {
      position: relative;
      z-index: 2;
      color: #004A8D;
      width: 400px; }
    body.about .container .employee.big h4 {
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 5px; }
    body.about .container .employee.big h5 {
      font-size: 18px;
      line-height: 27.5px; }
    body.about .container .employee.big .img-rounded-container {
      display: none; }
  body.about .colombian-guides .container-full.body {
    padding-bottom: 50px; }
  body.about .colombian-guides h1 {
    font-size: 70px; }
  body.about .colombian-guides .container {
    padding-top: 30px; }
  body.about .colombian-guides .key-issues li {
    width: 11%; }
  body.about .colombian-guides .key-issues h3 {
    font-size: 15px; }

body.tools {
  background-position: 0 -700px; }
  body.tools .content .filter {
    width: 99%; }
  body.tools .content.bcp .counter {
    background-color: #f1d700 !important; }
  body.tools .content.bcp .updated {
    background-color: #FFE401 !important; }
  body.tools .content.bcp .counter p,
  body.tools .content.bcp .updated p {
    color: #000000; }
  body.tools .content.observatory .counter {
    background-color: #47bbe8 !important; }
  body.tools .content.observatory .updated {
    background-color: #74CCEE !important; }
  body.tools .content.observatory .counter p,
  body.tools .content.observatory .updated p {
    color: #FFF; }
  body.tools .content.observatory .list {
    min-height: 1650px; }
  body.tools .content .download {
    width: 80px;
    height: 100px;
    float: left;
    padding: 0 10px; }
    body.tools .content .download a {
      background-color: #9FCD6C;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 3px 0 3px 3px;
      color: #ffffff; }
      body.tools .content .download a:hover {
        background-color: #97C465; }
      body.tools .content .download a .corner {
        float: right;
        width: 0;
        height: 0;
        border-bottom: 25px solid #80B163;
        border-right: 25px solid #ffffff;
        border-radius-bottom-left: 3px; }
      body.tools .content .download a strong {
        display: block;
        padding-top: 28px;
        text-align: center; }
        body.tools .content .download a strong span {
          display: block;
          font-size: 22px; }
  body.tools .metadata {
    margin-bottom: 30px !important; }
    body.tools .metadata .excerpt {
      width: 100% !important; }
  body.tools .filter button {
    width: 180px; }
  body.tools p.section-caption {
    text-align: right;
    margin-top: 20px; }
  body.tools a.remove-filter {
    display: inline-block;
    margin: 27px 0 0 -30px;
    float: left;
    font-size: 40px; }
  body.tools form select {
    display: none; }
  body.tools form label.loader {
    text-align: center;
    margin-bottom: 20px; }

.bg-black,
.bg-yellow,
.bg-white,
.bg-grey,
.bg-light-grey,
.bg-green {
  color: #000;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase; }
  .bg-black:hover,
  .bg-yellow:hover,
  .bg-white:hover,
  .bg-grey:hover,
  .bg-light-grey:hover,
  .bg-green:hover {
    background-color: #888;
    color: #FFF;
    cursor: default; }
    .bg-black:hover a,
    .bg-yellow:hover a,
    .bg-white:hover a,
    .bg-grey:hover a,
    .bg-light-grey:hover a,
    .bg-green:hover a {
      color: #FFF; }
  .bg-black a,
  .bg-yellow a,
  .bg-white a,
  .bg-grey a,
  .bg-light-grey a,
  .bg-green a {
    display: block;
    text-transform: uppercase; }
    .bg-black a:hover,
    .bg-yellow a:hover,
    .bg-white a:hover,
    .bg-grey a:hover,
    .bg-light-grey a:hover,
    .bg-green a:hover {
      text-decoration: none;
      color: #FFF; }

.bg-black {
  background-color: #000;
  color: #FFF; }
  .bg-black a {
    color: #FFF; }

.bg-yellow {
  background-color: #FFD20D; }
  .bg-yellow a {
    color: #000; }

.bg-white {
  background-color: transparent; }

.bg-grey {
  background-color: #808285; }
  .bg-grey a {
    color: #FFF; }

.bg-light-grey {
  background-color: #B6B6B4; }
  .bg-light-grey a {
    color: #FFF; }

.bg-green {
  background-color: #00A53C; }
  .bg-green a {
    color: #000; }

.authors {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 30px;
  padding: 20px;
  text-align: right; }
  .authors.columns {
    float: left;
    width: 190px;
    padding-left: 0;
    padding-right: 30px;
    margin: 0 0 20px -240px;
    overflow: hidden;
    border-top: none; }
    .authors.columns h2 {
      margin-top: 10px; }
  .authors h2 {
    font-size: 20px;
    margin-bottom: 20px; }
  .authors h3,
  .authors h4 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
    }
  .authors h4 {
    font-family: "ff-tisa-web-pro", "Cambria", serif "";
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    }
  .authors .mask {
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    overflow: hidden; }
  .authors img {
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    margin-bottom: 10px; }
  .authors.multiple h3 {
    font-size: 14px;
    color: inherit;
    font-weight: 400; }
  .authors.multiple h4 {
    font-size: 12px; }
  .authors.multiple li {
    margin-bottom: 20px; }
  .authors.multiple .mask {
    float: right;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
    border-radius: 38px;
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    padding: 1px;
    background-color: #FFF;
    margin-bottom: 20px;
    margin-left: 10px; }
  .authors.multiple img {
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
    border-radius: 38px;
    width: 38px;
    height: 38px;
    margin: 0; }
  .authors.multiple p {
    display: none; }
  .authors li {
    margin-bottom: 10px;
    }
  .authors a {
    display: block; }
    .authors a:hover {
      text-decoration: none; }
  .authors p.date {
    font-size: 13px;
    font-weight: 700;
    color: #AAA;
    }

.post-share {
  margin-right: 20px;
  position: absolute;
  top: 0;
  right: 0; }
  .post-share a {
    color: #999998; }
  .post-share i {
    font-size: 20px;
    -moz-transition: color 0.15s;
    -o-transition: color 0.15s;
    -webkit-transition: color 0.15s;
    transition: color 0.15s; }
    .post-share i.fi-social-facebook:hover {
      color: #3B5998; }
    .post-share i.fi-social-twitter:hover {
      color: #4099FF; }
    .post-share i.fi-social-google-plus:hover {
      color: #D34836; }
    .post-share i:hover {
      color: #333332; }

.post-metadata {
  border-top: 1px solid #EEE;
  margin-right: 20px;
  margin-bottom: 10px;
  float: left;
  width: 100%; }
  .post-metadata .post-metadata-item {
    font-size: 10px;
    vertical-align: top;
    margin-top: 1px; }
    .post-metadata .post-metadata-item.date {
      font-size: 14px; }
  .post-metadata li {
    margin-right: 1px;
    line-height: 20px !important; }

.read-next-header {
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  text-align: center; }
  .read-next-header a,
  .read-next-header span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding: 0 13px;
    background: #FFF;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #B3B3B1;
    border: 1px solid #DEDEDC; }
    .read-next-header a:hover,
    .read-next-header span:hover {
      text-decoration: none; }

.text-list,
.icons-list {
  float: left;
  margin: 30px 20px !important; }
  .text-list.centered,
  .icons-list.centered {
    float: none;
    width: 640px;
    margin: 60px auto !important; }
  .text-list .date,
  .icons-list .date {
    font-size: 14px;
    color: #878787; }
  .text-list h2,
  .icons-list h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px; }

body.about .text-list h2,
body.about .icons-list h2 {
  margin-top: 0px;
  margin-bottom: 60px; }

.text-list {
  position: relative; }
  .text-list.vertical > ul > li {
    width: 50%;
    margin-bottom: 30px; }
    .text-list.vertical > ul > li .excerpt,
    .text-list.vertical > ul > li .thumb {
      float: left;
      width: 100%; }
      .text-list.vertical > ul > li .excerpt img,
      .text-list.vertical > ul > li .thumb img {
        float: left;
        width: auto; }
    .text-list.vertical > ul > li .excerpt {
      width: 300px; }
    .text-list.vertical > ul > li .thumb {
      margin-bottom: 20px; }
  .text-list .header-image {
    position: absolute;
    top: 0;
    right: 0; }
    .text-list .header-image img {
      width: 150px; }
    .text-list .header-image.logo-verdad-abierta {
      top: -15px; }
  .text-list > ul > li {
    width: 100%;
    margin-bottom: 30px; }
  .text-list ul > li {
    float: left; }
    .text-list ul > li:last-child {
      margin-bottom: 0; }
    .text-list ul > li .excerpt {
      float: left;
      width: 80%; }
      .text-list ul > li .excerpt.no-thumb {
        width: 100%; }
      .text-list ul > li .excerpt h3,
      .text-list ul > li .excerpt p,
      .text-list ul > li .excerpt span {
        line-height: 20px; }
      .text-list ul > li .excerpt h3 {
        margin: 0;
        font-size: 16px; }
      .text-list ul > li .excerpt p {
        color: #333332;
        font-family: "ff-tisa-web-pro", "Cambria", serif !important;
        font-size: 14px; }
        .text-list ul > li .excerpt p:last-child {
          margin-bottom: 0; }

	.text-list ul > li .excerpt-2 {
      float: left;
      width: 100%; }
      .text-list ul > li .excerpt-2 h3,
      .text-list ul > li .excerpt-2 p,
      .text-list ul > li .excerpt-2 span {
        line-height: 20px; }
      .text-list ul > li .excerpt-2 h3 {
        margin: 0;
        font-size: 16px; }
      .text-list ul > li .excerpt-2 p {
        color: #333332;
        font-family: "ff-tisa-web-pro", "Cambria", serif !important;
        font-size: 14px; }
        .text-list ul > li .excerpt-2 p:last-child {
          margin-bottom: 0; }

    .text-list ul > li .thumb {
      float: right;
      width: 20%; }
      .text-list ul > li .thumb img {
        background-color: #EEE;
        width: 100px;
        float: right; }

	.text-list ul > li .thumb-2 {
      float: left;
      width: 100%;
	  margin-bottom:0.5em; }
      .text-list ul > li .thumb-2 img {
        background-color: #EEE;
        width: 100%;
        float: left; }

.icons-list {
  position: relative; }
  .icons-list.separator {
    border-top: 1px solid #EEE;
    padding-top: 30px;
    margin: 0 20px 30px !important; }
  .icons-list > ul > li {
    min-height: 180px;
    width: 33%;
    float: left; }
    .icons-list > ul > li.last-row {
      min-height: 0; }
    .icons-list > ul > li.two-columns {
      width: 50%; }
      .icons-list > ul > li.two-columns:nth-child(even) .tags, .icons-list > ul > li.two-columns:nth-child(even) > a {
        margin-left: 20px; }
    .icons-list > ul > li.four-columns {
      width: 25%; }
  .icons-list .svg-icon-document {
    float: left;
    width: 64px;
    height: 80px; }
  .icons-list a {
    display: block; }
    .icons-list a h3 {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      margin: 20px 20px 0 74px; }
    .icons-list a.more {
      position: absolute;
      top: 30px;
      right: 0;
      line-height: 30px; }

#news-player .carousel-control {
  z-index: 4; }
#news-player .item {
  width: 870px;
  height: 240px;
  padding: 0 20px 20px;
  background-color: #EEE; }
  #news-player .item .tags {
    position: relative;
    z-index: 3; }
    #news-player .item .tags .post-metadata {
      border-top: none; }
      #news-player .item .tags .post-metadata li {
        margin-top: 0; }
  #news-player .item .date {
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0 0 3px; }
  #news-player .item h3 {
position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    width: 86%;
    text-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 15px 6%;
    margin: 0;}
  #news-player .item img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }

.statistics {
  background: #A7DF74; }
  .statistics .metadata ul {
    width: 72px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: right; }
    .statistics .metadata ul li {
      text-align: right; }
      .statistics .metadata ul li a {
        color: #939598;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 0.9em; }
        .statistics .metadata ul li a:hover, .statistics .metadata ul li a.active {
          color: #323843; }
  .statistics .graphics {
    width: 290px;
    padding: 30px;
    float: left;
    overflow: hidden; }
    .statistics .graphics .half {
      width: 145px;
      float: left; }
      .statistics .graphics .half h3 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 0 30px 0;
        line-height: 1em; }
      .statistics .graphics .half .pie {
        width: 29px;
        height: 29px;
        float: left;
        border-radius: 100%;
        border: 8px solid #BFA65E;
        background: #FFEAA5;
        border-right-color: #5D7D41;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
      .statistics .graphics .half .stats {
        width: 90px;
        float: right; }
        .statistics .graphics .half .stats span {
          font-size: 32px;
          display: block;
          line-height: 1em; }
    .statistics .graphics .months {
      margin: 34px 8px 0;
      padding: 0;
      list-style: none; }
      .statistics .graphics .months li {
        margin: 0;
        padding: 0 3px;
        width: 16px;
        text-align: center;
        display: inline-block; }
        .statistics .graphics .months li span {
          display: block; }
        .statistics .graphics .months li .bar {
          margin: 0;
          padding: 0;
          width: 16px;
          border-radius: 4px;
          height: 100px;
          overflow: hidden;
          background: #FFEAA5;
          display: table-cell;
          vertical-align: bottom; }
          .statistics .graphics .months li .bar .height {
            border-radius: 4px;
            background: #5D7D41; }

.tool-box-nav .radar,
.tool-box-nav .statistics,
.tool-box-nav .bcp,
.tool-box-nav .observatory {
  float: left;
  width: 110px;
  height: 110px; }
  .tool-box-nav .radar a,
  .tool-box-nav .statistics a,
  .tool-box-nav .bcp a,
  .tool-box-nav .observatory a {
    display: block;
    height: 60px;
    margin: 25px 0;
    color: #FFF;
    text-align: center; }
.tool-box-nav .radar {
  background-color: #FF530D;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  width: 109px; }
.tool-box-nav .statistics {
  margin-left: 0;
  background-color: #B81800;
  border-bottom: 1px solid #FFF; }
  .tool-box-nav .statistics .svg-siguiendo-conflicto {
    width: 70px;
    height: 70px; }
.tool-box-nav .bcp {
  background-color: #FFE401;
  border-right: 1px solid #FFF;
  width: 109px; }
  .tool-box-nav .bcp .svg-bcp {
    margin-top: 10px;
    margin-left: 5px; }
.tool-box-nav .observatory {
  background-color: #74CCEE; }

body.home .modal, body.tools .modal, body.peace .modal, body.search .modal, body.about .modal {
  z-index: 2000; }
  body.home .modal.bcp small, body.home .modal.observatory small, body.tools .modal.bcp small, body.tools .modal.observatory small, body.peace .modal.bcp small, body.peace .modal.observatory small, body.search .modal.bcp small, body.search .modal.observatory small, body.about .modal.bcp small, body.about .modal.observatory small {
    background-color: #FFE401;
    color: #000;
    font-weight: 700;
    padding: 3px 6px;
    vertical-align: middle;
    margin-right: 20px;
    float: left;
    font-size: 16px; }
  body.home .modal.bcp .modal-header, body.home .modal.observatory .modal-header, body.tools .modal.bcp .modal-header, body.tools .modal.observatory .modal-header, body.peace .modal.bcp .modal-header, body.peace .modal.observatory .modal-header, body.search .modal.bcp .modal-header, body.search .modal.observatory .modal-header, body.about .modal.bcp .modal-header, body.about .modal.observatory .modal-header {
    max-height: none; }
    body.home .modal.bcp .modal-header h3, body.home .modal.observatory .modal-header h3, body.tools .modal.bcp .modal-header h3, body.tools .modal.observatory .modal-header h3, body.peace .modal.bcp .modal-header h3, body.peace .modal.observatory .modal-header h3, body.search .modal.bcp .modal-header h3, body.search .modal.observatory .modal-header h3, body.about .modal.bcp .modal-header h3, body.about .modal.observatory .modal-header h3 {
      width: 600px;
      float: left; }
  body.home .modal.bcp .modal-body, body.home .modal.observatory .modal-body, body.tools .modal.bcp .modal-body, body.tools .modal.observatory .modal-body, body.peace .modal.bcp .modal-body, body.peace .modal.observatory .modal-body, body.search .modal.bcp .modal-body, body.search .modal.observatory .modal-body, body.about .modal.bcp .modal-body, body.about .modal.observatory .modal-body {
    padding: 0; }
    body.home .modal.bcp .modal-body table, body.home .modal.observatory .modal-body table, body.tools .modal.bcp .modal-body table, body.tools .modal.observatory .modal-body table, body.peace .modal.bcp .modal-body table, body.peace .modal.observatory .modal-body table, body.search .modal.bcp .modal-body table, body.search .modal.observatory .modal-body table, body.about .modal.bcp .modal-body table, body.about .modal.observatory .modal-body table {
      margin-bottom: 0; }
      body.home .modal.bcp .modal-body table td, body.home .modal.observatory .modal-body table td, body.tools .modal.bcp .modal-body table td, body.tools .modal.observatory .modal-body table td, body.peace .modal.bcp .modal-body table td, body.peace .modal.observatory .modal-body table td, body.search .modal.bcp .modal-body table td, body.search .modal.observatory .modal-body table td, body.about .modal.bcp .modal-body table td, body.about .modal.observatory .modal-body table td {
        border-top-width: 1px;
        word-break: break-all;
        word-break: break-word;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
      body.home .modal.bcp .modal-body table th, body.home .modal.observatory .modal-body table th, body.tools .modal.bcp .modal-body table th, body.tools .modal.observatory .modal-body table th, body.peace .modal.bcp .modal-body table th, body.peace .modal.observatory .modal-body table th, body.search .modal.bcp .modal-body table th, body.search .modal.observatory .modal-body table th, body.about .modal.bcp .modal-body table th, body.about .modal.observatory .modal-body table th {
        text-transform: uppercase;
        font-size: 12px;
        padding-bottom: 8px; }
      body.home .modal.bcp .modal-body table th:first-child, body.home .modal.observatory .modal-body table th:first-child, body.tools .modal.bcp .modal-body table th:first-child, body.tools .modal.observatory .modal-body table th:first-child, body.peace .modal.bcp .modal-body table th:first-child, body.peace .modal.observatory .modal-body table th:first-child, body.search .modal.bcp .modal-body table th:first-child, body.search .modal.observatory .modal-body table th:first-child, body.about .modal.bcp .modal-body table th:first-child, body.about .modal.observatory .modal-body table th:first-child {
        width: 160px; }
      body.home .modal.bcp .modal-body table tr:last-child td, body.home .modal.observatory .modal-body table tr:last-child td, body.tools .modal.bcp .modal-body table tr:last-child td, body.tools .modal.observatory .modal-body table tr:last-child td, body.peace .modal.bcp .modal-body table tr:last-child td, body.peace .modal.observatory .modal-body table tr:last-child td, body.search .modal.bcp .modal-body table tr:last-child td, body.search .modal.observatory .modal-body table tr:last-child td, body.about .modal.bcp .modal-body table tr:last-child td, body.about .modal.observatory .modal-body table tr:last-child td {
        padding-bottom: 40px; }
  body.home .modal.observatory small, body.tools .modal.observatory small, body.peace .modal.observatory small, body.search .modal.observatory small, body.about .modal.observatory small {
    background-color: #74CCEE;
    color: #FFF; }
  body.home .modal.fade.in, body.tools .modal.fade.in, body.peace .modal.fade.in, body.search .modal.fade.in, body.about .modal.fade.in {
    top: 15%; }
  body.home .modal .icons-list, body.tools .modal .icons-list, body.peace .modal .icons-list, body.search .modal .icons-list, body.about .modal .icons-list {
    margin: 10px 0 !important;
    width: 100%; }

.thumbs-list {
  float: left;
  margin-top: 20px;
  margin-bottom: -20px;
  margin-left: -20px;
  padding: 0 0 0 20px;
  border-top: 1px solid rgba(52, 152, 219, 0.2);
  background-color: #F5F5F5; }
  .thumbs-list h2 {
    font-size: 16px;
    color: #CCC;
    height: 48px;
    line-height: 48px;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px dotted rgba(52, 152, 219, 0.2); }
  .thumbs-list ul {
    float: left;
    margin-top: 20px;
    margin-bottom: 0; }
    .thumbs-list ul li {
      float: left;
      width: 210px;
      height: 210px;
      background-color: #FFF;
      position: relative;
      margin-bottom: 20px;
      margin-right: 25px;
      -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
      .thumbs-list ul li:nth-child(3n+0) {
        margin-right: 0; }
      .thumbs-list ul li a {
        display: block;
        width: 210px;
        height: 210px; }
        .thumbs-list ul li a:hover h3 {
          background-color: rgba(0, 0, 0, 0.8);
          min-height: 190px; }
      .thumbs-list ul li h3 {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 13px;
        line-height: normal;
        padding: 10px;
        margin: 0;
        color: #FFF;
        background-color: #000;
        width: 190px;
        min-height: 51px;
        text-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
        -moz-transition: background-color 0.15s;
        -o-transition: background-color 0.15s;
        -webkit-transition: background-color 0.15s;
        transition: background-color 0.15s;
        background-color: rgba(0, 0, 0, 0.4); }

header nav {
  margin-left: -20px;
  width: 1000px; }
  header nav li.active a {
    color: #FFF; }
    header nav li.active a.fip {
      border-top-color: #004A8D;
      background-color: #004A8D; }
    header nav li.active a.conflict {
      border-top-color: #B81800;
      background-color: #B81800; }
    header nav li.active a.peace {
      border-top-color: #9600B4;
      background-color: #9600B4; }
    header nav li.active a.publications {
      border-top-color: #00A53C;
      background-color: #00A53C; }
    header nav li.active a.tools {
      border-top-color: #FA5F00;
      background-color: #FA5F00; }
    header nav li.active a.contact {
      border-top-color: #00C3C3;
      background-color: #00C3C3; }
    header nav li.active a.search {
      border-top-color: #74CCEE;
      background-color: #74CCEE; }
  header nav a {
    float: left;
    height: 37px;
    border-top: 3px solid #000;
    line-height: 34px;
    padding: 0 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    -moz-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s; }
    header nav a:hover {
      text-decoration: none;
      color: #FFF; }
    header nav a.fip {
      border-top-color: #004A8D; }
      header nav a.fip:hover {
        background-color: #004A8D; }
    header nav a.conflict {
      border-top-color: #B81800; }
      header nav a.conflict:hover {
        background-color: #B81800; }
    header nav a.peace {
      border-top-color: #9600B4; }
      header nav a.peace:hover {
        background-color: #9600B4; }
    header nav a.publications {
      border-top-color: #00A53C; }
      header nav a.publications:hover {
        background-color: #00A53C; }
    header nav a.tools {
      border-top-color: #FA5F00; }
      header nav a.tools:hover {
        background-color: #FA5F00; }
    header nav a.contact {
      border-top-color: #00C3C3; }
      header nav a.contact:hover {
        background-color: #00C3C3; }
    header nav a.search {
      border-top-color: #74CCEE;
      width: 20px;
      font-family: 'Flat-UI-Icons';
      text-align: center; }
      header nav a.search:hover {
        background-color: #74CCEE; }
      header nav a.search:before {
        content: "\e01c"; }
  header nav ul.inline > li {
    position: relative;
    margin: 0 1px;
    padding: 0; }
    header nav ul.inline > li:first-child {
      padding-left: 0; }
    header nav ul.inline > li:hover {
      background-color: #FA5F00; }
      header nav ul.inline > li:hover a {
        color: #FFF; }
      header nav ul.inline > li:hover ul {
        display: block; }
    header nav ul.inline > li ul {
      display: none;
      position: absolute;
      list-style-type: none;
      margin-left: 0;
      background-color: #FA5F00;
      float: left;
      top: 40px;
      width: 286px;
      z-index: 10; }
      header nav ul.inline > li ul li {
        float: left;
        width: 100%; }
        header nav ul.inline > li ul li.active {
          background-color: #c84c00; }
          header nav ul.inline > li ul li.active a {
            border-top: none; }
        header nav ul.inline > li ul li a {
          width: 262px;
          border-top: 1px solid #e15500; }
          header nav ul.inline > li ul li a:hover {
            background-color: #e15500; }

body.home nav ul {
  margin-top: 1px;
  margin-bottom: 0; }
body.home nav li:last-child a {
  border-bottom: none; }
body.home nav a {
  display: block;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 39px;
  line-height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(52, 152, 219, 0.2);
  text-transform: uppercase; }
  body.home nav a:hover {
    text-decoration: none;
    background-color: #3498DB;
    color: #FFF; }
body.home nav .tools-nav {
  margin-top: 11px; }
  body.home nav .tools-nav li.tools, body.home nav .tools-nav li.newsletters {
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 20px;
    margin-bottom: 0px;
    font-size: 10px; }
  body.home nav .tools-nav li.radar a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px; }
  body.home nav .tools-nav li.bcp a, body.home nav .tools-nav li.observatory a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px; }
    body.home nav .tools-nav li.bcp a svg, body.home nav .tools-nav li.observatory a svg {
      margin-top: 4px; }
  body.home nav .tools-nav li.newsletters {
    margin-top: 10px; }
  body.home nav .tools-nav span {
    display: inline-block;
    width: 148px; }
  body.home nav .tools-nav svg,
  body.home nav .tools-nav img {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
    vertical-align: top; }
    body.home nav .tools-nav svg.svg-icon-radar .icon-radar,
    body.home nav .tools-nav img.svg-icon-radar .icon-radar {
      fill: #3498DB; }
    body.home nav .tools-nav svg.svg-icon-radar .bg,
    body.home nav .tools-nav img.svg-icon-radar .bg {
      fill: transparent; }
    body.home nav .tools-nav svg.svg-icon-statistics .icon-statistics,
    body.home nav .tools-nav img.svg-icon-statistics .icon-statistics {
      fill: #3498DB; }
    body.home nav .tools-nav svg.svg-icon-colombia-guides .icon-colombia-guides,
    body.home nav .tools-nav img.svg-icon-colombia-guides .icon-colombia-guides {
      fill: #3498DB; }
    body.home nav .tools-nav svg.svg-icon-bcp .icon-bcp,
    body.home nav .tools-nav img.svg-icon-bcp .icon-bcp {
      fill: #3498DB; }
    body.home nav .tools-nav svg.svg-icon-observatory .icon-observatory,
    body.home nav .tools-nav img.svg-icon-observatory .icon-observatory {
      fill: #3498DB; }
    body.home nav .tools-nav svg.svg-icon-verdad-abierta .bg,
    body.home nav .tools-nav img.svg-icon-verdad-abierta .bg {
      fill: #3498DB; }
  body.home nav .tools-nav a:hover .svg-icon-radar .icon-radar {
    fill: #FFF; }
  body.home nav .tools-nav a:hover .svg-icon-statistics .icon-statistics {
    fill: rgba(255, 255, 255, 0.2); }
  body.home nav .tools-nav a:hover .svg-icon-colombia-guides .icon-colombia-guides {
    fill: #FFF; }
  body.home nav .tools-nav a:hover .svg-icon-colombia-guides .bg {
    fill: transparent; }
  body.home nav .tools-nav a:hover .svg-icon-bcp .icon-bcp {
    fill: #FFF; }
  body.home nav .tools-nav a:hover .svg-icon-observatory .icon-observatory {
    fill: #FFF; }
  body.home nav .tools-nav a:hover .svg-icon-verdad-abierta .bg {
    fill: #FFF; }
body.home nav .ad {
  margin-top: 10px; }
  body.home nav .ad li {
    border-top: 1px solid rgba(52, 152, 219, 0.2);
    padding-top: 20px; }
  body.home nav .ad a {
    height: auto; }
    body.home nav .ad a:hover {
      background-color: transparent; }
      body.home nav .ad a:hover img {
        border: 1px solid rgba(52, 152, 219, 0.6); }
    body.home nav .ad a img {
      border: 1px solid rgba(52, 152, 219, 0.2);
      margin-left: -2px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-color: #fff; }
      body.home nav .ad a img.padded {
        margin-left: -6px;
        margin-top: -4px;
        padding: 5px; }

form .select .btn {
  width: 180px; }
form a {
  text-transform: none; }
form .dropdown-arrow {
  border-bottom-color: #FFF; }
form .dropdown-menu {
  background-color: #FFF; }
  form .dropdown-menu li.selected > a {
    background: #00A53C; }
form textarea {
  resize: none; }
form input[type="file"] {
  margin-top: 8px;
  line-height: 10px; }
form .error input[type="file"] {
  -moz-box-shadow: 0px 5px #333333;
  -webkit-box-shadow: 0px 5px #333333;
  box-shadow: 0px 5px #333333; }
form legend {
  font-weight: 700;
  font-size: 23px; }

body.publications.messages form {
  margin-top: 80px; }
  body.publications.messages form .select.span5 {
    margin-left: 0; }
  body.publications.messages form .dropdown-arrow {
    border-bottom-color: #EEE; }
  body.publications.messages form .dropdown-menu {
    background-color: #EEE; }

.sf-container {
  width: 100%;
  margin-bottom: 40px; }
  .sf-container .sf-segment {
    border: 1px dotted #e5e5e5;
    border-radius: 4px;
    padding: 0 10px;
    clear: both;
    margin-top: 44px; }
    .sf-container .sf-segment:first-child {
      margin-top: 0; }
    .sf-container .sf-segment .sf-or {
      border-bottom: 1px dotted #eeeeee;
      padding: 10px 0; }
      .sf-container .sf-segment .sf-or .sf-segment-filter {
        width: 215px;
        float: left; }
      .sf-container .sf-segment .sf-or .sf-segment-values {
        width: 215px;
        float: left;
        margin-left: 225px; }
        .sf-container .sf-segment .sf-or .sf-segment-values input[name^="title"] {
          border-width: 1px;
          border-color: #ccc;
          padding: 0px 3px 2px; }
      .sf-container .sf-segment .sf-or select {
        width: 100%;
        margin-bottom: 0; }
      .sf-container .sf-segment .sf-or input {
        padding: 3px;
        margin-bottom: 0; }
      .sf-container .sf-segment .sf-or:last-child {
        border-bottom: none; }
      .sf-container .sf-segment .sf-or:first-child .sf-segment-values {
        margin-left: 10px; }
      .sf-container .sf-segment .sf-or:first-child a.sf-add-or {
        display: none; }
      .sf-container .sf-segment .sf-or a.sf-add-or {
        float: right;
        display: inline-block;
        text-transform: uppercase;
        background-color: #86d3f0;
        padding: 0 3px 2px;
        border-radius: 15px;
        color: #ffffff;
        font-size: 14px;
        margin-top: 2px;
        text-align: center; }
        .sf-container .sf-segment .sf-or a.sf-add-or span {
          font-size: 18px; }
          .sf-container .sf-segment .sf-or a.sf-add-or span.icon-plus-sign {
            margin-top: 3px; }
        .sf-container .sf-segment .sf-or a.sf-add-or:hover {
          background-color: #bbbbbb; }
        .sf-container .sf-segment .sf-or a.sf-add-or.active {
          background: #dddddd; }
      .sf-container .sf-segment .sf-or a.sf-remove {
        color: #cccccc;
        display: inline-block;
        opacity: 0;
        float: right;
        padding: 0 10px;
        font-size: 18px;
        font-weight: bold; }
        .sf-container .sf-segment .sf-or a.sf-remove:hover {
          color: #333333; }
      .sf-container .sf-segment .sf-or:hover a.sf-remove {
        opacity: 1; }
  .sf-container a.sf-add-and {
    display: none;
    background-color: #86d3f0;
    text-transform: uppercase;
    padding: 2px 10px 4px;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
    margin: 10px;
    position: absolute;
    z-index: 1;
    text-align: center; }
    .sf-container a.sf-add-and span {
      font-size: 18px; }
      .sf-container a.sf-add-and span.icon-plus-sign {
        margin-top: 3px; }
    .sf-container a.sf-add-and:hover {
      background-color: #bbbbbb; }
    .sf-container a.sf-add-and.active {
      background-color: #dddddd; }
  .sf-container .sf-connector {
    position: absolute;
    z-index: 0;
    margin-left: 27px;
    height: 22px;
    border-left: 1px dotted #e5e5e5;
    display: none; }
    .sf-container .sf-connector.active {
      height: 44px; }
  .sf-container a.sf-filter {
    display: none;
    padding: 8px 15px;
    background-color: #9fcd6c;
    color: #ffffff;
    border-radius: 3px;
    float: right;
    margin: 10px 0 20px 2px; }
  .sf-container a.sf-button {
    padding: 8px 15px;
    background-color: #cccccc;
    color: #ffffff;
    border-radius: 3px;
    float: right;
    margin: 10px 2px 20px; }
  .sf-container .sf-fix {
    clear: both; }

.chosen-container-single .chosen-single {
  background: none;
  border-color: #e5e5e5;
  box-shadow: none;
  border-radius: 3px; }
.chosen-container-single .chosen-search input {
  border-radius: 3px !important; }

.chosen-container .chosen-results {
  max-height: 260px; }
  .chosen-container .chosen-results li.highlighted {
    background-image: none;
    background-color: #86d3f0;
    border-radius: 3px; }
.chosen-container .chosen-drop {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }

.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none; }

/*
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */
@font-face {
  font-family: "foundation-icons";
  src: url('/fonts/website/foundation-icons.eot?1377275155');
  src: url('/fonts/website/foundation-icons.eot?&1377275155#iefix') format("embedded-opentype"), url('/fonts/website/foundation-icons.woff?1377275155') format("woff"), url('/fonts/website/foundation-icons.ttf?1377275155') format("truetype"), url('/fonts/website/foundation-icons.svg?1377275155#fontcustom') format("svg");
  font-weight: normal;
  font-style: normal; }
.fi-arrow-left:before,
.fi-arrow-up:before,
.fi-bookmark:before,
.fi-camera:before,
.fi-compass:before,
.fi-download:before,
.fi-eye:before,
.fi-info:before,
.fi-lightbulb:before,
.fi-link:before,
.fi-mail:before,
.fi-megaphone:before,
.fi-page-multiple:before,
.fi-page-search:before,
.fi-plus:before,
.fi-print:before,
.fi-rss:before,
.fi-shield:before,
.fi-social-facebook:before,
.fi-social-google-plus:before,
.fi-social-twitter:before,
.fi-social-youtube:before,
.fi-social-flickr:before,
.fi-sound,
.fi-target:before,
.fi-telephone:before,
.fi-thumbnails:before,
.fi-torsos-male-female:before,
.fi-widget:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

.fi-arrow-left:before {
  content: "\f10a"; }

.fi-arrow-up:before {
  content: "\f10c"; }

.fi-bookmark:before {
  content: "\f11f"; }

.fi-camera:before {
  content: "\f125"; }

.fi-compass:before {
  content: "\f133"; }

.fi-download:before {
  content: "\f143"; }

.fi-eye:before {
  content: "\f147"; }

.fi-info:before {
  content: "\f15e"; }

.fi-lightbulb:before {
  content: "\f163"; }

.fi-link:before {
  content: "\f165"; }

.fi-mail:before {
  content: "\f16d"; }

.fi-megaphone:before {
  content: "\f173"; }

.fi-page-multiple:before {
  content: "\f18a"; }

.fi-page-search:before {
  content: "\f18d"; }

.fi-plus:before {
  content: "\f199"; }

.fi-print:before {
  content: "\f19f"; }

.fi-rss:before {
  content: "\f1aa"; }

.fi-shield:before {
  content: "\f1af"; }

.fi-social-facebook:before {
  content: "\f1c4"; }

.fi-social-google-plus:before {
  content: "\f1ca"; }

.fi-social-twitter:before {
  content: "\f1e4"; }

.fi-social-youtube:before {
  content: "\f1ea";
}

.fi-social-flickr:before {
  content: "\f1c5";
}

.fi-sound:before {
  content: "\f1ed";
}

.fi-target:before {
  content: "\f1f6"; }

.fi-telephone:before {
  content: "\f1f8"; }

.fi-thumbnails:before {
  content: "\f1fa"; }

.fi-torsos-male-female:before {
  content: "\f202"; }

.fi-widget:before {
  content: "\f214"; }

.fi-zoom-in:before {
  content: "\f219"; }

.fi-zoom-out:before {
  content: "\f21a"; }

.jobs{
	color:#ccc;
}

a.jobs:hover{
	background-color:#ccc !important;
}
/*.over-oportunidad:hover{
  background-color: DarkOrange !important;
}*/

.menu-actualidad{
  background:#3498DB;
}

.menu-actualidad li{
  padding-top:0!important;
  border-top:none!important;
}
.menu-actualidad li a{
  border-radius:0!important;
  color:#fff!important;
}

.menu-actualidad li.active a{
  color:#3498DB!important;

}

.menu-actualidad li.active a:hover{
  color:#124e91!important;
  background:#fff!important;

}

.redes-act{
  margin-right:10px;
      margin-top: 20px!important;
}


.ver-mas-actualidad{
  line-height:25px!important;
   border-bottom: none!important;
   padding: 0!important;
   margin: 0!important;
   font-size: 11px!important;
   font-weight: 700
}

.ver-mas-actualidad:hover{
  color:#1abc9c!important;
}

.item-actualidad p {
    font-size: 12px!important;
    line-height: 15px!important;
  }

.item-actualidad span{
  color:#878787!important;
}

.item-actualidad {
  border-bottom:1px solid #d6eaf8!important;
}

.timeline-Header-title{
  font-size:15px!important;
}

.item-actualidad:last-child{
  border-bottom:none!important;
}

#banner-seminario{
      margin: 20px;
    background: #3F51B5;
    height: 214px;
}

#popup{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100;
}


#content--t {
  position: absolute;
    -webkit-animation: bounceInUp 1s;
    width: 100%;
    max-width: 800px;
    line-height: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: -webkit-linear-gradient(2deg, #f35626, #feab3a);
    background-image: -o-linear-gradient(2deg, #f35626, #feab3a);
    background-image: -moz-linear-gradient(2deg, #f35626, #feab3a);
    background-image: linear-gradient(92deg, #f35626, #feab3a);
    -webkit-animation: hue 60s infinite linear;
    animation: hue 60s infinite linear;
    -moz-animation: hue 60s infinite linear;
    -o-animation: hue 60s infinite linear;
    font-size: 100px;
    font-weight: bold;
    text-align: center;

}

#content--t p{
    color: #fff;
    position: absolute;
    font-weight: 400;
    right: 118px;
    bottom: 78px;
    font-size: 17px;
}

#content--t p span{
  font-family: 'Baloo Tamma', cursive;
  font-style: italic;
}

  #texto {
    color: #f00;
    font-family: 'Baloo Tamma', cursive;

  }

   #texto span{
font-style: italic;
color: #fff;

   }

   #cerrar{
    position:absolute;
    color: #fff;
    right: 20px;
    top: 20px;
    padding: 5px;
    border: 1px solid #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
}


/*//////////// popup2 //////////////*/

#popup2{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100;
}

#popup2 #content--t {

    background: #013e8b;
    animation: none!important;
    overflow: hidden;
}

#popup2 #content--t p{
    color: #333;
    position: absolute;
    font-weight: 400;
    right: 118px;
    bottom: 78px;
    font-size: 17px;
}

#popup2 #content--t p span{
  font-family: 'Baloo Tamma', cursive;
  font-style: italic;
  color: #ff5300;
}

  #popup2 #texto {
    font-family: 'Baloo Tamma', cursive;
background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
background-image: linear-gradient(92deg,#f35626,#feab3a);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
    -webkit-animation: hue 60s infinite linear;

      text-fill-color: transparent;
  background-clip: text;
  animation: hue 60s infinite linear;

  }

   #popup2 #texto span{
font-style: italic;
color: #fff;

   }

   #cerrar2{
    position:absolute;
    color: #fff;
    right: 20px;
    top: 20px;
    padding: 5px;
    border: 1px solid #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
   }


/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}


@keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

@-moz-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

.col-izq{
    width: 40%;
    float: left;
}

.col-izq img{
  margin-top: -28px;
}

.col-der {
    width: 60%;
    float: right;
    height: 300px;
    background: #90d81b;
    position: relative;
}

.col-der:before {
content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -30px;
    width: 0;
    height: 0;
    border-top: 300px solid #90d81b;
    border-left: 30px solid transparent;
}


.col-der p{
position: relative !important;
color: #333 !important;
font-weight: 100 !important;
font-size: 17px !important;
padding: 35px 0 35px 15px !important;
margin-top: 56px !important;
text-align: right !important;
line-height: 23px !important;
border-top: 2px solid #004589 !important;
border-bottom: 2px solid #fefeff !important;
right: 0 !important;
bottom: 0 !important;
margin-right: 40px;
}

#featured .carousel-indicators .active{
  background-color: #ffe401!important;
}

body.peace #haciendo .metadata {
    /* background-color: #de0707!important; */
    background-color: #faa634!important;
}

body.peace #haciendo{
  /* border-top: 3px solid #de0707!important; */

}

body.peace #haciendo .metadata h1{
    font-size: 21px!important;
    color: #FFF!important;
    width: 60%;
}

body.peace #impulsando .metadata h1{
    font-size: 21px!important;
    color: #FFF!important;
}

body.peace #haciendo .metadata h2, body.peace #coyuntura .metadata h2, body.peace #impulsando .metadata h2, body.peace #disenando .metadata h2 {
    font-size: 16px!important;
    color: rgba(0, 0, 0, 0.31)!important;
}

body.peace #coyuntura .metadata {
  background-color: #41b4f7!important;
}

body.peace #coyuntura .metadata h1 {
    font-size: 21px!important;
}

body.peace #coyuntura{
  border-top: none!important;
}

body.peace #impulsando .metadata{
  background-color: #faa634!important;
}


body.peace #disenando .metadata {
  background-color: #41b4f7;
}

body.peace #disenando .metadata h1{
    font-size: 21px!important;
    color: #FFF!important;
    width: 85%!important;
}

body.peace #disenando {
  border-top: none!important;
  margin-bottom: 280px!important;
}

body.peace #disenando .call-to-action p,
body.peace #coyuntura .call-to-action p,
body.peace #haciendo  .call-to-action p,
body.peace #impulsando .call-to-action p{
    font-size: 18px!important;
    line-height: 24px!important;
}

header nav a.drug {
            border-top: 3px solid #faa634!important;
}

header nav li.active a.drug {
    border-top-color: #faa634!important;
    background-color: #faa634!important;
}

.banner #news-player .item h3 {
    position: absolute;
    left: 10px;
    z-index: 2;
    color: #fff;
    font-size: 26px!important;
    background-color: transparent!important;
    padding: 15px 20px;
    margin: 0;
    width: 80%;
    bottom: 30px!important;
    text-shadow: rgba(0, 0, 0, 0.8) 0 0 5px!important;
}

.banner #news-player .item {
    background-color: transparent!important;
}

.banner #news-player p {
    font-size: 15px;
    line-height: 20px;
}

body.home{
    background-position: 0px -583px!important;
}

.banner #news-player .item {
    height: 287px!important;
}

.banner{
    height: 287px;
    margin-top: 0px;
    background: #faa634;
    padding: 10px;
}

.banner .carousel-indicators {
    top: 15px!important;
}

.tool-box .call-to-action, {
    float: left;
    padding: 35px 40px 0 40px;
    position: relative;

}


body.peace #disenando .call-to-action,
body.peace #coyuntura .call-to-action,
body.peace #haciendo  .call-to-action,
body.peace #impulsando .call-to-action{
height: 275px;
}


body.peace #haciendo  .call-to-action a.btn{
  background-color: #faa634!important;
}

body.peace #disenando  .call-to-action a.btn{
  background-color: rgb(65, 180, 247)!important;
  bottom: 30px;
}

body.peace #impulsando  .call-to-action a.btn{
  background-color: #faa634!important;
}

body.peace #coyuntura  .call-to-action a.btn{
    background-color: rgb(65, 180, 247)!important;
    bottom: 30px;
}

body.peace #proyecto  .metadata {
    background-color: #faa634!important;
        height: 220px;
}


body.peace #disenando  .metadata,
body.peace #coyuntura .metadata,
body.peace #haciendo  .metadata,
body.peace #impulsando .metadata{
height: 220px!important;
}

body.peace #disenando  .posts,
body.peace #coyuntura  .posts,
body.peace #haciendo  .posts,
body.peace #impulsando  .posts{
height: 275px!important;
}

body.peace #coyuntura  .call-to-action{
    background: #6aec74;
    border-right: none!important;
    border-left: none!important;
}

body.peace #coyuntura .post{
    background-color: #ccfbd0!important;
}


body.peace #coyuntura .posts, body.peace #disenando .posts{
    background: rgba(213, 239, 253, 0.49)!important;
}

body.peace #coyuntura .call-to-action, body.peace #disenando .call-to-action {
    background: rgb(234, 247, 254)!important;
    border-right: none!important;}

body.peace #coyuntura .posts li, body.peace #disenando .posts li{
    padding-right: 20px;
}


 body.peace #coyuntura .posts .resource-title,  body.peace #disenando .posts .resource-title{
  color: #41b4f7!important;

 }

 .posts .resource-title{
  font-weight: 600;
 }

 body.peace #coyuntura .posts .date, body.peace #disenando .posts .date {
    color: #4e93bb!important;
}

 body.peace #coyuntura .posts .post-metadata,  body.peace #disenando .posts .post-metadata {
    border-top: 1px solid #a0d2ef;}

.icono{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    padding: 20px;
    /* line-height: 99px; */
    margin: auto;
    border: 2px solid #fff;
    margin-top: 30px;
}

.icono svg{
  margin-top: 0!important;
}

body.peace.drug{
    background-position: 0 -812px!important;
}

.tool-box-v{
    float: left;
    width: calc(33.3333% - 20px);
    margin: 10px;
}

.tool-box-v h1 {
    font-size: 19px!important;
    color: #FFF!important;
    width: 100%!important;
    line-height: 24px;
    text-align: center;
    padding: 20px 0!important;
}

.tool-box-v .icono{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    padding: 20px;
    /* line-height: 99px; */
    margin: auto;
    border: 2px solid #fff;
    margin-bottom: 30px;
}

#haciendo .icono{
    margin-top: 65px;
}

.tool-box-v .excerpt h3{
    font-size: 12px;
    color: #000;
    line-height: 17px;
    margin-bottom: 10px;
        margin-top: 10px;
}

.tool-box-v .call-to-action p {
    font-size: 18px!important;
    line-height: 22px!important;
    padding: 15px;
}

.tool-box-v .call-to-action{
    height: 185px!important;
}

.tool-box-v .call-to-action a.btn {
    background-color: #faa634!important;
    display: block;
    margin: 0 20px;
}

.tool-box-v .posts{
  min-height: 300px;
   padding: 10px;
}

.cifra {
    margin-top: 14px;
    padding: 14px;
    font-size: 16px;
    padding-bottom: 10px;
    margin: 5px 10px 5px 10px;
    border-bottom: 1px solid #41b4f7;
    color: #41b4f7;
}

.cont-cifras{
    background: #f5f5f5;
    margin-top: 30px;
}

.cifra span{
    font-size: 61px;
    display: block;
    font-weight: bold;
    margin: auto;
}

.drug .nav-tabs{
    margin-bottom: 0;
}

.drug .nav-tabs li.active a{
    padding: 5px 15px!important;
    font-size: 11px;
    border: none;
    font-size: 16px!important;
}

.drug .nav-tabs li a{
    padding: 5px 15px!important;
    font-size: 11px;
    border: none;
    font-size: 16px!important;
}



body.peace #proyecto .call-to-action a.btn{
  margin-top: -15px;
}

@media only screen and (max-width: 767px){
  .tool-box-v{
    float: none;
    width: 80%!important;
    margin: auto;
  }

  .cont-cifras{
    margin-bottom: 280px!important;
  }

  body.peace #disenando{
    margin-bottom: 20px!important;
  }

  .tool-box-v .posts {
    min-height: auto!important;
}

.banner #news-player .item h3 {
    font-size: 20px!important;
    width: 30%!important;

}

 body.peace.drug .span3{
  display: none;
 }
}



/* #content--t:after{
content: "ver más";
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    bottom: -55px;
    background: #ff5300;
    color: #fff;
    font-size: 14px;
    line-height: 120px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 3px;
} */