#filtros-dialog {
    background-color: #0E2942;
    padding-bottom: 1px;
    overflow: hidden;
}

#filtros-dialog .filter-name {
    background-color: #0e2942;
    border-bottom: 1px solid #5F7D9A;
    color: #EEEEEE;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 0px;
    margin-top: 1px;
    padding-bottom: 4px;
    padding-left: 13px;
    padding-top: 2px;
    position: relative;
    text-transform: uppercase;

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

#filtros-dialog .filter-div {
    background-color: #1C3F66;
    border-bottom: 1px solid #5F7D9A;
    display: none;
    padding-top: 0px;
}

#filtros-dialog .filtro-icones-div {
    border-bottom: 1px solid #5F7D9A;
    padding-left: 10px;
}

#filtros-dialog #filter-list {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0px;
}

#filtros-dialog #filter-list li {
    list-style: none;
    margin-left: 0px;
}

#filtros-dialog .filter-img-tipo {
    cursor: pointer;
    margin-bottom: -4px;
    padding-right: 3px;
    padding-left: 3px;
    position: absolute;
}

#filtros-dialog .filter-img-tema {
    cursor: pointer;
    margin-bottom: -3px;
    padding-right: 7px;
    padding-left: 6px;
    position: absolute;
}

#gravura-matriz{
    clip: rect(165px 40px 196px 0);
    top: -143px;
}

#gravura{
    clip: rect(132px 40px 164px 0);
    top: -110px;
    left: 51px;
}

#desenho{
    clip: rect(32px 40px 64px 0);
    top: -11px;
    left: 92px;
}

#pintura{
    clip: rect(429px 40px 460px 0);
    top: -407px;
    left: 134px;
}

#painel{
    clip: rect(396px 40px 427px 0);
    left: 176px;
    top: -374px;
}

#pintura-mural{
    clip: rect(462px 40px 493px 0);
    top: -440px;
    left: 219px;
}

#container-filtro-tema{
    height: 73px;
    position: relative;
}

#social{
    clip: rect(561px 40px 592px 0);
    top: -561px;
    left: 12px;
}

#cultura-brasileira{
    clip: rect(0 40px 31px 0);
    top: 0px;
    left: 65px;
}

#historico{
    clip: rect(198px 40px 228px 0);
    top: -199px;
    left: 114px;
}

#religioso{
    clip: rect(494px 40px 527px 0);
    top: -495px;
    left: 164px;
}

#retrato{
    clip: rect(528px 40px 559px 0);
    top: -528px;
    left: 214px;
}

#natureza{
    clip: rect(297px 40px 328px 0);
    top: -255px;
    left: 11px;
}

#natureza-morta{
    clip: rect(329px 40px 361px 0);
    top: -288px;
    left: 63px;
}

#figura-humana{
   clip: rect(98px 40px 131px 0);
    top: -58px;
    left: 114px;
}

#nao-figurativo{
   clip: rect(263px 40px 296px 0);
    top: -223px;
    left: 164px;
}

#diversos{
    clip: rect(64px 40px 95px 0px);
    top: -22px;
    left: 213px;
}

#container-filtro-tipo{
    height: 31px;
}

#filtros-dialog #meio {
    display: block;
    height: 10px;
}

#filtros-dialog .filter-arrow {
    float: right;
    font-size: 11px;
    margin-right: 5px;
    margin-top: -1px;
}

#filtros-dialog .item-menu-filtros {
    border-bottom: 1px solid #5F7D9A;
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
    font-size: 11px;
    height: 16px;
    letter-spacing: 1px;
    padding: 5px 3px 3px 15px;
    text-transform: uppercase;
}

.tooltip-filtro {
    background-color: #b5c6cd;
    border: 1px solid #FFF;
    color: #1f3e66;
    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;

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

#filtros-dialog .div-cores {
    border-bottom: 1px solid #5F7D9A;
    height: auto;
    padding-left: 15px;
}

#filtros-dialog #filtros-limpar {
    display: block;
    min-height: 26px;
}

#filtros-dialog .clear-this-filter {
    color: #5F7D9A;
    display: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    padding-left: 6px;
    text-transform: uppercase;
    z-index: 3000;
}

#filtros-dialog #bt-limpa-filtros {
    background: #0E2942;
    border: 0px;
    color: #5F7D9A;
    display: inline;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 22px;
    outline: none;
    position: relative;
    text-transform: uppercase;
    top: 1px;
    left: 8px;

    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -ms-transition: color .5s;
    transition: color .5s;
}

#filtros-dialog #filtro-cor-div {
    /*align: center;*/
    height: 30px;
    position: relative;
}

#filtros-dialog #slider-cor, #filtros-dialog .sliderHack {
    height: 30px;
    position: absolute;
    top: 0px;
}

#filtros-dialog #slider-cor {
    background: transparent;
    left: 0px;
    display: block;
    border: none;
    width: 273px;
    z-index: 1002;
}

#filtros-dialog .sliderHack {
    height: 30px;
    width: 5px;
    z-index: 1001;
}

#filtros-dialog #pre-slider {
    left: 15px;
}

#filtros-dialog #pos-slider {
    left: 249px;
}

#filtros-dialog #slider-cor .ui-slider-handle {
    background: url(scripts/modules/filtro/img/slider_com_linha.png) repeat scroll 0 0 transparent;
    /*height: 20px;*/
    overflow: hidden;
    width: 21px;
    margin-left: -4px;
    /* display: block; */
}

#filtros-dialog #color-slider {
    position: absolute;
    top: 0px;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    background: url("scripts/modules/filtro/img/slider_com_linha.png") repeat scroll 0 0 transparent;
    border: 0 none;
    display: none;
    min-height: 33px;
    outline: none;
    width: 20px;
}

#filtros-dialog .long-list-filter {
    height: 99px;
    overflow: auto;
}

#filtros-dialog .closed {
    display: block;
}

#filtros-dialog #filtros-suporte-box {
    overflow: auto;
    position: relative;
    width: 270px;
    height: 99px;
}

#filtros-dialog ::-webkit-scrollbar {
    width: 7px;
}

#filtros-dialog ::-webkit-scrollbar-track {
    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#filtros-dialog ::-webkit-scrollbar-thumb {
    background: #B5C6CD;
    border-radius: 10px;
    height: 20px;
}

#filtros-dialog .active {
    color: white !important;
}