div.dmst_people {
    margin-top:20px;
}
h2.department {
    margin-bottom:20px;
}
div.panelDepartment {
    display:flex;
    flex-wrap:wrap;
    padding:20px 0;
    box-sizing:border-box;
    justify-content:space-between;
}
div.panelDepartment.inactive {
    display:none;
}
div.panelDepartment.active {
    display:flex;
}
ul.dmst_people_tabs {
    list-style: none;
}
ul.dmst_people_tabs li {
    display: inline-block;
}
div.dmst_people_tabcontents {
    width:100%;
}

/* Cada persona: 5 per fila en escriptori */
.dmst_person {
    flex:0 0 20%;
    max-width:20%;
    box-sizing:border-box;
    padding:0 10px 30px 10px;
    font-size:0.85em;       /* mida base homogènia per a tot el text */
    line-height:1.4;
}

a.people_image {
    display:block;
    width:150px;
    height:220px;
    margin:0 auto;
    overflow:hidden;
}

a.people_image img {
    width:140px;
    height:210px;
    display:block;
    object-fit:cover;
    margin:5px;
}

a.people_image p.no_image {
    width:140px;
    height:210px;
    margin:5px;
    background-color:#ccc;
    text-indent:-9999em;
}

div.people_description {
    margin-top:5px;
}
/* @group Tabs */
ul.dmst_people_tabs { 
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: solid 1px #565658; }
ul.dmst_people_tabs li { 
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0; }
ul.dmst_people_tabs li a { 
    display: block; 
    text-decoration: none;
    width: auto; 
    height: 29px; 
    padding: 0px 20px; 
    line-height: 30px; 
    border: solid 1px #565658;
    border-width: 1px 0 0 1px; 
    margin: 0;  
    background: #f5f5f5;
    font-size: 13px; }
ul.dmst_people_tabs li.active a { 
    background: #f0f0f2; 
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-right-width: 1px;
    margin: 0 -1px 0 0;
    color: #111;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
ul.dmst_people_tabs li:first-child a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px; }
ul.dmst_people_tabs li:last-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }

ul.dmst_people_tabs-content { margin: 0; display: block; }
ul.dmst_people_tabs-content > li { display:none; }
ul.dmst_people_tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.dmst_people_tabs:before,
ul.dmst_people_tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.dmst_people_tabs:after {
    clear: both; }
ul.dmst_people_tabs {
    zoom: 1; }
/* @end */
/* @group texts formating */
div.people_title {
    font-size:1em; /* 1em sobre el 0.85em base de .dmst_person */
    line-height:1.4;
    margin-bottom:5px;
}
div.people_title p {
    margin-bottom:0;
    margin-top:0!important;
    font-size:1em;
    line-height:1.4;
}
h3.people_name {
    font-size:1.1em; /* lleugerament més gran que la resta */
    margin-bottom:0;
}
/* Normalitzem la resta de text de la descripció */
div.people_description p {
    font-size:1em;
    line-height:1.4;
    margin-bottom:3px;
}
/* @end texts formating */