@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);

div.home-historia-do-brasil
{
    width: 100%;
    display: table;
    float: left;
    margin-bottom: 10px;
}

div.home-historia-do-brasil div.div-link-botao
{
    display: table;
    float: left;
    margin: 13px 0px 5px 7px;
    cursor:pointer;
    cursor:hand;
}
div.home-historia-do-brasil div.area-menu
{
    display: table;
    float: right;
}

div.home-historia-do-brasil div.box-borda-redonda
{
    display: table;
    background-color: #002540;
    height: 66px;
    width: 217px;
    float: right;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    vertical-align: bottom;
    box-shadow: 3px 6px 1px rgba(0, 0, 0, 0.15);
}

div.home-historia-do-brasil div.centralizar
{
    display: table;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
}
div.home-historia-do-brasil div.box-borda-redonda div.titulo
{
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    font-size: 23px;
    line-height:19px;
    display: table;
    float: end;
}

div.home-historia-do-brasil div.box-borda-redonda div.subtitulo
{
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    font-size: 17.5px;
    line-height:19px;
    display: table;
    float: end;
}

div.home-historia-do-brasil div.mapa-do-site
{
    background-image: url(bg_btn_mapa.jpg);
    background-position: center center;
    background-color: #884a19;
    display: none;
}

div.home-historia-do-brasil div.mapa-do-site div.centralizar
{
    display: table;
    margin-top: 20px;
}
div.home-historia-do-brasil div.rio-de-janeiro
{
    background-image: url(bg_btn_rio.jpg);
    background-position: center center;
    background-color: #34908F;
}
div.home-historia-do-brasil div.brasil-monarquico
{
    background-image: url(bg_btn_brasil2.jpg);
    background-position: center center;
    background-color: #85A735;
}
div.home-historia-do-brasil div.america-portuguesa
{
    background-image: url(bg_btn_america2.jpg);
    background-position: center center;
    background-color: #C49537;
}
div.home-historia-do-brasil div.mapa-do-site:hover
{
    background-image: none;
}
div.home-historia-do-brasil div.rio-de-janeiro:hover
{
    background-image: none;
}
div.home-historia-do-brasil div.brasil-monarquico:hover
{
    background-image: none;
}
div.home-historia-do-brasil div.america-portuguesa:hover
{
    background-image: none;
}

div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu
{
    background-color: #34908F;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.area-link
{
    border-top: #006668 solid 1px;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.area-link div.mais
{
    color: #114C48
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.marcado
{
    background-color: #006668;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.marcado-ultimo
{
    background-color: #006668;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.marcado div.mais
{
    color: #348F8E;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.marcado-ultimo div.mais
{
    color: #348F8E;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.submenuItem
{
    background-color: #114C48;
    border-top: #2B8D8E solid 1px;
}
div.home-historia-do-brasil div.rio-de-janeiro div.itens-menu div.marcadoSub
{
    background-color: #157A78;
}





div.home-historia-do-brasil div.brasil-monarquico div.itens-menu
{
    background-color: #85A735;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.area-link
{
    border-top: #558000 solid 1px;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.area-link div.mais
{
    color: #4C7C4C
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.marcado
{
    background-color: #558000;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.marcado-ultimo
{
    background-color: #558000;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.marcado div.mais
{
    color: #70953F;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.marcado-ultimo div.mais
{
    color: #70953F;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.submenuItem
{
    background-color: #4C7C4C;
    border-top: #70953F solid 1px;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.marcadoSub
{
    background-color: #4C7C4C;
}


div.home-historia-do-brasil div.america-portuguesa div.itens-menu
{
    background-color: #C49537;
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.area-link
{
    border-top: #9e6f00 solid 1px;
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.area-link div.mais
{
    color: #765D35
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.marcado
{
    background-color: #9e6f00;
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.marcado-ultimo
{
    background-color: #9e6f00;
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.marcado div.mais
{
    color: #C59637;
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.marcado-ultimo div.mais
{
    color: #C59637;
}
div.home-historia-do-brasil div.america-portuguesa div.itens-menu div.submenuItem
{
    background-color: #765D35;
    border-top: #C59637 solid 1px;
}
div.home-historia-do-brasil div.brasil-monarquico div.itens-menu div.marcadoSub
{
    background-color: #90764A;
}


div.home-historia-do-brasil div.itens-menu
{
    display: block;
    position: absolute;
    width: 217px;
    -moz-border-radius:0px 0px 15px 15px;
    -webkit-border-radius:0px 0px 15px 15px;
    border-radius:0px 0px 15px 15px;
}
div.home-historia-do-brasil div.itens-menu div.area-link
{
    display: table;
    width: 100%;
    padding: 5px 13px 5px 13px;
    position: relative;
}
div.home-historia-do-brasil div.itens-menu div.submenu
{
    display: table;
    width: 100%;

}
div.home-historia-do-brasil div.itens-menu div.submenuItem
{
    display: table;
    width: 100%;
    padding: 5px 13px 5px 13px;
}

div.home-historia-do-brasil div.itens-menu div.area-link div.mais
{
    display: table;
    position: absolute;
    top: 50%;
    height: 40px;
    width: 20px;
    font-size: 30px;
    -webkit-transform: translateY( -20px );
    -moz-transform: translateY( -20px );
    transform: translateY( -20px );
}

div.home-historia-do-brasil div.itens-menu div.area-link div.title
{
    display: table;
    float: right;
    width: 163px;
}

div.home-historia-do-brasil div.itens-menu div.marcado-ultimo
{
    -moz-border-radius:0px 0px 15px 15px;
    -webkit-border-radius:0px 0px 15px 15px;
    border-radius:0px 0px 15px 15px;
}
div.home-historia-do-brasil div.itens-menu a
{
    color: #ffffff;
    text-decoration: none;
    font-family: 'Libre Baskerville', serif;
    font-size: 13px;
}
div.home-historia-do-brasil div.itens-menu div.title a
{
    color: #ffffff;
    text-decoration: none;
    font-family: 'Libre Baskerville', serif;
    font-size: 13px;
}
@media (max-width: 950px)
{
    div.home-historia-do-brasil div.menu-mobile
    {
        display: table;
        float: right;
        background-image: url(hamburguer.png);
        width: 38px;
        height: 38px;
        margin-right: 15px;
        margin-top: 30px;
        cursor:pointer;
        cursor:hand;
    }
    div.home-historia-do-brasil div.div-link-botao
    {
        float: left;
        margin: 0px 0px 0px 0px;
    }
    div.home-historia-do-brasil div.menu-ocultavel-oculto
    {
        display: none;
    }
    div.home-historia-do-brasil div.area-menu
    {
        display: table;
        position: relative;
        width: 217px;
    }
    div.home-historia-do-brasil div.menu-ocultavel-visivel
    {
        display: block;
        position: absolute;
        width: 217px;
        top: 75px;
        left: -15px;
    }
    div.home-historia-do-brasil div.itens-menu
    {
        display: table;
        position: relative;
        -moz-border-radius:0px 0px 0px 0px;
        -webkit-border-radius:0px 0px 0px 0px;
        border-radius:0px 0px 0px 0px;
    }
    div.home-historia-do-brasil div.box-borda-redonda
    {
        height: 66px;
        width: 217px;
        float: right;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border-radius:0px;
        vertical-align: bottom;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
    }
    div.home-historia-do-brasil div.rio-de-janeiro
    {
        border-bottom: #34908F solid 6px;
    }
    div.home-historia-do-brasil div.brasil-monarquico
    {
        border-bottom: #C49537 solid 6px;
    }
    div.home-historia-do-brasil div.america-portuguesa
    {
        border-bottom: #85A735 solid 6px;
    }
    div.home-historia-do-brasil div.mapa-do-site
    {
        border-bottom: #884a19 solid 6px;
        display: table;
    }
}