h4 {
        font: 24px/28px 'Roboto',arial,"san-serif";
        margin-bottom: 10px;
      }
      
      h4.member-title {
        margin-bottom: 0px;
      }
      
      .nav_index {
        overflow: hidden;
        margin-bottom: 20px;
      }
      
      .nav_index li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: rgba(255,255,255,0.4) url('http://chilmedia.org/v2/file-preview/4e24ddc7-4ef1-4630-99bc-fcd566d88e35.jpg') no-repeat;
        border-radius: 50%;
        position: relative;
      }
      
      .nav_index li a:hover {
        background-color: rgba(0,0,0,0.4);
      }
      
      .nav_index li {
        float: left;
        font-size: 0px;
        width: 33.33%;
        text-align: center;
      }      
      
      .nav_index .home img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 40px;
        border-radius: 50%;
      }
      
      .nav_index .agripa-panel {
        background-position: -0px -280px;
      }
      
      .nav_index .login {
        background-position: 0px -160px;
      }
      
      .nav_index .info {
        background-position: 0px -120px;
      }
      
      .nav_index .add {
        background-image: none;
        position: relative;
      }
      
      .nav_index .add:before,
      .nav_index .add:after {
        content: "";
        position: absolute;
        width: 4px;
        height: 18px;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -2px;
        border-radius: 2px;
        background: #FFF;
      }
      
      .nav_index .add:after {
        transform: rotate(90deg);
      }
      
      .add-button {
        display: block;
        font-family: officina, arial, san-serif;
        margin-top: -20px;
        margin-left: 20px;
        font-size: 16px;
        color: #FFF;
        text-decoration: none;
        position: relative;
        cursor: pointer;
      }
      .add-button:hover {
        text-decoration: underline;
      }
      
      .add-button:after {
        content:"";
        display: block;
        position: absolute;
        border: 1px solid #FFF;
        width: 7px;
        height: 1px;
        top: 7px;
        left: -18px;
        background: #FFF;
      }
      
      .add-button:before {
        content:"";
        display: block;
        position: absolute;
        border: 1px solid #FFF;
        width: 1px;
        height: 7px;
        top: 4px;
        left: -15px;
        background: #FFF;
      }
      
      #toggle-addelement+label+.add-elements-holder {
        height: 0px;
        position: relative;
        -webkit-transition: height 1s;
        -moz-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        overflow: hidden;
      }
      
      #toggle-addelement:checked+label+.add-elements-holder {
        height: 100px;
      }
      
      .add-elements-holder ul {
        padding-left: 20px;
      }
      
      .add-elements-holder li {
        font-family: officina, arial, san-serif;
        color: #FFF;
      }
      
      .add-elements-holder li:hover {
        color: #606060;
      }
      
      .add-elements-holder li a{
        text-decoration: none;
        color: inherit;
        font-size: 14px;
        display: block;
        padding: 5px;
      }
      
      .background {
        width: 100%;
        height: 100%;
        position: fixed;
      }
      
      .background div {
        height: 100%;
        width: 50%;
        float: left;
      }
      
      .background div:nth-child(1) {
        background: #ffba24;
      }
      
      .background div:nth-child(2) {
        background: #f5f5f5;
      }
      
      #wrapper {
        max-width: 960px;
        margin: 0px auto;
        height: 100%;
      }
      
      aside {
        position: fixed;
        width: 210px;
        padding: 10px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .main-content {
        min-height: 100%;
        position: relative;
        margin-left: 210px;
        background: #F5F5F5;
        padding: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
      }
      
      h2.header {
        font: 26px/26px bebas, arial, "san-serif" !important;
        color: #1d1d1b !important;
        margin-bottom: 40px;
        font-weight: bold;
      }
      
      #menu {
        margin-bottom: 40px;
      }
      
      #menu h3{
        font: 16px/28px bebas, arial, "san-serif";
        height: 30px;
        width: 100%;
        padding: 0px 10px;
        border: 1px solid #FFF;
        color: #FFF;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      #menu h3:after {
        content:"";
        position: absolute;
        right: 10px;
        top: 10px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #FFF;
        cursor: pointer;
      }
      
      #menu ul {
        display: none;
        list-style: none;
      }
      #menu a {
        display: block;
        padding: 6px 10px;
        background: #FFF;
        font: 15px officina, arial, "san-serif";
        text-decoration: none;
      }
      
      #menu a:hover {
        background: #444;
        color: #FFF;
      }
      
      .widget h2 {
        font: 16px officina, arial, "san-serif";
        color: #FFF;
      }
      
      .project-panel:hover .summary > p {
        color:#ffba24;
      }
      
      
      .news-panel {
        margin-bottom: 40px;
      }
      
      .news-panel.detail .author {
        margin: -5px 0px 0px 0px;
      }
      
      .news-panel.detail.news .author {
        margin: 0px 20px 0px 20px;
        padding: 10px;
        background: #1d1d1b;
      }
      
      .news-panel h5 {
        margin: 20px 0px 10px 0px;
        font: 16px/22px officina, arial, "san-serif";
      }
      
      .news-panel.detail .summary {
        margin: 10px;
      }
      .news-panel.detail .summary p {
        padding-bottom: 20px;
      }
      
      .news-panel.detail .summary.first-par {
        font-weight: bold;
      }
      
      .event-panel h4,
      .news-panel h4 {
        font: 24px/28px officina, arial, "san-serif";
      }
      
      .event-panel h4 a,
      .news-panel h4 a{
        text-decoration: none;
      }
      
      .event-panel h4 a:hover,
      .news-panel h4 a:hover{
        color: #ffba24;
      }
      
      .event-panel:hover .date{
        background: #ffba24;
      }
      
      .news-panel .hero {
        margin: 20px;
        font-size: 0px;
        position: relative;
      }
      
      .news-panel.detail.news .hero {
        margin-bottom: 0px;
      }
      
      .news-panel.detail .author span {
        color: #B3B3B3;
      }
      
      .news-panel .hero img{
        max-width: 100%;
        max-height: 100%;
      }
      
      .event-panel .summary,
      .news-panel .summary {
        clear: both;
        margin: 20px;
        color: #777;
        line-height: 20px;
        text-align: justify;
      }
      
      .news-panel .author {
        margin: -10px 20px;
        overflow: hidden;
        font-size: 10px;
      }
      
      .news-panel .author p{
        float: left;
        color: #ffba24;
        font-weight: bold;
      }
      
      .news-panel .author span{
        float: left;
        color: #777;
        padding-left: 5px;
      }
      
      .news-panel .author img{
        width: 22px;
        height: 22px;
        float: left;
      }
      
      .news-panel .news-author {
        margin-left: 32px;
        position: relative;
        margin-top: 8px;
      }
      
      .news-panel .more {
        text-decoration: none;
        color: #ffba24;
        font-size: 10px;
        padding-right: 30px;
        position: relative;
        -webkit-transition: 0.5s;
        transition: 0.5s;
      }
      
      .news-panel .more:after {
        content:"";
        top: 2px;
        right: 0px;
        width: 0px;
        height: 0px;
        font-size: 0px;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-left: 10px solid #ffba24;
        position: absolute;
      }
      
      .news-panel .more:before {
        content:"";
        top: 2px;
        right: 12px;
        width: 0px;
        height: 0px;
        font-size: 0px;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-left: 10px solid #ffba24;
        position: absolute;
      }
      
      .news-panel .more:hover {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        padding-right: 40px;
      }
      
      
      .last-feeds li {
        list-style: none;
      }
      
      .last-feeds a{
        font: 15px officina, arial, "san-serif";
        text-decoration: none;
        color: #1d1d1b;
        padding: 10px;
      }
      
      .share-social {
        position: absolute;
        top: 5px;
        right: 5px;
      }
      
      .share-social ul{
        list-style: none;
        width: 24px;
      }
      
      .share-social li{
        display: block;
        width: 24px;
        height: 24px;
        background: rgba(0,0,0,0.8) url('http://138.100.136.142:8080/150727.jpg') no-repeat;
        cursor: pointer;
        margin-bottom: 2px;
      }
      
      .share-social .twitter {
        background-position: 0px 0px;
      }
      .share-social .facebook {
        background-position: 0px -24px;
      }
      .share-social .linkedin {
        background-position: 0px -48px;
      }
      .share-social .mail {
        background-position: 0px -72px;
      }
      
      .share-social .twitter:hover {
        background-color: #00ACED;
      }
      .share-social .facebook:hover {
        background-color: #3B5998;
      }
      .share-social .linkedin:hover {
        background-color: #007BB6;
      }
      .share-social .mail:hover {
        background-color: #ff9a08;
      }
      
      .filter-holder {
        margin-top: 40px;
      }
      
      .filter-holder ul {
        padding: 10px;
      }
      
      .filter-holder li {
        list-style: none;
        line-height: 20px;
        font: 15px officina, arial, "san-serif";
      }
      
      .filter-holder input[type=checkbox]+label {
        height: 10px;
        width: 10px;
        border: 1px solid #FFF;
        display: inline-block;
        margin: 7px 0px;
        line-height: 13px;
        cursor: pointer;
        text-indent: 20px;
        white-space: nowrap;
        color: #1d1d1b;
        font-size: 14px;
      }
      
      input[type=checkbox] {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
      }
      
      .filter-holder input[type=checkbox]:checked+label {
        background: #FFF;
      }
      
      [data-scroll="scrollbar-style"]::-webkit-scrollbar-track{
        background-color: #CECECE;
        border: 1px solid #ffba24;
      }
      
      [data-scroll="scrollbar-style"]::-webkit-scrollbar{
        width: 8px;
      }
      
      [data-scroll="scrollbar-style"]::-webkit-scrollbar-thumb{
        background-color: #FFF;
        border: 1px solid #ffba24;
      }
      
      .groups-list {
        position: relative;
        /*right: 0%;*/
        width: 100%;
        /*padding-right: 20px;*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .change-view {
        list-style: none;
        margin: 0px -5px;
        overflow: hidden;
        padding: 0px;
        font-size: 0px;
      }
      
      .change-view li {
        padding: 5px;
        width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
      }
      
      .change-view span {
        display: inline-block;
        border: 1px solid rgba(255,255,255,0.4);
        color: rgba(255,255,255,0.4);
        font: 16px/28px bebas, arial, "san-serif";
        padding: 0px 5px;
        text-align: center;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
      }
      
      .change-view span:hover {
        color: #FFF;
      }
      
      .change-view li span.selected{
        color: #FFF;
        border: 1px solid #FFF;
      }
      
      .map-holder {
        position: absolute;
        top: 0px;
        left: 100%;
        padding: 20px;
        width: 100%;
        height: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .map-holder .widget-content{
        height: 100%;
      }
      .map-holder .widget-content {
        position: fixed;
        width: 710px;
        height: 550px;
        left: 150%;
        top: 20px;
        margin-left: -250px;
      }
      
      #index-map {
        height: inherit;
      }
      
      /****************
      
      CSS AUTHOR-HERO
      
      *****************/
      
      .author-hero {
        position: absolute;
        bottom: 5px;
        right: 5px;
        background: rgba(0,0,0,0.6);
        padding: 5px;
      }
      
      .author-hero img{
        width: 40px;
        height: 40px;
        float: left;
      }
      
      .author-hero .news-author {
        position: relative;
        margin-left: 45px;
        margin-top: 2px;
      }
      
      .author-hero p,
      .author-hero span {
        font: 14px officina, arial, "san-serif";
        color: #FFF;
      }
      
      .author-hero p {
        color: #ffba24;
      }
      
      /****************
      
      CSS GROUPS
      
      *****************/
      
      .group-panel {
        background: #FFF;
        clear: both;
        margin-bottom: 20px;
      }
      
      .group-panel:hover h5{
        background: #ffba24;
      }
      
      .group-panel h4{
        margin-bottom: 10px;
      }
      .group-panel h4 a {
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 24px;
        max-height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .group-panel h4 a:hover {
        color: #ffba24;
      }
      
      .group-panel p{
        color: #777;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 20px;
        max-height: 60px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        
      }
      
      .group-panel span {
        color: #ffba24;
      }
      
      .group-panel .hero {
        float: left;
        width: 220px;
        position: relative;
      }
      
      .group-panel .resume {
        position: relative;
        margin-left: 220px;
        padding: 10px 10px 40px 10px;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .group-panel .resume > div {
        height: 112px;
      }
      
      .group-panel .tags {
        position: absolute;
        bottom: 10px;
        left: 10px;
        max-height: 30px;
        overflow: hidden;
      }
      
      .group-panel h5 {
        position: absolute;
        font: 16px/20px myriad, arial, "san-serif";
        bottom: 0px;
        left: 0px;
        text-align: center;
        color: #FFF;
        background: rgba(0,0,0,0.6);
        width: 100%;
        padding: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      /****************
      
      CSS INFOWINDOW
      
      *****************/
      
      .gm-style-iw {
        width: 100% !important;
        top: 1px !important;
        left: 0px !important;
      }
      
      #infoWindow {
        width: 300px;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      #infoWindow ul {
        list-style: none;
      }
      
      #infoWindow a {
        text-decoration: none;
        display: block;
        padding: 5px;
      }
      
      #infoWindow a:hover {
        color: #ffba24;
      }
      #infoWindow .summary {
        font-weight: bold;
        padding-bottom: 5px;
      }
      
      #infoWindow .place,
      #infoWindow .tel,
      #infoWindow .fax{
        position: relative;
        line-height: 18px;
        padding: 5px 5px 5px 20px;
        margin-left: 10px; 
      }
      
      #infoWindow .place:before,
      #infoWindow .tel:before,
      #infoWindow .fax:before{
        content: "";
        background: url('http://138.100.136.142:8080/150860.png');
        width: 18px;
        height: 18px;
        display: block;
        left: 0px;
        position: absolute;
      }
      
      #infoWindow .tel:before {
        background-position: 0px -18px;
      }
      
      #infoWindow .fax:before {
        background-position: 0px -36px;
      }
      
      #event-infowin.event-panel{
        margin: 0px;
        background-color: transparent;
      }
      
      #event-infowin.event-panel:hover .date {
          background: #1d1d1b;
      }
      
      #event-infowin h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 24px;
        max-height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      
      #event-infowin h4 a {
        display: block;
      }
      
      #event-infowin .location {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 16px;
        max-height: 16px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
      }
      
      /****************
      
      CSS EVENTS
      
      *****************/
      
      .event-panel {
        background: #FFF;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 20px;
      }
      
      
      .event-panel .date {
        width: 54px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #1d1d1b;
        color: #FFF;
        font: 32px/32px officina, verdana, "san-serif";
        text-align: center;
        padding: 10px;
      }
      
      .event-panel .date .month {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 5px;
      }
      
      .event-panel .date span {
        display: block;
      }
      .event-info {
        width: 100%;
        position: relative;
        padding: 10px;
        padding-bottom: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .event-panel .summary {
        margin: 0px;
      }
      
      .event-panel h4 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 24px;
      }
      
      
      .event-panel .location {
        text-decoration: none;
        color: #777;
        font: 12px myriad, arial, 'san-serif';
        line-height: 14px;
        height: 14px;
        position: absolute;
        bottom: 10px;
        left: 10px;
      }
      span.location:before,
      .event-panel .location:before {
        content: "";
        background: url('http://138.100.136.142:8080/150772.png');
        width: 10px;
        height: 14px;
        margin-right: 6px;
        display: inline-block;
      }
      
      span.location {
        font: normal 12px/16px myriad, arial, 'san-serif';
        padding-top: 5px;
        display: inline-block;
      }
      
      .last-feeds .date{
        font-weight: bold
      }
      
      .last-feeds a:hover {
        color: #666;
      }
      
      
      /******************************
      
        CSS INVESTIGADORES
      
      *******************************/
        
      .four-col {
        width: 25%;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        font-size: 0px;
        padding: 10px;
      }
      
      .four-col > div {
        position: relative;
        width: 100%;
        padding-top: 128.97%;
      }
      
      .four-col img {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        max-width: 100%;
        max-height: 100%;
      }
      
      .four-col h4 {
        width: 100%;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        bottom: 0px;
        right: 0px;
        top: auto;
        position: absolute;
        font: 14px officina, arial, 'san-serif';
        z-index: 1;
        background: rgba(0,0,0,0.7);
        color: #FFF;
        padding: 5px;
      }
      
      .members .profile-info {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #3F3F3F;
        z-index: 1;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: 0.5s;
        transition: 0.5s;
      }
      
      .four-col:hover .profile-info {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
      }
      .members .profile-info p {
        font: 14px/18px officina, arial, 'san-serif';
        height: 33.33%;
        color: #FFF;
        
      }
      
      .members .profile-info .email {
        word-break: break-all;
        display: none;
      }
      
      .members .profile-info .name {
        color: #ffba24;
        font-size: 16px;
      }
      
      .project-panel {
        width: 50%;
        padding: 10px;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .project-panel a {
        text-decoration: none;
        position: relative;
        width: 100%;
      }
      
      .project-panel .hero{
        font-size: 0px;
        position: relative;
      }
      
      .project-panel img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
      }
      
      .project-panel .project-info {
        font: 15px/20px officina, arial, 'san-serif';
        padding-top: 10px;
        margin-top: 10px;
      }
      
      .project-panel .activo {
        color: #ffba24;
      }
      
      
      .project-panel .summary {
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font: 19px/24px officina, arial, 'san-serif';
        background: #FFF;
        position: relative;
      }
      
      .project-panel .summary > p {
        overflow: hidden;
        height: 96px;
      }
      
      .project-panel .author-hero img {
        width: 30px;
        height: 30px;
      }
      
      .project-panel .news-author {
        margin-left: 35px;
      }
      
      .project-panel-list {
        clear: both;
        width: 100%;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .project-panel-list a{
        text-decoration: none;
        background: #FFF;
        width: 100%;
      }
      
      .project-panel-list h5{
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font: 19px/24px officina, arial, 'san-serif';
      }
      
      .project-panel-list .project-info {
        width: 100%;
        font: 14px/16px officina, arial, 'san-serif';
        padding: 5px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #3F3F3F;
        color: #FFF;
      }
      
      .project-panel-list:hover .project-info {
        background: #ffba24;
        color: #FFF;
      }
        
      /******************************
      
        CSS TOPIC
      
      *****************************/
        
      .two-col {
        width: 50%;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        font-size: 0px;
        padding: 10px;
      }
      
      .panel h4 {
        position: absolute;
        font: 16px bebas, arial, 'san-serif';
        border-right: 4px solid #ffba24;
        top: 20px;
        right: 6px;
        background: #FFF;
        padding: 5px 15px;
        z-index: 1;
        box-shadow: -1px 1px 2px rgba(0,0,0,0.3);
        font-weight: bold;
      }
      
      .panel .hero img{
        max-width: 100%;
        max-height: 100%;
      }
      
      .panel .hero {
        position: relative;
      }
      
      .panel .author {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        padding: 10px;
        overflow: hidden;
        font: 10px myriad, verdana, "san-serif";
        background: #ffba24;
        z-index: 1;
        bottom: -42px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
      }
      
      .panel:hover .author {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        bottom: 0px;
      }
      
      .panel .author img {
        width: 22px;
        height: 22px;
        float: left;
      }
      
      .panel .author .author-info {
        margin-left: 32px;
        position: relative;
        margin-top: 8px;
      }
      
      .panel .author p {
        float: left;
        color: #1d1d1b;
        font-weight: bold;
      }
      
      .panel .author span {
        float: left;
        color: #FFF;
        padding-left: 5px;
      }
      
      .agripa-social {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: -3px;
      }
      
      .agripa-social ul {
        list-style: none;
      }
      
      .agripa-social li {
        float: left;
      }
      
      .agripa-social li a{
        display: inline-block;
        margin-right: 10px;
        background: rgba(255,255,255,0.4) url('http://138.100.136.142:8080/150803.png');
        text-indent: -999999px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background-size: 30px;
      }
      
      .agripa-social .twitter {
        background-position: 0px 0px;
      }
      .agripa-social .facebook {
        background-position: 0px -30px;;
      }
      .agripa-social .mail {
        background-position: 0px -60px;
      }
      
      .agripa-social .twitter:hover {
        background-color: #00ACED;
      }
      .agripa-social .facebook:hover {
        background-color: #3B5998;
      }
      .agripa-social .mail:hover {
        background-color: #ff9a08;
      }
      
      
      .panel h5 {
        font: 20px officina, arial, 'san-serif';
        color: #1d1d1b;
        background: #FFF;
        padding: 10px;
        padding-bottom: 20px;
        position: relative;
        z-index: 2;
      }
      
      .panel h5 a {
        height: 72px;
        overflow: hidden;
        text-decoration: none;
      }
      
      .event-panel h5 {
        font: 20px officina, arial, 'san-serif';
        color: #1d1d1b;
      }
      
      h2.event-title {
        background: #ffba24;
        font: 20px bebas, arial, 'san-serif';
        padding: 10px 20px;
        color: #1d1d1b;
        clear: both;
        font-weight: bold;
      }
      
      .events-holder {
        padding: 10px;
        background: #FFF;
        height: 530px;
      }
        
      .detail .event.hero {
        margin: 0px;
      }
      
      .detail .event-panel {
        background: transparent;
        margin: 10px;
        overflow: hidden;
      }
      
      .detail .glooglemap-img {
        margin-top: -10px;
      }
      
      .detail .glooglemap-img img{
        vertical-align:middle;
      }
      
      .detail .glooglemap-img a{
        text-decoration: none;
      }
      
      .detail .glooglemap-img span{
        font-weight: normal;
      }
      
      .detail .event-panel img{
        max-width: none;
        max-height: none;
      }
      
      .detail .event-panel:hover .date {
        background: #1d1d1b;
      }
      
      .tags-holder {
        margin-top: 20px;
      }
      
      /******************************
      
        CSS CALENDAR
      
      *****************************/
        
      .ui-datepicker {
        width: 100%;
        display: block;
        margin-bottom: 20px;
      }
      
      .ui-datepicker.ui-widget-content {
        background: transparent;
        border: 1px solid #FFF;
        border-radius: 0px;
        padding: 0px;
        color: #FFF;
      }
      
      .ui-datepicker .ui-widget-header {
        border: none;
        background: transparent;
        border-bottom: 1px solid #FFF;
        border-radius: 0px;
        color: #FFF;
      }
      
      .ui-datepicker .ui-state-hover,
      .ui-datepicker .ui-widget-content .ui-state-hover,
      .ui-datepicker .ui-state-focus,
      .ui-datepicker .ui-widget-content
      .ui-datepicker .ui-state-focus {
        border: none;
        background: transparent;
      }
      
      .ui-datepicker .ui-state-default,
      .ui-datepicker .ui-widget-content .ui-state-default {
        background: rgba(0,0,0,0.2);
        border: none;
        color: #1d1d1b;
      }
      
      .ui-datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight {
        background: rgba(0,0,0,0.8);
        color: #FFF;
      }
      
      .ui-datepicker .ui-state-default:hover {
        background: rgba(0,0,0,0.8);
        color: #FFF;
      }
      
      .highlight a{
        background: #FFF !important;
      }
      
      .highlight a:hover {
        color: #ffba24 !important;
      }
      
      .tooltip {
        display: none;
        margin-top: -10px;
        background: #FFF;
        font-size: 12px;
        line-height: 18px;
        height: 70px;
        width: 160px;
        padding: 10px;
        color: #949494;
        border: 1px solid #BEBEBE;
        font: 14px/18px officina,verdana,sans-serif;
      }
      
      .tooltip a {
        text-decoration: none;
      }
      
      .tooltip:before {
        bottom: -8px;
        right: 76px;
        border-style: solid;
        border-width: 8px 8px 0px 8px;
        border-color: #BEBEBE transparent;
        z-index: 0;
      }
      
      .tooltip:before, .tooltip:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        display: block;
      }
      
      .tooltip:after {
        bottom: -7px;
        right: 76px;
        border-style: solid dashed;
        border-width: 8px 8px 0px 8px;
        border-color: #FFF transparent;
        z-index: 1;
      }
      
      .group-panel.document .resume{
        margin-left: 135px;
      }
      
      .group-panel.document .hero {
        width: 115px;
      }
      
      /*******************************
      
      CSS ATTACHMENTS
      
      ********************************/
      
      .doc-preview {
        float: left;
        width: 72px;
      }
      
      .doc-preview img {
        border: 1px solid #B4B4B4;
      }
      
      .document-item {
        overflow: hidden;
        width: 33.3333%;
        float: left;
        padding: 5px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      .document-item .attachment-info {
        margin-left: 84px;
      }
      
      .attachment-info {
        font:12px 'myriad', arial, 'san-serif';
        color: #949494;
      }
      
      .attachment-info .title {
        text-decoration: none;
        color: #606060;
        width: 100%;
        font: 14px/18px 'officina', arial, 'san-serif';
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 54px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
      
      .attachment-info a:hover {
        color: #ffba24;
      }
      
      .attachment-info .title:hover {
        color: #ffba24;
      }
      
      .attachment-item {
        clear: both;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
      }
      
      .attachment-preview {
        position: relative;
        display: inline-block;
        float: left;
      }
      
      .play {
        position: absolute;
        background: url("/images/icons2.png");
        background-position: -81px -74px;
        height: 36px;
        width: 36px;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -18px;
      }
      
      .h5-title {
        float: left;
        margin-right: 10px;
        font: 16px/22px officina, arial, "san-serif";
        color: #1d1d1b;
      }
      
      /***********************
      
        CENTERS
      
      ************************/
      
      .map-holder-centers {
        min-height: 400px;
        height: 100%;
      }
      
      .map-holder-centers > .widget-content {
        height: 100%;
      }
      
      
      .info-holder {
        margin: 30px;
        padding: 20px;
        background: #FFF;
        color: #777;
        font: 13px/20px myriad, arial, san-serif;
      }
      .info-holder p{
        margin-bottom: 10px;
      }
      .info-holder h1 {
        color: #000;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
      }
      
      .info-holder li{
        line-height: 20px;
        margin: 20px;
      }
      .info-holder b {
        font-size: 15px;
        margin: 20px 0px 10px 0px;
        display: inline-block;
      }
      
      /***********************
      
        PAGINACION
      
      ************************/
      .agripa-pag {
        clear: both;
        overflow: hidden;
      }
      
      .agripa-pag a {
        font: 18px/22px bebas,officina,arial,"san-serif";
        display: inline-block;
        line-height: 32px;
        color: #606060;
        text-decoration: none;
      }
      
      .agripa-pag a:hover {
        color: #ffba24;
      }
      
      .agripa-pag a span {
        border-radius: 50%;
        display: inline-block;
        background-color: #606060;
        text-decoration: none;
        width: 32px;
        height: 32px;
        position: relative;
        display: inline-block;
        margin: 0px 10px -10px 10px;
      }
      
      .agripa-pag a:hover span {
        background-color: #ffba24;
      }
      
      .agripa-pag .agripa-pag-next {
        float: right;
      }
      
      .agripa-pag .agripa-pag-prev span:after,
      .agripa-pag .agripa-pag-prev span:before,
      .agripa-pag .agripa-pag-next span:after,
      .agripa-pag .agripa-pag-next span:before {
        content: "";
        background-color: #FFF;
        position: absolute;
        display: block;
        width: 3px;
        height: 14px;
        border-radius: 2px;
      }
      
      .agripa-pag .agripa-pag-prev span:after,
      .agripa-pag .agripa-pag-next span:after {
        top: 13px;
        left: 17px;
        transform: rotate(40deg);
      }
      
      .agripa-pag .agripa-pag-prev {
        float: left;
      }
      
      .agripa-pag .agripa-pag-prev span {
        transform: rotate(180deg);
        float: left;
      }
      
      .agripa-pag .agripa-pag-prev span:before,
      .agripa-pag .agripa-pag-next span:before {
        top: 5px;
        left: 17px;
        transform: rotate(-40deg);
      }
      
      
      
      /*______ CENTER PANEL CENTERS PAGE ______*/
      
      .center-panel.two-col > div {
        background-color: #FFF;
        padding-top: 40px;
        position: relative;
      }
      
      .center-panel.two-col .avatar {
        position: absolute;
        top: 0px;
        left: 20px;
        box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
      }
      .center-panel.two-col .hero {
        width: 100%;
      }
      
      .center-panel.two-col h4 {
        padding: 10px 20px;
      }
      
      .center-panel.two-col h4 a {
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 24px;
        height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .center-panel.two-col h4 a:hover {
        color: #ffba24;
      }
      
      .group-panel .resume .share-social {
        background-color: #ffba24;
        top: 0px;
        right: 0px;
        width: 30px;
        padding: 17px 5px;
        height: 128px;
      }
      
      .group-panel .share-social li {
        background: transparent;
        width: 30px;
        height: 30px;
        margin-bottom: 20px;
      }
      
      .group-panel .share-social li a {
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: rgba(255,255,255,0.4) url('http://chilmedia.org/20753.png') no-repeat;
        background-size: 30px;
        text-indent: -999999px;
        border-radius: 50%;
      }
      
      .group-panel .share-social .facebook {background-position: 0px -30px;}
      
      .group-panel .share-social .mail {background-position: 0px -60px;}
      
      
      .news-author p a {
        text-decoration: none;
      }
      
      /*______ SEARCH PANEL ______*/
      
      .search-panel {
        margin-bottom: 30px;
      }
      
      .search-panel h3 {
      	font: 19px bebas, arial, 'san-serif';
  			border-right: 4px solid #ffba24;
        background-color: #FFF;
        padding: 6px;
        text-align: center;
        width: 84px;
        float: left;
      }
      
      .search-panel > div {
        position: relative;
        margin-left: 116px;
      }
      
      .search-panel h4 a {
        text-decoration: none;
      }
      
      .search-panel h4 a:hover {
        color: #ffba24;
      }
      
      .search-panel > div span {
        color: #777;
        font-size: 14px;
      }
      
      /*animations*/
      .animation {
        transition: 1s;
      }
      .animation.ng-enter {
        opacity: 0;
      }
      .animation.ng-leave {
        opacity: 1;
      }
      .animation.ng-enter.ng-enter-active {
        opacity: 1;
      }
      .animation.ng-leave.ng-leave-active {
        opacity: 0;
      }
      * {
        -webkit-backface-visibility: hidden;
      }
      
      
      /*______ EVENTS LABELS ______*/
      
      #events-list > div {
        display: none;
      }
      
      #events-list #newevents-list {
        display: block;
      }
      
      .choose-events ul {
        list-style: none;
        overflow: hidden;
        margin: -10px;
        margin-bottom: 10px;
      }
      
      .choose-events ul li {
        float: left;
        padding: 10px;
        width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 16px;
        font-family: officina, arial, "san-serif";
      }
      
      .choose-events ul li a {
        display: block;
        padding: 10px;
        background-color: #dbdbdb;
        color: #FFF;
      }
      .choose-events ul li a:hover {
        background-color: #ffba24;
      }
      
      .choose-events ul li a.selected {
        background-color: #333;
      }
      
      #events-map {
        height: 320px;
        margin-bottom: 20px;
      }
      
      .gm-style {
        position: relative !important;
      }
      
      .search-filters {
        margin-bottom: 20px;
      }
      
      .search-filters select {
        width: 100%;
      }
      
      .search-filters .button-submit {
        background: transparent;
        border: 1px solid #FFF;
      }
      
      .search-filters .button-submit:hover {
        background: #FFF;
        color: #ffba24;
      }
      
    
      * {padding: 0px; margin: 0px;}
      a {display: inline-block; color: inherit;}
      ul, li, ol {list-style-position:inside;}
      img {
        border-width: 0px;
        display: block;
      }
      @font-face {
        font-family: officina;
        src: url('/Fonts/OfficinaSanITCMedium.ttf'),
        url('/Fonts/OfficinaSanITCMedium.eot'); /* IE9+ */
      }
      
      html, body {height: 100%; width: 100%;}
      
      body {
        font: 12px myriad, verdana, "san-serif";
        color: #1d1d1b;
        margin: 0px;
        background: #f5f5f5;
      }
      
      .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
      }
      
      #ch-veil {
        display: none;
        position: fixed;
        text-align: center;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.8);
        z-index: 1100;
        padding-top: 20px;
      }