#institutions-and-historical-groups-background {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 93px;
    height: 235px;
    margin-left: -30px;
    background-position: center top;
    margin-right: -30px;
}
#main {
    position: relative;
}
#institutions-and-historical-groups-title {
    text-transform: uppercase;
    margin-right: 10px;
    width: 357px;
    position: absolute;
    color: #ffffff;
    font-size: 35px;
    bottom: 0px;
    left: 0px;
    line-height: 40px;
}
#institutions-and-historical-groups-wrap {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 235px;
}
.institutions-and-historical-groups-header {
    position: relative;
    top: 60px;
}
.institutions-and-historical-groups-container {
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    margin-top: 237px;
}
.left-content {
    width: auto !important;
}
.institutions-and-historical-groups-container .alphabetical-order,
.institutions-and-historical-groups-container .chronological-order {
    margin-top: 20px;
}
.institutions-and-historical-groups-container .alphabetical-order  {
    background-color: #d7dadd;
    padding: 20px;
}
.institutions-and-historical-groups-container .alphabetical-order li a,
.institutions-and-historical-groups-container .chronological-order li a {
    color: #676767;
}
.institutions-and-historical-groups-container .chronological-order  {
    background-color: #eae3d9;
    margin-bottom: 20px;
}
.institutions-and-historical-groups-container .chronological-order-results  {
    padding-bottom: 40px;
    display: none;
}
.institutions-and-historical-groups-container .alphabetical-order-title  {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 40px;
    display: block;
}
.institutions-and-historical-groups-container .chronological-order-title  {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 30px;
    display: block;
}
.institutions-and-historical-groups-container .chronological-order-search {
    background-color: #cbbba0;
    padding: 20px;
}
.alphabetical-order-results ul,
.chronological-order-results ul {
    margin-left: 20px;
    list-style-type: none;
}
.alphabetical-order-results ul li,
.chronological-order-results ul li {
    text-transform: uppercase;
}
.chronological-order-results ul  {
    margin-left: 40px;
    margin-top: 40px;
    margin-bottom: 0px;
}
.chronological-order-search ul {
    list-style-type: none;
}
.chronological-order-search ul li{
    position: relative;
}

label[for]:after {
    content:" ";
    font-size: 17px;
    position: absolute;
    top: 5px;
    color: #435464;
    font-family: 'FontAwesome';
    vertical-align: middle;
    font-size: 30px;
    float: left;
    left: -30px;
    height: 17px;
    width: 17px;
    background: url('/sites/all/themes/multipurpose/images/institucions-i-formacions-historiques/square.png');
    background-size: cover;
}
label[for].checked:after {
    background: url('/sites/all/themes/multipurpose/images/institucions-i-formacions-historiques/square-checked.png');
    background-size: cover;
}
label {
    display: inline;    
}
input[type=radio] {
    display: none;
}

.chronological-order-search ul li {
    margin-left: 30px;
    line-height: 30px;
}

.chronological-order-search ul li .name{
    color: #ffffff;
    vertical-align: middle;
}
.institutions-and-historical-groups-container .institutions-and-historical-groups-description a {
    color: #000000;
}
.page-title {
    display: none;
}
.institutions-and-historical-groups-container {
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    margin-top: 240px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
}
.institutions-and-historical-groups-container-title {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    margin-top: 220px;
    background-color: #d7dadd;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    padding-left: 70px;
    font-size: 20px;
}
.institutions-and-historical-groups-container ul {
    margin-left: 20px;
    list-style-type: none;
}

.institutions-and-historical-groups-container ul li {
    text-transform: uppercase;
    font-size: 15px;
}
.institutions-and-historical-groups-container ul li .musical-center-title {
    /*cursor: pointer;*/
}
.institutions-and-historical-groups-container ul li .musical-center-description {
    text-transform: none;
    padding-left: 30px;
}
.institutions-and-historical-groups-container ul li .musical-center-description a{
    color: #000000;
}
.institutions-and-historical-groups-container ul li .musical-center-detail {
    background-color: #939aa6;
}
.institutions-and-historical-groups-container ul li .musical-center-detail a {
    color: #ffffff;
}
.institutions-and-historical-groups-container ul li .musical-center-title {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.musical-center-title a, .musical-center-title a:active,.musical-center-title a:focus,.musical-center-title a:hover{
    color: #676767;
}
.institutions-and-historical-groups-container-text {
    text-transform: none;
}

#breadcrumbs  {
    display: none;
}
@media (max-width: 1020px) {
    .institutions-and-historical-groups-container,
    .institutions-and-historical-groups-container-title {
        width: auto;
        padding-left: 20px;
    }
    #institutions-and-historical-groups-wrap {
        width: auto;
    }
    #institutions-and-historical-groups-title {
        left: 30px;
        width: auto;
    }
}
@media (min-width: 480px) {
    #institutions-and-historical-groups-title {
        width: 357px;
    }
}
@media (max-width: 999px) {
    #institutions-and-historical-groups-background {
        top: 158px;
    }
}

@media (max-width: 1000px) {
    .institutions-and-historical-groups-container, .institutions-and-historical-groups-container-title {
        padding-left: 0px;
    }
}