html {
}

body{
    background-color: #DADADA;/* cinza */
    font-family: 'Verdana', 'Open Sans', 'Lato', sans-serif;
    color: #000000; /* preto */
    font-size: 16px;
    padding:0 ;
}

a,
a:link,
a:visited,
a:hover {
    color: #000000; /* preto */
}

a:hover {
    font-weight: normal;
}

/* centralizar imagem html5 */
img.center {
    display: block;
    margin: 0 auto;
}

p.fonte-reduzida {
    font-size: .75em;
}

blockquote {
    border: none;
}

#abertura {
    background-image: url('../img/fundo.png');
    background-repeat: no-repeat;
    background-position: 65% 195px;
    background-size: 950px;
    background-origin: padding-box;
}

.display-table{ /* Centralizar conteudo verticalmente - classe pai */
    display: table;
    table-layout: fixed;
    width:100%;
}

.display-cell{ /* Centralizar conteudo verticalmente - classe filho */
    display: table-cell;
    vertical-align: middle;
    float: none;
}


/* ------------------------------------------------------------*/
/* ------------------------ CABECALHO -------------------------*/
/* ------------------------------------------------------------*/

.label-exposicao-virtual {
    background-color: #BBB09E;
    border-radius: 20px;
    margin: 35px 0;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 25px;
    font-weight:800;
}

.label-exposicao-virtual .linha1 {
    padding-left: 10px;
    position:relative;
    float:left;
    margin:0
}

.label-exposicao-virtual .linha2 {
    padding-right: 20px;
    position:relative;
    float:right;
    width:120px; 
}

.titulo-tema {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 800;
    font-size: 50px;
    line-height: 120%;
    color: #ffffff;
    text-align: right;
}

.titulo-principal {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 110%;
    color: #000000;
    text-align: right;
}

.sub-titulo {
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    color: #ff0000;
    text-align: right;
}
/* ---------------------- FIM CABECALHO -----------------------*/


/* ------------------------------------------------------------*/
/* ------------------ Personalizacao MENU ---------------------*/
/* ------------------------------------------------------------*/

.vertical_nav {
    position: absolute;
    left: -300px;
    top: 300px;
    bottom: 0px;
    width: 300px;
    border-radius: 20px;
    background-color: rgba(187,176,158,1.0); /* bege #bbb09e */
    color: #ffffff;
    height: 320px;
    z-index: 15;
}

header {
    height: 50px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 -20px 20px 20px;
    background-color: rgba(187,176,158,1.0); /* bege #bbb09e */
    color: #ffffff;
    position: fixed;
    top: 0px;
    width: 100%;
}

.menu {
    bottom: 0;
}

.menu--icon {
    color: #000000;
}

.menu--label {
    border-top: 1px solid #e5d9c3 ; /* creme */
}

.menu--label-final{
    border-bottom: 1px solid #e5d9c3 ; /* creme */
}

.menu--item a{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #ffffff;
    font-size: 24px;
    font-style: italic;
    text-decoration: none;
}

.menu--item .active {
    background-color: rgba(229,217,195,1); /* creme #e5d9c3 */
    color: #000000; /* preto */
    font-weight: 800;
    text-decoration: none;
}

.menu--link:hover,
.menu--link:hover .menu--label {
    font-weight: 800;
    text-decoration: none;
    background-color: rgba(229,217,195,1); /* creme #e5d9c3 */
    color: #000000; /* preto */
}



/* --------------- FIM Personalizacao MENU --------------------*/

/* ------------------------------------------------------------*/
/* ------------------------- ABERTURA -------------------------*/
/* ------------------------------------------------------------*/

.container-texto-introdutorio {
    background-color: #bbb09e;
    margin-top: 250px;
}

.texto-introdutorio {
    font-weight: 400;
    font-size: 15px;
    padding: 20px ;
    margin-right: auto;
    margin-left: auto;
}

/* --------------------- FIM ABERTURA -------------------------*/


/* ------------------------------------------------------------*/
/* --------------------- CHAMADA PAINEIS ----------------------*/
/* ------------------------------------------------------------*/



.chamada {
    text-align: center;
    height: 200px;
    margin-top: 50px;
}

.chamada img {
    max-height: 150px;
    max-width: 150px;
}

/* ------------------- FIM CHAMADA PAINEIS --------------------*/

.conteudo {
    padding-top: 50px;
}

/* ------------------------------------------------------------*/
/* -------------------- NAVEGACAO PAINEIS ---------------------*/
/* ------------------------------------------------------------*/

.painel-navegacao h2 {
    text-align: center;
    font-size: 30px;
    padding-top: 20px;
}

/* ------------------ FIM NAVEGACAO PAINEIS -------------------*/

/* ------------------------------------------------------------*/
/* --------------------- CONTEUDO PAINEL ----------------------*/
/* ------------------------------------------------------------*/

.conteudo-painel {
    padding-top: 50px;
}


/* ------------------- FIM CONTEUDO PAINEL --------------------*/

/* ------------------------------------------------------------*/
/* ----------------------- PAINEL MINI ------------------------*/
/* ------------------------------------------------------------*/

.painel-mini {
    text-align: center;
    max-width: 100%;
}

.painel-mini img {
    max-width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
}

/* --------------------- FIM PAINEL MINI ----------------------*/

/* ------------------------------------------------------------*/
/* -------------------- PAINEL DOCUMENTOS ---------------------*/
/* ------------------------------------------------------------*/

.painel-documentos {
    max-width: 100%;
    padding-top: 1em;
    padding-left: 1em;
}

.painel-documentos .titulo {
    text-align: left;
    font-size: 35px;
}

.documento-imagem img {
    max-width: 100%;
    padding-top: 20px;
}

.documento-descricao {
    font-size: 15px;
    padding-top: 20px;
}

.documento-descricao img { /* número do documento */
    max-height: 20px;
}

#doc-21 {
    padding-top: 360px;
}

#doc-23 {
    padding-top: 170px;
}

#doc-38 {
    padding-top: 200px;
}

#doc-42{
    padding-top: 150px;
}


/* ------------------ FIM PAINEL DOCUMENTOS -------------------*/

/* ------------------------------------------------------------*/
/* ---------------------- PAINEL VITRINE ----------------------*/
/* ------------------------------------------------------------*/

.painel-vitrine {
    text-align: center;
    max-width: 100%;
}

.painel-vitrine .titulo {
    font-size: 35px; 
    text-align: left;
    padding-left: .5em;
    margin-top: 1em;
}

.painel-vitrine img {
    padding: 10px;
}


/* -------------------- FIM PAINEL VITRINE --------------------*/

.conteudo-material {
    padding-top: 80px;
}

.material-apoio {
    display: table;
}

.material-apoio .item {
    display: table-row;
}

.material-apoio .item .miniatura {
    display: table-cell;
    float: left;
    padding: 2em;
}

.creditos-conteudo {
    padding-top: 50px;
    text-align: center;
}

.creditos-conteudo p {
    padding-bottom: 1.5em;
}

.creditos-logos {
    text-align: center;
}

.creditos-apoio img {
    max-width: 32%;
    padding-left: .5em;
}

#realizacao-apesp  {
    padding-top: 1em;
    max-width: 40%;
}

#realizacao-govsp  {
    padding-left: 1em;
    padding-top: 1em;
    max-width: 53%;
}



/* ------------------------ PAINEIS ---------------------------*/



/* ------------------------------------------------------------*/
/* --------------------- photoswipe ---------------------------*/
/* ------------------------------------------------------------*/

#galeria-photoswipe-vitrine figure {
  display: none;
}


/* --------------------- FIM photoswipe -----------------------*/




/* ------------------------------------------------------------*/
/* --------------------- pgwSlideshow -------------------------*/
/* ------------------------------------------------------------*/
.pgwSlideshow {
    background: transparent;

}

.pgwSlideshow .ps-list {
    background: transparent;
    border: none;
    box-shadow: none;
    max-height: 110px;
}

.pgwSlideshow.narrow .ps-caption {
    font-size: 1em;
}

.pgwSlideshow .ps-caption {
    font-size: 1.2em;
}

/* pgwslideshow - Remove espaco de 40px à esquerda da foto exibida */
.pgwSlideshow .ps-current ul{
    padding-left: 0;
}

/* pgwslideshow - Insere espaço abaixo da galeria, para não sobrepor rodapé */
.pgwSlideshow_container {
    margin-top: 2em;
    margin-bottom: 2em;
    max-width: 90%; /* diminui tamanho */
    margin: auto; /* centraliza horizontalmente */
}

.pswp__share-tooltip {
    font-family: Verdana, Arial, sans-serif;
}
/* --------------------- FIM pgwSlideshow ---------------------*/


/* ------------------------------------------------------------*/
/* -------------------------- VIDEOS --------------------------*/
/* ------------------------------------------------------------*/
.conteudo-videos {
    padding-top: 80px;
}

.conteudo-videos p {
    padding-bottom: 30px;
}

.video-descricao {
    font-size: 13px;
}


/* ------------------------ FIM VIDEOS ------------------------*/
.documento-imagem {
    text-align: right;
}

.documento-descricao {
    min-height: 140px;
}

.magnific-popup {
  position: relative;
  /*background: #FFF;*/
  /*padding: 20px;*/
  /*width: auto;*/
  /*max-width: 500px;*/
  max-width: 100vw;
  max-height: 98vh;
  text-align: center;
}

.timeline-content {
    border-radius: 15px;
}

.timeline-row .panel .panel-body {
    background-color: #FFF8DC ;
    border-radius: 15px;
}

.timeline-content .legenda {
    font-size: .75em;
    font-weight: bold;
    color: gray;
    text-align:center;
    text-decoration: none;
}

.timeline-row .panel {
    box-shadow: 10px 10px 5px grey;
    //box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.timeline .timeline-row .timeline-content img {
    margin-bottom: 0;
}

.magnific-popup img {
    max-width: inherit;
    max-height: inherit;
    padding: 1vh 1vw;;
}

.mfp-close-btn-in .mfp-close {
    color: white;
    padding-top: 0;
}

/* ------------------------------------------------------------*/
/* ------------------ ALBUNS FOTOGRAFICOS ---------------------*/
/* ------------------------------------------------------------*/

.chama-album {
    background-color: transparent;
    border: none;
}

.conteudo-album {
    padding-top: 50px;
}

.rg-image-wrapper{
    position:relative;
    padding:20px 30px;
    background:transparent url(../img/black.png) repeat top left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height:20px;
}
.rg-image{
    position:relative;
    text-align:center;
    line-height:0px;
}
.rg-image img{
    /*max-height:100%;*/
    max-height:75vh;

    max-width:100%;
}
.rg-image-nav a{
    position:absolute;
    top:0px;
    left:0px;
    background:#000 url(../img/nav.png) no-repeat -20% 50%;
    width:28px;
    height:100%;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.3;
    outline:none;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
    right:0px;
    left:auto;
    background-position:115% 50%;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
    opacity:0.8;
}
.rg-caption {
    text-align:center;
    margin-top:15px;
    position:relative;
}
.rg-caption p{
    font-size:11px;
    letter-spacing:2px;
    font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
    line-height:16px;
    padding:0 15px;
    text-transform:uppercase;
}
.rg-view{
    height:30px;
}
.rg-view a{
    display:block;
    float:right;
    width:16px;
    height:16px;
    margin-right:3px;
    background:#464646 url(../img/views.png) no-repeat top left;
    border:3px solid #464646;
    opacity:0.8;
}
.rg-view a:hover{
    opacity:1.0;
}
.rg-view a.rg-view-full{
    background-position:0px 0px;
}
.rg-view a.rg-view-selected{
    background-color:#6f6f6f;
    border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
    background-position:0px -16px;
}
.rg-loading{
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    background:#000 url(../img/ajax-loader.gif) no-repeat center center;
    margin:-23px 0px 0px -23px;
    z-index:100;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity:0.7;
}

/* --------------- FIM ALBUNS FOTOGRAFICOS ---------------*/



/* ------------------------------------------------------------*/
/* --------------------- MEDIA QUERIES ------------------------*/
/* ------------------------------------------------------------*/

/* menor que bootstrap -xs- */
@media (max-width: 479px){
    #abertura {
        background-image: url('../img/fundo.png');
        background-repeat: no-repeat;
        background-position: center 20%;
        background-size: 100%;
    }
    .cabecalho{
        visibility: hidden;
        height: 0;
    }
    .header {
        z-index: 15;
    }
    .section{
        padding-top: 60px;   
    }
    .chamada {
        width: 100%;
    }
    .painel-navegacao {
        padding-top: 25px;
    }
    .painel-navegacao h2 {
        font-size: 20px; 
        margin-right: -25px;
    }
    #seta-esquerda {
        margin-left: -40px;
    }
    #seta-direita {
        margin-left: -10px;
    }
    .vertical_nav {
        top: 52px;
        position: fixed;
    }
    .painel-documentos .titulo {
        font-size: 20px; 
    }
    .painel-vitrine .titulo {
        font-size: 20px;
        padding-top: 20px;
        text-align: left;
        margin-left: 5px
    }
    .painel-vitrine img {
        padding: 5px;
    }
    .conteudo-album {
        padding-top: 80px;
    }
    .creditos-conteudo {
        padding-top: 80px;
    }
}

/* bootstrap -xs- */
@media (min-width: 480px) and (max-width: 768px) {
    #abertura {
        background-image: url('../img/fundo.png');
        background-repeat: no-repeat;
        background-position: center 20%;
        background-size: 100%;
    }
    .section{
        padding-top: 60px;   
    }
    .cabecalho{
        visibility: hidden;
        height: 0;
    }
    .header {
        z-index: 15;
    }
    #seta-esquerda {
        margin-left: -30px;
    }
    .painel-navegacao h2 {
        font-size: 25px;
        margin-right: -5px;
    }
    #seta-direita {
        margin-left: -20px;
    }
    .vertical_nav {
        top: 52px;
        position: fixed;
    }
    .container-texto-introdutorio {
        margin-top: 50%;
        margin-bottom: 10%;
    }
    .painel-documentos .titulo {
        font-size: 30px; 
    }
    .painel-vitrine .titulo {
        font-size: 30px; 
    }
    .conteudo-album {
        padding-top: 80px;
    }
    .creditos-conteudo {
        padding-top: 80px;
    }
}

/* bootstrap -sm- */
@media (min-width: 768px) and (max-width: 992px) {
    #abertura {
        background-image: url('../img/fundo.png');
        background-repeat: no-repeat;
        background-position: center 20%;
        background-size: 100%;
    }
    .section{
        padding-top: 60px;   
    }
    .cabecalho{
        visibility: hidden;
        height: 0;
    }
    .header {
        z-index: 15;
    }
    #seta-esquerda {
        margin-left: -20px;
    }
    #seta-direita {
        margin-left: -20px;
    }
    .vertical_nav {
        top: 52px;
        left: -260px;
        position: fixed;
    }
    .container-texto-introdutorio {
        margin-top: 50%;
        margin-bottom: 10%;
    }
    .video {
        min-height: 210px;
    }
    .chama-album {
        min-height: 300px;
    }
    .conteudo-album {
        padding-top: 80px;
    }
    .creditos-conteudo {
        padding-top: 80px;
    }
}

/* bootstrap -md- */
@media (min-width: 992px) and (max-width: 1199px) {
    header {
        height: 0;
        visibility: hidden;
    }
    .vertical_nav {
        left: 0;
    }
    .video {
        min-height: 210px;
    }
    .conteudo-videos p {
        padding-left: 10px;
    }
    .chama-album {
        min-height: 385px;
    }
    .conteudo_painel {
        margin-top: -50px
    }

    .conteudo_timeline {
    padding-top: 20px;
    }
}


/* bootstrap -lg- */
@media (min-width: 1200px) {
    header {
        height: 0;
        visibility: hidden;
    }
    .vertical_nav {
        left: 0;
    }
    .documento-video {
        margin-top: 200px;
    }
    #doc-38 {
        padding-top: 200px;
    }
    .chama-album {
        min-height: 385px;
    }
    .conteudo_painel {
        margin-top: -50px
    }
    .conteudo_timeline {
        padding-top: 20px;
    }
}
/* ------------------- FIM MEDIA QUERIES ----------------------*/

.video-descricao {
    min-height: 160px;
    padding: 0;
    text-align: justify;
}