.breadcrumb, .page-title {
    display: none;
}


#proper-names-title {
    text-transform: uppercase;
    margin-right: 10px;
    left: 237px;
    position: absolute;
    bottom: 0px;
    line-height: 40px;
    font-size: 35px;
    color: #ffffff;
}

#proper-names-background {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 90px;
    height: 235px;
    background-image: url('/sites/all/modules/custom/museumusica/img/noms-propis.jpg');
    margin-top: 5px;
    z-index: -1;
}
.left-content {
    width: auto !important;    
}
#wrap {
    background-color: transparent;
    position: relative;
}
#main {
    margin-top: 250px;
    float: left;
    width: 100%;
}
.header-search-language {
    background-color: #777d8b;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    float: left;
}
.header-search-language > div > div > div {
    float: right;
}
.header-search-language > div > div {
    float: none;    
}
.header-search-language-wrap {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: right;   
}
#block-locale-language a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
}
#block-locale-language ul {
    margin-right: 20px;    
}
#search-block-form {
    position: relative;
    top: 3px;    
}
.language-switcher-locale-url li {
    margin-top: 3px;
    margin-left: 10px; 
}
ul.language-switcher-locale-url li:before{
    content: "/";
    float: left;
    color: #ffffff;
    margin-right: 10px;
}
ul.language-switcher-locale-url li:first-child:before{
    content: "";    
}
[id^=edit-actions] {
    position: absolute;
    right: 5px;
    top: 0px;
    padding-top: 0px;
}
[id^=edit-submit]  {
    border: 0px;
    background-image: url('/sites/all/themes/multipurpose/images/search.jpg') !important;
    background-size: cover !important;
    width: 35px !important; 
    height: 17px !important;
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    border-radius: 0px;
    position: relative;
    top: 3px;
    right: 4px;
}
[id^=edit-submit]:focus,[id^=edit-submit]:hover {
    background-position: center top !important;
}
#edit-search-block-form--2 {
    width: 250px !important;
    background-color: #f0f0f3 !important;
    height: 14px !important;
}

.page-node #content-wrap img {
    border: 0px solid #cccccc;
    height: auto;
    margin: 0px;
    max-width: 100%;
    padding: 0px;
}

#proper-names-wrap {
    width: 1020px;
    margin-left: auto; 
    margin-right: auto;
}
#proper-names-image, #proper-names-name {
    float: left;
}
#proper-names-image img {
    width: 195px;
    height: 235px !important;
}
#proper-names-name {
    background-color: #525e6b;
    height: 165px;
    width: 690px;
    color: #ffffff;
    padding: 40px;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 57px;
}
#proper-name-title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 18px;
}
#proper-name-title i {
    font-style: italic;
}
ul.meta.clearfix {
    margin-top: 70px;
}
#proper-names-birth-death, #proper-names-person-type {
    font-size: 14px;
}
#proper-names-birth-death {
    margin-top: 20px;
    line-height: 16px;
}
#proper-names-person-type {
    margin-top: 16px;
}
#proper-names-public-domain {
    font-size: 14px;
}
#proper-names-name {
    position: relative;
}
#proper-names-public-domain {
    position: absolute;
    bottom: 10px;
    color: #a9acb8;
}
#proper-names-description {
    background-color: #d7dadd;
}
#proper-names-biography {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #435465;
    font-size: 20px;
}
#proper-names-details {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}
#proper-names-details-wrap {
    margin-right: 28px;
    margin-left: 194px;
}
#proper-names-description-wrap {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
    font-size: 14px;
}

#how-it-sounds-title, #discover-title, #cities-title, #proper-names-related-title, #institutions-related-title, #theaters-and-auditoriums-related-title, #musical-documentation-centers-title, #interest-url-title {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
}

#how-it-sounds, #cities {
    background-color: #f9f8f8;
    margin-bottom: 20px;
}
#discover {
    background-color: #f0f0f1;
    margin-bottom: 20px;
}
#proper-names-related {
    background-color: #e8e8ea;
    margin-bottom: 20px;
}
#institutions-related {
    background-color: #dfe1e3;
    margin-bottom: 20px;
}
#theaters-and-auditoriums-related {
    background-color: #f0f0f1;
    margin-bottom: 20px;
}
#musical-documentation-centers {
    background-color: #d7dadd;
    margin-bottom: 20px;
}
#interest-url {
    background-color: #f0f0f1;
    margin-bottom: 20px;
}
#how-it-sounds-wrap, #discover-wrap, #cities-wrap, #proper-names-related-wrap, #institutions-related-wrap, #theaters-and-auditoriums-related-wrap, #musical-documentation-centers-wrap, #interest-url-wrap {
    padding: 20px;
    padding-left: 50px;
}

#how-it-sounds img, #discover img {
    margin-right: 20px !important;
    vertical-align: middle;
}
#how-it-sounds-description, #discover-description {
    font-size: 14px;
    line-height: 30px;
}
#discover table, #discover table td {
    border: 0px;
    background-color: transparent;
}
#how-it-sounds a, #how-it-sounds a:focus, #how-it-sounds a:visited, #how-it-sounds a:active, 
#discover a, #discover a:focus, #discover a:visited, #discover a:active,
#cities a, #cities a:focus, #cities a:visited, #cities a:active,
#proper-names-related a, #proper-names-related a:focus, #proper-names-related a:visited, #proper-names-related a:active,
#institutions-related a, #institutions-related a:focus, #institutions-related a:visited, #institutions-related a:active,
#theaters-and-auditoriums-related a, #theaters-and-auditoriums-related a:focus, #theaters-and-auditoriums-related a:visited, #theaters-and-auditoriums-related a:active,
#musical-documentation-centers a, #musical-documentation-centers a:focus, #musical-documentation-centers a:visited, #musical-documentation-centers a:active,
#interest-url a, #interest-url a:focus, #interest-url a:visited, #interest-url a:active
 {
    color: #676767;
    font-size: 14px;
}
#proper-names-related-description, #institutions-related-description, #theaters-and-auditoriums-related-description, #musical-documentation-centers-description, #interest-url-description {
    padding-left: 0px;
}

#proper-names-alias {
    font-style: italic;
    font-size: 14px;
}

#discover-description td {
    padding-left: 0px;
    position: relative;
}

#discover-description td img {
    position: absolute;
    right: 18px;
    top: 9px;
}
#discover-description td .num {
    position: absolute;
    right: 67px;
    top: 5px;
}
#cities-description img {
    vertical-align: middle;
    margin-right: 20px;
}
#cities-description span {
    margin-left: 12px;
    margin-right: 18px;
    font-size: 14px;
}
#cities-description .museumusica-localization {
    float: left;
    min-width: 170px;
}

#discover .discover-title {
    width: 67%;
}
.museumusica-localization a{
    font-size: inherit !important;
}

#institutions-related-description, #theaters-and-auditoriums-related-description, #musical-documentation-centers-description {
    font-size: 14px;
}

#cities-description img  {
    width: 14px;
}

@media (min-width: 320px) and (max-width: 639px) {
    #proper-names-background {
        top: 0px;
        position: relative;
        height: auto;
    }
    #proper-names-image {
        height: 195px;
    }
    #edit-actions, #search-block-form {
        display: none;
    }
    #proper-names-wrap > div {
        float: none;
    }
    #main {
        margin-top: 0px;
    }
    #proper-names-details-wrap {
        margin-left: 0px;
    }
    #proper-names-details {
        width: auto;
        margin-left: -30px;
        margin-right: -30px;
    }
    #proper-names-details-wrap {
        margin-right: 0px;
    }
    #proper-names-description-wrap {
        margin-left: 30px;
        margin-right: 30px;
    }
    #proper-names-wrap {
        width: auto;
    }
    #proper-names-name {
        width: auto;
    }
    #how-it-sounds-wrap, #discover-wrap, #cities-wrap, #proper-names-related-wrap, #institutions-related-wrap, #theaters-and-auditoriums-related-wrap, #musical-documentation-centers-wrap, #interest-url-wrap {
        padding: 20px;
    }
    #discover .discover-title {
        width: 59%;
    }
}
@media (min-width: 640px) and (max-width: 1080px) {
    #proper-names-details-wrap {
        margin-left: auto;
        margin-right: auto;
    }
    #proper-names-details {
        width: auto;
    }
    #how-it-sounds-wrap, #discover-wrap, #cities-wrap, #proper-names-related-wrap, #institutions-related-wrap, #theaters-and-auditoriums-related-wrap, #musical-documentation-centers-wrap, #interest-url-wrap {
        padding: 20px;
        padding-left: 40px;
        padding-right: 40px;
    }
    #proper-names-background {
        top: 152px;
    }
    #proper-names-name {
        width: auto;
    }
    #edit-actions {
        display: none;
    }
    #proper-names-wrap {
        width: auto;
    }
    #proper-names-name {
        width: auto;
    }
    #proper-names-background {
        margin-left: 0px;
        margin-right: 0px;
    }
}