#mosaico {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 2px;
    position: absolute;
    z-index: 20;
    padding-bottom: 50px;

    margin-bottom: 300px;
}

#mosaico .item-mosaico {
    border: 1px solid white;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

#mosaico .item-mosaico-100 {
    width: 100px;
    height: 100px;
}

#mosaico .item-mosaico-200 {
    width: 200px;
    height: 200px;
    position: relative;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
}

#mosaico .img-mosaico-100 {
    top: 0px;
    left: 0px;
    min-width: 100px;
    min-height: 100px;
    overflow: hidden;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

#mosaico .img-mosaico-200 {
    top: 0px;
    left: 0px;
    min-width: 200px;
    min-height: 200px;
    overflow: hidden;
}

#mosaico .img-mosaico-200-wrap {
    top: 0px;
    left: 0px;
    width: 200px;
}

#mosaico .img-mosaico-200-wrap-2 {
    top: 0px;
    left: 0px;
    height: 200px;
}

#mosaico .bg-foto-mosaico {
    margin-left: 3px;
    margin-top: 3px;
}

#mosaico .container-img-mosaico-200 {
    width: 200px;
    height: 200px;
}

.tooltip-mosaico {
    background-color: #234167;
    border: 1px solid #FFF;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px 3px 3px 5px;
    position: absolute;
    text-transform: uppercase;
    z-index: 100000;

    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.7);
    box-shadow: 2px 2px 3px rgba(0,0,0,.7);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.tooltip-mosaico.artwork {
    background-color: #bcbec0;
    color: #58595b;
}
.tooltip-mosaico.artworkset {
    background-color: #58595b;
    color: #bcbec0;
}
.tooltip-mosaico.document {
    background-color: #8cb9ca;
    color: #234167;
}
.tooltip-mosaico.entity {
    background-color: #ddcd9e;
    color: #413027;
}
.tooltip-mosaico.event {
    background-color: #ba9868;
    color: #413027;
}
.tooltip-mosaico.historic {
    background-color: #a3b28d;
    color: #475038;
}
.tooltip-mosaico.person {
    background-color: #b18a76;
    color: #413027;
}

#mosaico .wrap {
    width: 200px;
    height: 200px;
    margin: 0px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-left: 1px;
    margin-top: 1px;
}

#mosaico .wrap img {
    border: none;
    position: absolute;
}

.scrollable {
    position: relative;
    overflow: hidden;
    width: 700px;
    height: 665px;
}

.scrollable .items {
    position: absolute;
    /*height: 20000em;*/
}

#mosaico-no-results {
    width: 654px;
    height: 64px;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -327px;
    z-index: 30;
    cursor: pointer;
}

#mensagem_mosaico {
    color: white;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;

    margin-top: -200px;
    margin-bottom: 200px;

    display: none;
}