h4 {
    font: 24px/28px "Roboto", arial, "san-serif";
    margin-bottom: 10px
    }
h4.member-title {
    margin-bottom: 0
    }
.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(/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: 0;
    width: 33.33%;
    text-align: center
    }
.nav_index .home img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    border-radius: 50%
    }
.nav_index .agripa-panel {
    background-position: 0 -280px
    }
.nav_index .login {
    background-position: 0 -160px
    }
.nav_index .info {
    background-position: 0 -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: 0;
    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: 0 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: 0 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 0 0 0
    }
.news-panel.detail.news .author {
    margin: 0 20px 0 20px;
    padding: 10px;
    background: #1d1d1b
    }
.news-panel h5 {
    margin: 20px 0 10px 0;
    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: 0;
    position: relative
    }
.news-panel.detail.news .hero {
    margin-bottom: 0
    }
.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: 0;
    width: 0;
    height: 0;
    font-size: 0;
    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: 0;
    height: 0;
    font-size: 0;
    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: 0 0
    }
.share-social .facebook {
    background-position: 0 -24px
    }
.share-social .linkedin {
    background-position: 0 -48px
    }
.share-social .mail {
    background-position: 0 -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 0;
    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: 0 -5px;
    overflow: hidden;
    padding: 0;
    font-size: 0
    }
.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: 0 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: 0;
    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: 0;
    left: 0;
    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: 0 !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: 0;
    position: absolute
    }
#infoWindow .tel:before {
    background-position: 0 -18px
    }
#infoWindow .fax:before {
    background-position: 0 -36px
    }
#event-infowin.event-panel {
    margin: 0;
    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: 0
    }
.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: 0;
    padding: 10px
    }
.four-col > div {
    position: relative;
    width: 100%;
    padding-top: 128.97%
    }
.four-col img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    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: 0;
    right: 0;
    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: 0;
    left: 0;
    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: 0;
    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: 0;
    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: 0
    }
.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: 0 0
    }
.agripa-social .facebook {
    background-position: 0 -30px
    }
.agripa-social .mail {
    background-position: 0 -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: 0
    }
.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: 0;
    padding: 0;
    color: #FFF
    }
.ui-datepicker .ui-widget-header {
    border: none;
    background: transparent;
    border-bottom: 1px solid #FFF;
    border-radius: 0;
    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 0 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 0 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 0 10px 0;
    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: 0 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: 0;
    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: 0;
    right: 0;
    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(/chilmedia.org/20753.png) no-repeat;
    background-size: 30px;
    text-indent: -999999px;
    border-radius: 50%
    }
.group-panel .share-social .facebook {
    background-position: 0 -30px
    }
.group-panel .share-social .mail {
    background-position: 0 -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: 0;
    margin: 0
    }
a {
    display: inline-block;
    color: inherit
    }
ul, li, ol {
    list-style-position: inside
    }
img {
    border-width: 0;
    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: 0;
    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: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1100;
    padding-top: 20px
    }