/* ==========================================================================
   Author: Gerard Pastor <www.gerard-pastor.com>
   ========================================================================== */

@import url(css/plugins.css);


/* ==========================================================================
   Font
   ========================================================================== */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v11/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/G2uphNnNqGFMHLRsO_72ngLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v11/1KWMyx7m-L0fkQGwYhWwuuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}


/* ==========================================================================
   Base styles
   ========================================================================== */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
    color: #333;
    font-size: 1em;
    line-height: 1.4;
}

body {
    min-height: 100%;
    font: 400 14px/20px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font: 400 14px/24px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

small {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
}

a {
    text-decoration: none;
}

p {
    /*margin: 3px 0 .5em;*/
    margin: 10px 0 .45em;
}
p + p {
    margin: .45em 0 0;
}

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

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

nav ul {
    padding: 0;
    list-style: none;
}

ul.list-unstyled, ol.list-unstyled {
    list-style: none;
    padding-left: 0;
}
ul.list-spaced li, ol.list-spaced li {
    margin-bottom: .5em;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.brand-text { color: #333 !important; }
.brand-text-light { color: #666 !important; }
.brand-primary { color: #902d8c !important; }
.brand-purple { color: #443266 !important; }
.brand-yellow { color: #faab43 !important; }
.brand-gray { color: #b1b1b1 !important; }
.brand-beige { color: #c1b3a9 !important; }
.brand-pink { color: #be78b2 !important; }

/* ==========================================================================
   Bootstrap
   ========================================================================== */

.container {
    width: 960px;
    padding: 0 10px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-left, .col-right, .cols-2 > *, .cols-3 > *, .cols-4 > *, .cols-5 > * {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-1 { width: 80px; }
.col-2 { width: 160px; }
.col-3 { width: 240px; }
.col-4 { width: 320px; }
.col-5 { width: 400px; }
.col-6 { width: 480px; }
.col-7 { width: 560px; }
.col-8 { width: 640px; }
.col-9 { width: 720px; }
.col-10 { width: 800px; }
.col-11 { width: 880px; }
.col-12 { width: 960px; }

.col-offset-1 { margin-left: 80px; }
.col-offset-2 { margin-left: 160px; }
.col-offset-3 { margin-left: 240px; }
.col-offset-4 { margin-left: 320px; }
.col-offset-5 { margin-left: 400px; }
.col-offset-6 { margin-left: 480px; }
.col-offset-7 { margin-left: 560px; }
.col-offset-8 { margin-left: 640px; }
.col-offset-9 { margin-left: 720px; }
.col-offset-10 { margin-left: 800px; }
.col-offset-11 { margin-left: 880px; }
.col-offset-12 { margin-left: 960px; }

.col-left { width: 50%; }
.col-right { width: 50%; }

.cols-2 > * { width: 50%; }
.cols-3 > * { width: 33.333333%; }
.cols-4 > * { width: 25%; }
.cols-5 > * { width: 20%; }

.grid > * {
    margin-bottom: 20px;
}

th.col-1, th.col-2, th.col-3, th.col-4, th.col-5, th.col-6, th.col-7, th.col-8, th.col-9, th.col-10, th.col-11, th.col-12, th.col-13, th.col-14, th.col-15, th.col-16, th.col-left, th.col-right,
td.col-1, td.col-2, td.col-3, td.col-4, td.col-5, td.col-6, td.col-7, td.col-8, td.col-9, td.col-10, td.col-11, td.col-12, td.col-13, td.col-14, td.col-15, td.col-16, td.col-left, td.col-right {
    float: none;
}



.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in { opacity: 1; }



.collapse { display: none; }
.collapse.in { display: block; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}


/* ==========================================================================
   Components
   ========================================================================== */

table {
    width: 100%;
    line-height: 20px;
}

th, td {
    padding: 5px 10px 6px;
    vertical-align: top;
}
th {
    text-align: left;
    font-weight: 400;
}

td {
    text-align: center;
}


thead th {
    font: italic 400 12px/14px Georgia, "Times New Roman", Times, serif;
    padding: 10px 10px 11px;
    text-align: center;
    vertical-align: middle;
}


tbody tr + tr td, tbody tr + tr th {
    border-top: 1px solid #ccc1ba;
}

tbody:last-child tr:last-child td, tbody:last-child tr:last-child th {
    border-bottom: 1px solid #ccc1ba;
}

tbody .tr-child { color: #999; }
tbody .tr-child th { padding-left: 60px; }
tbody .tr-child th, tbody .tr-child td { border-top-style: dotted; }

tfoot {
    border: 1px solid #838383;
    color: #838383;
}
tfoot th, tfoot td {
    font-weight: 700;
    padding: 8px 10px;
}


table caption, thead.caption th {
    font: italic 400 12px/14px Georgia, "Times New Roman", Times, serif;
    padding: 10px 10px 11px;
    background: #cdc2bb;
    text-align: left;
    vertical-align: middle;
}
table caption, thead.caption th + th {
    border-left: 5px solid #fff;
}


.table-research-groups td:nth-child(2) { text-align: left; }
.table-research-groups td { font-size: 11px; }



.table-thesis {}
.table-thesis tbody th b { display: block; }
.table-thesis tbody th i { display: block; }
.table-thesis tbody th small {
    display: block;
    text-transform:uppercase;
    color: #666666;
    font-size: 11px;
}



.table-collaborations { max-width: 100%; margin-bottom: 10px; }
.table-collaborations > div:nth-child(2n) { background: #f1eeed; }
.table-collaborations > div:nth-child(2n) td { border-color: #fcfbfb; }
.table-collaborations > div:nth-child(2n) th, .table-collaborations > div:nth-child(2n) td { border-color: #fcfbfb; }
.table-collaborations table th, .table-collaborations table td { padding-left: 0; padding-right: 0; white-space: nowrap; }
.table-collaborations table tr:last-child th, .table-collaborations table tr:last-child td { border-bottom: 0 !important; }


.table-internationalization {}
.table-internationalization td, .table-internationalization thead th {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    font-weight: 900;
}

.table-internationalization td:nth-child(2) { color: #443266; }
.table-internationalization td:nth-child(3) { color: #faab43; }
.table-internationalization td:nth-child(4) { color: #902d8c; }

.svg .table-internationalization .glyph-th-total-primary,
.table-internationalization .glyph-th-total-primary {
    background: url('img/layout/total.jpg') no-repeat center !important;
}

.dropdown {

}

.btn-menu, .btn-toggler{
    line-height: 20px;
}
.btn-menu, .btn-team, .btn-toggler, .btn-external {
    color: #902d8c;
}
.btn-menu:after, .btn-team:after, .btn-toggler:before, .btn-external:before, .btn-download:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
}

.btn-menu:after, .btn-team:after, .btn-download:after {
    float: right;
    margin-left: 10px;

}
.btn-toggler:before, .btn-external:before {
    float: left;
    margin-right: 6px;
}

.btn-menu:after, .btn-team:after, .btn-toggler:before {
    /* icon close */
}

.btn-menu.collapsed:after { /* icon menu */ }
.btn-team.collapsed:after { /* icon plus */ }
.btn-toggler.collapsed:before { /* icon plus */ }

.btn-menu {
    /*float: right;*/
    display: block;
    position: relative;
}
.btn-menu:after {
    z-index: 100;
    position: absolute;
    right: 0;
}

.btn-team {
    font-size: 12px !important;
}

.btn-external {
    font-size: 13px !important;
    line-height: 22px !important;
    padding-left: 30px;
    display: inline-block;
}

.btn-external:before { margin: -1px 6px 0 -30px; }


.btn-menu-dropdown {
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    margin-left: -10px;
    padding: 0;
    background: #fff;
    width: 180px;
    z-index: 99;
}
.btn-menu-dropdown ul {
    margin: 6px 0;
}
.btn-menu-dropdown a {
    color: #666;
    display: block;
    padding: 6px 5px 6px 10px;
}
.btn-menu-dropdown a:hover { color: #333; }



.big-title {
    font-size: 18px;
    /*font-size: 20px;*/
    /*font-size: 19px;*/
    color: #c1b3a9;
    margin: 0 0 .5em;
    margin: 59px 0 .5em;
}
.big-title > span {
    display: inline-block;
    float: left;
    margin: 1px 10px 0 0;
}
.big-subtitle {
    font-size: 16px;
    /*line-height: 20px;*/
    font-weight: 400;
}

.section-title + section .big-title { margin-top: 0; }
.big-title + .big-subtitle { margin-top: -10px; }

.team {
    margin: 6px 0 20px;
    font-size: 12px;
    line-height: 16px;
}

.team .btn-team {
    float: right;
    margin-bottom: 10px;
}
.team figure {
    position: relative;
/*    overflow: hidden;*/
    clear: both;
    display: block;
    margin: 0; 
}

.team figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*padding: 10px;*/
    background: #c1b3aa;

}

.team .btn-team, .team .btn-download {
    line-height: 24px;
}
.team .btn-download {
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.team figcaption > div {
    padding: 10px;
    min-height: 250px;
}

.team figcaption h5, .team figcaption p {
    font-size: 11px;
    line-height: 17px;
}

.team figcaption h5 {
    margin: 0 0 5px;
    color: #fff;
}
.team figcaption p {
    margin: 0;
}

.team figcaption p + h5 { margin-top: 10px; }


.legend {
    display: inline-block;
    width: 6px;
    height: 6px;
}

.legend.brand-primary { background: #902d8c !important; }
.legend.brand-purple { background: #443266 !important; }
.legend.brand-yellow { background: #faab43 !important; }
.legend.brand-beige { background: #c1b3a9 !important; }
.legend.brand-pink { background: #be78b2 !important; }
.legend.brand-gray { background: #b1b1b1 !important; }
.legend.brand-dark-gray { background: #808284 !important; }

.fact  {
    padding-left: 20px;
    line-height: 16px;
}

.fact + .fact {
    margin-top: 25px;
}

.fact > span {
    float: left;
    margin-left: -20px;
    margin-top: 3px;
}
.fact > .legend {
    width: 12px;
    height: 12px;
    margin-top: 2px;
}
.fact i {
    color: #646564;
    font-size: 14px;
}

.fact b {
    display: block;
    color: #902d8c;
    font-size: 40px;
    line-height: 40px;
    padding-top: 6px;
    font-weight: 900;
}
.fact b sup {
    font-size: .6em;
}
.fact small {
    display: block;
    font-size: 19px;
    line-height: 22px;
    margin-top: 6px;
}



.nav-tabs {

    list-style: none;
    padding: 0;
    margin: 22px 0 0;
    /*display: table;*/

}

.nav-tabs li {
    display: inline-block;
    position: relative;
}

.nav-tabs li + li {
    margin-left: 12px;
}

.nav-tabs li + li:before {
    content: '';
    height: 24px;
    width: 1px;
    background: #858585;
    position: absolute;
    top: 0;
    left: -7px;
}


.nav-tabs li a {
    display: inline-block;
    font-size: 13px;
    font-style: italic;
    padding: 0 10px;
    color: #666;
    border: 1px solid transparent;
}

.nav-tabs li.active a {
    border-color: #902d8c;
    color: #902d8c;
    font-style: normal;
    font-weight: 700;
}

.nav-tabs li.active:before, .nav-tabs li.active + li:before {
    display: none;
}

.nav-tabs .legend {
    width: 6px;
    height: 6px;
    display: block;
    margin: 10px auto 0;
}

.tab-content {}
.tab-pane {
    display: none;
    padding: 10px 0 0;
}
.tab-pane.active { display: block; }


.note {
    padding-top: 15px;
    padding-left: .5em;
    text-indent: -.5em;
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
}


.chart {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.chart img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}


.collapse-panel > div {
    font-size: 11px;
    line-height: 14px;
    color: #666;
}
.collapse-panel > div :first-child { margin-top: 21px; }
.collapse-panel > div :last-child { margin-top: 21px; }


.section-title {
    font: 400 11px/16px Georgia, "Times New Roman", Times, serif;
    border-bottom: 1px solid;
    padding-bottom: 0;
    margin: 10px 0 23px;
    display: block;
    color: #333;
    font-variant: small-caps;
}

.page-title {
    font-size: 18px;
    line-height: 24px;
    padding-right: 50px;
    margin: 0 0 10px;
}
.page-subtitle {
    font: 400 13px/16px Georgia, "Times New Roman", Times, serif;
    color: #666;
    margin: 0;
}


.panel {
    margin: 0;
    padding: 10px 0 3px;
}

.panel .section-title {
    margin: 0;
    position: relative;
}

.panel .section-title:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -4px;
}


.timeline {
    /*padding-top: 30px;*/
    position: relative;
    border-bottom: 1px solid #333;
}

.timeline:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    border-left: 2px dashed #e0d9d4;
    z-index: -1;
}
.timeline .tl-label {
    width: 100px;
    height: 40px;
    margin: 0 auto 34px;
    padding: 10px;
    display: block;
    text-align: center;
    font: 400 11px/18px Georgia, "Times New Roman", Times, serif;

    background: #cdc2bb;
}

.timeline .tl-item {
    width: 50%;
    position: relative;
    height: 1px;
}

.timeline .tl-item-left {
    float: left;
}

.timeline .tl-item-right {
    float: right;
}

.timeline .tl-item-content {
    position: absolute;
    margin-top: -126px;
    width: 240px;
}

.timeline .tl-item-left .tl-item-content {
    left: 0;
}

.timeline .tl-item-right .tl-item-content {
    right: 0;
}

.timeline .tl-item:before, .timeline .tl-item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
}
.timeline .tl-item:before {
    width: 9px;
    height: 9px;
    background: #333;
    margin-top: -4px;
}
.timeline .tl-item:after {
    left: 0;
    right: 0;
    border-top: 1px solid #333;
}

.timeline .tl-item-left:before { right: -5px; }
.timeline .tl-item-right:before { left: -5px; }


.timeline .tl-item figure {
    margin: 0;
    padding: 0;
    position: relative;
    height: 126px;
    overflow: hidden;
}
.timeline .tl-item img {
    -webkit-transition: top .5s; /* For Safari 3.1 to 6.0 */
    transition: top .5s;
    position: absolute;
    top: 100%;
}
.timeline .tl-item.active img { top: 0; }

.timeline .tl-item time {
    margin-top: 9px;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    display: block;
}
.timeline .tl-item h1 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
    font-weight: normal;
}
.timeline .tl-item h1, .timeline .tl-item h1 a {
    color: #838383;
    display: block;
}

.timeline .tl-item span {
    color: #646464;
    font-size: 13px;
    display: block;
    margin-bottom: 11px;
    font-weight: bold;
}




.organization-chart {
    position: relative;
}

.organization-table {
}
.organization-table-content {
    border: solid #d2d2d2;
    border-width: 0 1px 1px;
    font-size: 10px;
    line-height: 12px;
    padding: 7px 7px;
}
.organization-table-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.organization-table-content li {
    margin: 0 0 4px;
    text-indent: -7px;
    padding-left: 14px;
}
.organization-table-content li:before {
    content: '-';
    display: inline-block;
    width: 7px;
}
.organization-table-content h5 {
    font-size: 10px;
    line-height: 12px;
    display: block;
    margin: 0 0 5px;
    font-weight: 400;
}

.organization-table-content .row {
    border-bottom: 1px solid #d2d2d2;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.organization-table-title, .organization-chart .oc-item {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding: 6px 5px;
    background: #e3dcd7;
    color: #777575;
}

.organization-chart .oc-item {
    position: absolute;
    width: 140px;
}

a.organization-table-title:hover, .organization-chart a.oc-item:hover {
    background: #902b8c;
    color: #fff;
}


#organization-chart01, #organization-chart03 {
    margin-left: 20px;
}

/**/

#oc-item-1-1 { top: 8px; left: 190px; }
#oc-item-1-2 { top: 43px; left: 190px; }
#oc-item-1-3 { top: 91px; left: 9px; width: 160px; }
#oc-item-1-4 { top: 89px; left: 349px; }
#oc-item-1-5 { top: 145px; left: 190px; }
#oc-item-1-6 { top: 138px; left: 349px; height: 40px; padding-top: 13px; }
#oc-item-1-7 { top: 187px; left: 9px; width: 160px; }


#oc-item-2-1, #oc-item-2-2 { top: 69px; height: 35px; width: 44px; padding-top: 10px; }
#oc-item-2-1 { left: 60px; }
#oc-item-2-2 { left: 116px; }

#oc-item-3-1 { top: 7px; left: 240px; width: 100px; height: 34px; padding-top: 10px; }
#oc-item-3-2 { top: 38px; left: 70px; width: 100px; }
#oc-item-3-3 { top: 52px; left: 320px; width: 80px; height: 46px; padding-top: 9px; }
#oc-item-3-4 { top: 100px; left: 132px; width: 120px; height: 46px; padding-top: 9px; }
#oc-item-3-5 { top: 100px; left: 325px; width: 120px; height: 46px; padding-top: 9px; }
#oc-item-3-6 { top: 142px; left: 0px; width: 241px; }
#oc-item-3-7 { top: 142px; left: 261px; width: 219px; }


#oc-item-3-4, #oc-item-3-5 { background: none; color: #5f5f60; letter-spacing: -.03em; }
#oc-item-3-4:hover, #oc-item-3-5:hover { color: #902b8c; }

#oc-item-1-4, #oc-item-1-6, #oc-item-3-6, #oc-item-3-7 { background: #fff; border: 1px dotted #808184; }
#oc-item-1-4:hover, #oc-item-1-6:hover, #oc-item-3-6:hover, #oc-item-3-7:hover  {
    background: #fff;
    border: 1px solid #902b8c;
    color: #902b8c;
}

#oc-item-3-6, #oc-item-3-7 {
    padding-top: 8px;
    height: 32px;
    text-align: left;
}

#oc-item-3-6:hover, #oc-item-3-7:hover  {
    background: #902b8c;
    border: 1px solid #902b8c;
    color: #fff;
}

/**/

/*
#oc-item-1-1 { top: 8px; left: 190px; }
#oc-item-1-2 { top: 43px; left: 190px; }
#oc-item-1-3 { top: 91px; left: 9px; width: 160px; }
#oc-item-1-4 { top: 89px; left: 349px; }
#oc-item-1-5 { top: 145px; left: 190px; }
#oc-item-1-6 { top: 138px; left: 349px; height: 40px; padding-top: 13px; }
#oc-item-1-7 { top: 187px; left: 9px; width: 160px; }

#oc-item-1-4, #oc-item-1-6 { background: #fff; border: 1px dotted #808184; }
#oc-item-1-4:hover, #oc-item-1-6:hover {
    background: #fff;
    border: 1px solid #902b8c;
    color: #902b8c;
}

#oc-item-2-1, #oc-item-2-2 { top: 69px; height: 35px; width: 44px; padding-top: 10px; }
#oc-item-2-1 { left: 60px; }
#oc-item-2-2 { left: 116px; }

#oc-item-3-1 { top: 7px; left: 240px; width: 100px; height: 34px; padding-top: 10px; }
#oc-item-3-2 { top: 38px; left: 70px; width: 100px; }
#oc-item-3-3 { top: 52px; left: 320px; width: 80px; height: 46px; padding-top: 9px; }
*/

#organization-chart01 {  background: url(img/layout/organization1.png) no-repeat; }
#organization-chart02, #organization-chart03 {  background: url(img/layout/organization.png) no-repeat; }
/*.svg #organization-chart01, .svg #organization-chart02, .svg #organization-chart03 {  background-image: url(img/layout/organization.svg); }*/
#organization-chart01 { background-position: 140px 22px; width: 490px; height: 230px; }
#organization-chart02 { background-position: 0px -230px; width: 161px; height: 112px; }
#organization-chart03 { background-position: 0px -345px; width: 480px; height: 422px; }

#distribution-chart {
    position: relative;
}
#distribution-chart .fact { position: absolute; padding: 0; }
#distribution-chart-fact-01 { left: 0; top: 28px; }
#distribution-chart-fact-02 { left: 378px; top: 0; }
#distribution-chart-fact-03 { left: 0; top: 193px; }
#distribution-chart-fact-04 { left: 378px; top: 193px; }


/* Glyphs */
.glyph-th-total, .glyph-th-impact-factor {
    position: relative;
}
.glyph-th-total > span, .glyph-th-impact-factor > span {
    position: absolute;
    right: 48px;
    top: 10px;
    width: 200px;
    text-align: right;
}


#header .big-play, .panel .section-title:after, .panel .section-title.collapsed:after, .btn-menu.collapsed:after, .glyph-total-inverse, .glyph-th-total-inverse, .glyph-th-total-primary, .glyph-th-female, .glyph-th-male, .glyph-total-sm, .glyph-female, .glyph-male, .glyph-impact-factor-sm, .glyph-seminars, .glyph-courses, .glyph-conferences, .glyph-postponed, .glyph-cancelled, .glyph-denied, .glyph-aproved, .glyph-average, .glyph-impact-factor, .glyph-total, .glyph-title-total, .glyph-title-play, .glyph-title-seminars, .glyph-title-courses, .glyph-title-conferences, .glyph-th-percentage, .glyph-th-q1, .glyph-th-average, .glyph-th-impact-factor, .glyph-th-total, .btn-external:before, .btn-team.collapsed:after, .btn-toggler.collapsed:before, .btn-menu:after, .btn-team:after, .btn-toggler:before, .btn-download:after, #header .main-title, #brand {
    background: url(img/sprite.png);
    display: inline-block;
}

/*.svg #header .big-play, .svg .panel .section-title:after, .svg .panel .section-title.collapsed:after, .svg .btn-menu.collapsed:after, .svg .glyph-total-inverse, .svg .glyph-th-total-inverse, .svg .glyph-th-total-primary, .svg .glyph-th-female, .svg .glyph-th-male, .svg .glyph-total-sm, .svg .glyph-female, .svg .glyph-male, .svg .glyph-impact-factor-sm, .svg .glyph-seminars, .svg .glyph-courses, .svg .glyph-conferences, .svg .glyph-postponed, .svg .glyph-cancelled, .svg .glyph-denied, .svg .glyph-aproved, .svg .glyph-average, .svg .glyph-impact-factor, .svg .glyph-total, .svg .glyph-title-total, .svg .glyph-title-play, .svg .glyph-title-seminars, .svg .glyph-title-courses, .svg .glyph-title-conferences, .svg .glyph-th-percentage, .svg .glyph-th-q1, .svg .glyph-th-average, .svg .glyph-th-impact-factor, .svg .glyph-th-total, .svg .btn-external:before, .svg .btn-team.collapsed:after, .svg .btn-toggler.collapsed:before, .svg .btn-menu:after, .svg .btn-team:after, .svg .btn-toggler:before, .svg .btn-download:after, .svg #header .main-title, .svg #brand { background-image: url(img/sprite.svg); }*/

.glyph-total-inverse, .glyph-aproved { width: 14px; }

.glyph-seminars, .glyph-impact-factor { width: 15px; }

.glyph-total-inverse, .glyph-female, .glyph-male, .glyph-seminars { height: 14px; }

.glyph-postponed, .glyph-aproved { height: 11px; }

.glyph-impact-factor, .glyph-total { height: 13px; }

.panel .section-title:after, .panel .section-title.collapsed:after { width: 10px; height: 7px; }

.glyph-th-total-primary, .glyph-th-female, .glyph-th-male { width: 30px; height: 30px; }

.glyph-total-sm, .glyph-impact-factor-sm, .glyph-denied { width: 11px; height: 11px; }

.glyph-courses, .glyph-conferences, .glyph-average { width: 13px; height: 13px; }

.glyph-title-total, .glyph-title-seminars, .glyph-title-courses, .glyph-title-conferences { width: 21px; height: 21px; }

.glyph-th-total-inverse, .glyph-th-percentage, .glyph-th-q1, .glyph-th-average, .glyph-th-impact-factor, .glyph-th-total { width: 40px; height: 40px; }

.btn-menu.collapsed:after, .btn-external:before, .btn-team.collapsed:after, .btn-toggler.collapsed:before, .btn-menu:after, .btn-team:after, .btn-toggler:before, .btn-download:after { width: 24px; height: 24px; }

#header .big-play { background-position: -227px 0px; width: 54px; height: 54px; }
.panel .section-title:after { background-position: -236px -54px; }
.panel .section-title.collapsed:after { background-position: -226px -54px; }
.btn-menu.collapsed:after { background-position: -48px -67px; }
.glyph-total-inverse { background-position: -259px -95px; }
.glyph-th-total-inverse { background-position: -160px -112px; }
.glyph-th-total-primary { background-position: -60px -160px; }
.glyph-th-female { background-position: -30px -160px; }
.glyph-th-male { background-position: 0px -160px; }
.glyph-total-sm { background-position: -112px -96px; }
.glyph-female { background-position: -94px -95px; width: 10px; }
.glyph-male { background-position: -74px -95px; width: 13px; }
.glyph-impact-factor-sm { background-position: -56px -96px; }
.glyph-seminars { background-position: -240px -95px; }
.glyph-courses { background-position: -223px -95px; }
.glyph-conferences { background-position: -204px -95px; }
.glyph-postponed { background-position: -188px -96px; width: 8px; }
.glyph-cancelled { background-position: -168px -96px; width: 11px; height: 12px; }
.glyph-denied { background-position: -149px -96px; }
.glyph-aproved { background-position: -129px -96px; }
.glyph-average { background-position: -37px -95px; }
.glyph-impact-factor { background-position: -17px -95px; }
.glyph-total { background-position: 0px -95px; width: 12px; }
.glyph-title-total { background-position: -234px -165px; }
.glyph-title-play { background-position: -202px -163px; width: 18px; height: 24px; }
.glyph-title-seminars { background-position: -167px -165px; }
.glyph-title-courses { background-position: -133px -165px; }
.glyph-title-conferences { background-position: -100px -165px; }
.glyph-th-percentage { background-position: -120px -112px; }
.glyph-th-q1 { background-position: -200px -112px; }
.glyph-th-average { background-position: -80px -112px; }
.glyph-th-impact-factor { background-position: -40px -112px; }
.glyph-th-total { background-position: 0px -112px; }
.btn-external:before { background-position: 0px -67px; }
.btn-team.collapsed:after, .btn-toggler.collapsed:before { background-position: -24px -67px; }
.btn-menu:after, .btn-team:after, .btn-toggler:before { background-position: -72px -67px; }
.btn-download:after { background-position: -226px -69px; }
#header .main-title { background-position: -100px 0px; width: 126px; height: 93px; }
#brand { background-position: 0px 0px; width: 100px; height: 66px; }

/* ==========================================================================
   Layout
   ========================================================================== */


#header {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin-right: 250px;

    line-height: 20px;

    background: #333;
}

#header > div {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
}

#header .col-left {
    width: 230px;
    right: 0;
}

#header .col-right {
    display: none;
    width: 170px;
    right: -170px;

    background: #e0d9d4;

    /**/
    color: #666;
    color: #333;
}

#skip-intro {
    display: none;
    padding-bottom: 17px;
    text-align: center;

    background: url('img/layout/01-home/skip-intro.png') no-repeat center 23px #fff;

    z-index: 1000;
    position: fixed;
    bottom: 25px;
    width: 80px;
    left: 50%;
    margin-left: -40px;
    color: #c1b3a9;
    font-weight: bold;
    font-size: 12px;
    opacity: .9;
}

#header .main-title {
    margin: 63px 11px;
}

#header .big-play {
    margin: 90px 0 0 118px;
    opacity: .15;
}
#header .big-play:hover {
    opacity: .50;
}


#header nav {
    text-align: right;
}


#header nav li {
    position: relative;
}

#nav li.current:after, #subnav li.current:after {
    content: '';
    position: absolute;
    right: 0;
    top: 20px;

    width: 0;
    height: 0;
}

#header nav li > a {
    color: #666;
    font-weight: 400;
    display: block;
}
#header nav li.active > a {
    font-weight: 700;
}


.main-menu {
    margin-top: 75px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: .03em;
}

.main-menu > ul > li {
    margin-bottom: 18px;
    /*padding-right: 60px;*/
}

.main-menu > ul > li a {
    margin-right: 60px;
    display: inline-block;
}

/*.main-menu > ul > ul > li > a {*/
.main-menu > a {
    position: relative;
    font-size: 12px !important;
    display: inline-block;
    margin-right: 60px;
    padding-right: 25px;
    color: #fff;
    opacity: .5;
}

/*.main-menu > ul > ul > li > .mi-summary {*/
.main-menu > .mi-summary {
    margin-top: 17px;
}

/*.main-menu > ul > ul > li > .mi-intro {*/
.main-menu > .mi-intro {
    margin-top: 20px;

}

/*.main-menu > ul > ul > li > a:after {*/
.main-menu > a:after {
    content: '';
    display: block;
    position: absolute;
    right: -3px;
    top: 50%;
    margin-top: -10px;
    background: no-repeat center;
    width: 20px;
    height: 20px;
}

/*.main-menu > ul > ul > li > .mi-summary:after { background-image: url('img/layout/mi-summary.png'); }*/
.main-menu > .mi-summary:after { background-image: url('img/layout/mi-summary.png'); }
/*.main-menu > ul > ul > li > .mi-intro:after { background-image: url('img/layout/mi-intro.png'); }*/
.main-menu > .mi-intro:after { background-image: url('img/layout/mi-intro.png'); }

#nav li.current:after {
    border: 15px solid transparent;
    border-right-color: #fff;
    margin-top: -15px;
    /*margin-right: -60px;*/
    
}

#nav li li {
    margin-top: 4px;
}

/*#subnav {
    margin-top: 255px;
    margin-top: 52px;
}*/
#subnav.organization { margin-top: 255px; }
#subnav.research { margin-top: 52px; }
#subnav.facts { margin-top: 139px; }

#subnav h4 {
    border-top: 1px solid #c1b3aa;
    margin: 22px 30px 0 20px;
    padding-top: 4px;
    text-align: right;
    color: #c1b3aa;
}

#subnav h4 + ul { margin-top: 10px; }
#subnav ul + h4 { margin-top: 26px; }

#subnav li {
    margin-bottom: 10px;
    padding: 0 30px 0 28px;
}

#subnav li.active:after {
    border: 12px solid transparent;
    border-right-color: #fff;
    margin-top: -12px;
}

#nav li > a:hover, #nav li.active > a { color: #fff; }
#subnav a:hover, #subnav .active a { color: #333; }

#main {
    padding-left: 250px;
    padding-bottom: 50px;
}

/*#header.has-subnav { margin-right: 80px; }*/
#header.has-subnav .col-right { display: block; }
#header.has-subnav #nav li.active:after {
    border-right-color: #e0d9d4;
}
#header.has-subnav + #main {
    padding-left: 470px;
}

/*#content-header, #main section {
    margin-left: 460px;
}*/



#content-header {
    padding: 55px 0 44px;
}
#content-header #brand {
    float: right;
}


#main section + section {
    margin-top: 35px;
    margin-bottom: 50px;
}

#main .col-left { width: 320px; }
#main .col-right { width: 180px; }


#main article {}
#main article header { padding-top: 6px; }


/* ==========================================================================
   Pages
   ========================================================================== */


#home {
    background: rgba(222,0,0,.1);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

#home .vhir-logo, #home .vhir-big-logo, #home .ar-logo, #home .highlight-play, #home .external:before {
    overflow: hidden;
    height: 0;
    background: no-repeat center;
    display: block;
}
#home .vhir-logo {
    width: 97px;
    padding-top: 69px;
    background-image: url('img/layout/01-home/vhir-logo.png');
}
#home .vhir-big-logo {
    width: 209px;
    padding-top: 140px;
    background-image: url('img/layout/01-home/vhir-big-logo.png');
}
#home .ar-logo {
    width: 209px;
    padding-top: 160px;
    background-image: url('img/layout/01-home/ar-logo.png');
}
#home .highlight-play {
    width: 150px;
    padding-top: 150px;
    background-image: url('img/layout/01-home/highlight-play.png');
}
#home .external:before {
    width: 26px;
    padding-top: 26px;
    background: url('img/layout/01-home/btn-external.png') no-repeat 0 0;
}


.home-slide, .home-highlight {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/* Home slides */



.home-slide .left, .home-slide .right {
    visibility: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    -webkit-transition: top 1s linear 1s, visibility 1s linear 1s; /* For Safari 3.1 to 6.0 */
    transition: top 1s linear 3s, visibility 1s linear 1s;
}
.home-slide .left {
    left: 0;
    top: -100%;
    background: no-repeat right top;
    background-size: cover;
}
.home-slide .right {
    right: 0;
    top: 100%;
    background: no-repeat left top;
    background-size: cover;
}


.home-slide.active .left, .home-slide.active .right {
    -webkit-transition: top 1s ease-out, visibility 1s ease-out, margin-left 1s ease-out 2s; /* For Safari 3.1 to 6.0 */
    transition: top 1s ease-out, visibility 1s ease-out, margin-left 1s ease-out 2s;
    visibility: visible;
    top: 0;
}
/*
.home-slide .wrap {
    position: absolute;
    top: 0;
    height: 400px;
    width: 640px;
}*/

.home-slide .left .home-slide-year,  .home-slide .left .home-slide-content  { right: 0; }
.home-slide .right .home-slide-year, .home-slide .right .home-slide-content { left: 0; }

.home-slide .home-slide-year {
    position: absolute;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    top: 58px;

    height: 0;
    padding-top: 60px;
    width: 150px;
    overflow: hidden;
}

.home-slide .left .home-slide-year {
    background: no-repeat left;
}
.home-slide .right .home-slide-year {
    background: no-repeat right;
}

.home-slide .home-slide-year span {
    display: none;

}

.home-slide .left .home-slide-year { text-align: right; }
.home-slide .right .home-slide-year { text-align: left; }

.home-slide .home-slide-content {
    position: absolute;
    top: 298px;
    text-align: left;
    line-height: 20px;
    text-align: center;
    margin: 0 100px;
    letter-spacing: .04em;
}

.home-slide .home-slide-content h3 {
    font: italic 400 18px/24px Georgia, "Times New Roman", Times, serif;
}


#home-slide-1994 .left,
#home-slide-2003 .right,
#home-slide-2009 .left,
#home-slide-2013 .right,
#home-slide-2014 .left {
    background-color: #d9d5d2;
    color: #000;
}

#home-slide-1994 .right,
#home-slide-2003 .left,
#home-slide-2013 .left {
    background-color: #000;
    color: #fff;
}

#home-slide-2009 .right,
#home-slide-2014 .right {
    background: #fff;
}

#home-slide-2009 .home-slide-year, #home-slide-2014 .home-slide-year { color: #902b8c; }
#home-slide-2009 .home-slide-content, #home-slide-2014 .home-slide-content { top: 220px; }

#home-slide-1994 .home-slide-year  { background-image: url('img/layout/01-home/slides/1994.png'); }
#home-slide-2003 .home-slide-year  { background-image: url('img/layout/01-home/slides/2003.png'); }
#home-slide-2009 .home-slide-year  { background-image: url('img/layout/01-home/slides/2009.png'); }
#home-slide-2013 .home-slide-year  { background-image: url('img/layout/01-home/slides/2013.png'); }
#home-slide-2014 .home-slide-year  { background-image: url('img/layout/01-home/slides/2014.png'); }

#home-slide-1994 .left  { background-image: url('img/layout/01-home/slides/1994-l.jpg'); }
#home-slide-1994 .right { background-image: url('img/layout/01-home/slides/1994-r.jpg'); }
#home-slide-2003 .left  { background-image: url('img/layout/01-home/slides/2003-l.jpg'); }
#home-slide-2003 .right { background-image: url('img/layout/01-home/slides/2003-r.jpg'); }
#home-slide-2009 .left  { background-image: url('img/layout/01-home/slides/2009-l.jpg'); }
#home-slide-2009 .right { background-image: url('img/layout/01-home/slides/2009-r.jpg'); background-repeat: no-repeat; }
#home-slide-2013 .left  { background-image: url('img/layout/01-home/slides/2013-l.jpg'); }
#home-slide-2013 .right { background-image: url('img/layout/01-home/slides/2013-r.jpg'); }
#home-slide-2014 .left  { background-image: url('img/layout/01-home/slides/2014-l.jpg'); }
#home-slide-2014 .right { background-image: url('img/layout/01-home/slides/2014-r.jpg'); background-repeat: no-repeat; }

#home-slide-brand .left  { background-image: url('img/layout/01-home/slides/brand-l.jpg'); background-color: #3e1f48; }
#home-slide-brand .right { background-image: url('img/layout/01-home/slides/brand-r.jpg'); background-color: #653d58; }

#home-slide-2009 > div { background-size: auto; }

#home-slide-brand .vhir-big-logo, #home-slide-brand .ar-logo { position: absolute; }
#home-slide-brand .left > .vhir-big-logo { top: 330px; right: 136px; }
#home-slide-brand .right > .ar-logo { top: 322px; left: 61px; }





/* Home main */

#home-main .left {
    background-image: url('img/layout/01-home/bg-l.jpg');
    background-color: #4b2c55;
}

#home-main .right {
    right: auto;
    left: 50%;
    padding-right: 250px;
    margin-left: 0;
    box-sizing: content-box;
    background-image: url('img/layout/01-home/bg-r.jpg');
    background-color: #7c506b;
}
#home-main.actived .left, #home-main.actived .right {
    margin-left: -250px;
}

#home-head {
    position: absolute;
    top: 173px;
    left: 61px;
}

#home-head .vhir-logo { margin-bottom: 63px; }

#home-nav {
    position: absolute;
    width: 300px;
    top: 204px;
    right: 0;
    text-align: right;
}

#home-nav a {
    color: #fff;
}





/* Home highlights */

#home-highlights {

}

.home-highlight {
    display: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s linear 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s linear 1s;

    background: no-repeat 0 0;
    background-size: cover;
}
.home-highlight.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 1s linear; /* For Safari 3.1 to 6.0 */
    transition: all 1s linear;
}

.home-highlight .highlight-play {
    position: absolute;
    top: 325px;
    left: 355px;
}

.home-highlight .home-highlight-content {
    position: absolute;
    top: 537px;
    left: 400px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .01em;
    right: 100px;
    color: #fff;
}


.home-highlight a.external {
    display: block;
    margin-top: 15px;
    padding-left: 35px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    color: #ffae41;
}

.home-highlight a.external:before {
    content: '';
    position: absolute;
    display: block;
    top: -2px;
    left: 0;
}

#home-highlight-01 { background-image: url('img/layout/01-home/highlights/h1.jpg'); }
#home-highlight-02 { background-image: url('img/layout/01-home/highlights/h2.jpg'); }
#home-highlight-03 { background-image: url('img/layout/01-home/highlights/h3.jpg'); }
#home-highlight-04 { background-image: url('img/layout/01-home/highlights/h4.jpg'); }
#home-highlight-05 { background-image: url('img/layout/01-home/highlights/h5.jpg'); }





/* Home highlight controls */

#home-highlights-controls {
    display: none;
    position: absolute;
    top: 731px;
    left: 400px;
    /*display: none;*/
    margin: 0;
    padding: 0;
    list-style: none;
}

#home-highlights-controls li {
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 70px;
}

#home-highlights-controls li.active {
    background: #fff;
}

#home-highlights-controls li span { display: none; }





/* Home overlays */

.home-overlay {
    display: none;
}
.home-overlay.active {
    display: block;
}

.home-overlay .section-title {
    margin-bottom: 0;
}
.home-overlay-close {
    position: relative;
    height: 46px;
}

.home-overlay-close > a {
    position: absolute;
    right: 5px;
    top: 13px;
    display: block;
    background: url('img/layout/01-home/overlay-close.png') no-repeat center;
    width: 17px;
    height: 17px;

}

.home-overlay .row > div {
    height: 313px;

}

.home-overlay .row > div a {
    display: block;
    position: relative;
}

.home-overlay .row > div a:after {
    content: '';
    display: block;
    position: absolute;
    background: url('img/layout/01-home/video-play.png') no-repeat center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home-overlay .row > div p {
    line-height: 18px;
    font-weight: bold;
}



#home-overlays {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;

    background: #fff;
}

#home-overlays > div {
    width: 720px;
    padding-left: 100px;
    padding-bottom: 100px;
}




#home-main .left, #home-slide-brand .left {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c1d49+27,402049+61,4b2c3c+100 */
    background: #4c1d49; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #4c1d49 27%, #402049 61%, #4b2c3c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(27%,#4c1d49), color-stop(61%,#402049), color-stop(100%,#4b2c3c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #4c1d49 27%,#402049 61%,#4b2c3c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #4c1d49 27%,#402049 61%,#4b2c3c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #4c1d49 27%,#402049 61%,#4b2c3c 100%); /* IE10+ */
    background: linear-gradient(135deg,  #4c1d49 27%,#402049 61%,#4b2c3c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c1d49', endColorstr='#4b2c3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#home-main .right, #home-slide-brand .right  {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#582c67+0,bc7654+100 */
    background: #582c67; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #582c67 0%, #bc7654 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#582c67), color-stop(100%,#bc7654)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #582c67 0%,#bc7654 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #582c67 0%,#bc7654 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #582c67 0%,#bc7654 100%); /* IE10+ */
    background: linear-gradient(135deg,  #582c67 0%,#bc7654 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#582c67', endColorstr='#bc7654',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}




/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.row:after {
    clear: both;
}

.clearfix,
.row {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/********************************************************************************************/
.sub-menu { display: none; }
.current_page_item .sub-menu, .current_page_parent .sub-menu { display: block; }

/*
#menu-principal .current-menu-ancestor a:link, 
#menu-principal .current-menu-ancestor a:hover, 
#menu-principal .current-menu-ancestor a:active, 
#menu-principal .current-menu-ancestor a:visited {
    color: #fff;
}
*/

.current-menu-item a:link, 
.current-menu-item a:hover, 
.current-menu-item a:active, 
.current-menu-item a:visited {
    color: #fff;
}

#sub-menu .current-menu-item a:link, 
#sub-menu .current-menu-item a:hover, 
#sub-menu .current-menu-item a:active, 
#sub-menu .current-menu-item a:visited {
    font-weight: 700;
    color: #333;
}

.publicaciones ul, .proyectos ul, .patentes ul {
    margin-left: -39px;
}

.publicaciones ul li, .proyectos ul li, .patentes ul li {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}

.publicaciones ul li:last-child, .proyectos ul li:last-child, .patentes ul li:last-child {
/*    padding: 0px;*/
    border-bottom: 0px none;
}

.collapse-panel > div :first-child { /*margin-top: 10px;*/ }
.collapse-panel > div :last-child { margin-top: 0px; }

#research-areas, #facts-and-figures, #highlights {
    cursor: pointer;
}

.sub-menu-research, .sub-menu-facts, .sub-menu-highlights {
  height: 0px;
  -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
/*  margin-top: 1em;*/
  overflow: hidden;
}
.show + .sub-menu-research, .show + .sub-menu-facts {
  height: 100px;
}
.show + .sub-menu-highlights {
  height: 70px;
}
.hide + .sub-menu-research, .hide + .sub-menu-facts, .hide + .sub-menu-highlights {
  height: 0px;
}
.main-menu ul li a.active:link, 
.main-menu ul li a.active:hover, 
.main-menu ul li a.active:visited, 
.main-menu ul li a.active:active {
    color:#FFF;
    font-weight: 700;
}
.home-overlay a:link, 
.home-overlay a:hover, 
.home-overlay a:active, 
.home-overlay a:visited {
    color:#000;
}
/*
#nav > ul > li .current-menu-item {
        border: 15px solid transparent;
        border-right-color: #fff;
        margin-top: -15px;
        border-right-color: #e0d9d4;
        position: relative;
}
*/