@font-face {
    font-family: 'PT Sans Caption';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTC55F.ttf"); /*if IE */
    src: local("PT Sans Caption"), url("../content/fonts/PTSANS/PTC55F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTN57F.ttf"); /*if IE */
    src: local("PT Sans Narrow"), url("../content/fonts/PTSANS/PTN57F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTS55F.ttf"); /*if IE */
    src: local("PT Sans"), url("../content/fonts/PTSANS/PTS55F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans Caption Bold';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTC75F.ttf"); /*if IE */
    src: local("PT Sans Caption Bold"), url("../content/fonts/PTSANS/PTC75F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans Narrow Bold';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTN77F.ttf"); /*if IE */
    src: local("PT Sans Narrow Bold"), url("../content/fonts/PTSANS/PTN77F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTS56F.ttf"); /*if IE */
    src: local("PT Sans Italic"), url("../content/fonts/PTSANS/PTS56F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTS75F.ttf"); /*if IE */
    src: local("PT Sans Bold"), url("../content/fonts/PTSANS/PTS75F.ttf") format("truetype"); /* non-IE */
}

@font-face {
    font-family: 'PT Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url("../content/fonts/PTSANS/PTS76F.ttf"); /*if IE */
    src: local("PT Sans Bold Italic"), url("../content/fonts/PTSANS/PTS76F.ttf") format("truetype"); /* non-IE */
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings  <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html, body {
    min-height: 100%;
    height: auto !important;
}

body {
    margin: 0px;
    text-align: center;
    color: #363636;
    font-family: 'PT Sans';
    font-size: 14px;
    line-height: 20px;
    background-color: #f4f4f4;
}

a {
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

    a img {
        border: none;
    }

    a:hover img {
        border: none;
    }

.hide {
    display: none;
}

/* ------------------------------------------------------------------------ Div principal */
#main {
    background-color: #FFFFFF;
    margin: 0px auto;
    position: relative;
    z-index: 50;
    text-align: left;
}

/* ------------------------------------------------------------------------ Topo  */
#topo {
    border: 0px;
    padding: 0px;
    width: 100%;
}

    #topo #parte0 {
        width: 100%;
        vertical-align: top;
        background-color: #f4f4f4;
        border-bottom: 1px solid #ffffff;
    }

        #topo #parte0 #esquerda0 {
            width: 40%;
            float: left;
            height: 99px;
        }

#esquerda a {
    text-decoration: none;
}

#topo #parte0 #direita0 {
    width: 60%;
    height: 99px;
    float: left;
    text-align: right;
}

    #topo #parte0 #direita0 a, #topo #parte0 #direita0 a:hover {
        text-decoration: none;
    }

    #topo #parte0 #direita0 #cima {
        height: 49px;
        padding: 0px;
        margin: 0px;
        float: right;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }

        #topo #parte0 #direita0 #cima #cima_idioma_pt, #topo #parte0 #direita0 #cima #cima_pesquisar, #topo #parte0 #direita0 #cima #cima_inf, #topo #parte0 #direita0 #cima #cima_fb {
            float: right;
        }

            #topo #parte0 #direita0 #cima #cima_fb, #topo #parte0 #direita0 #cima #cima_fb:hover, #topo #parte0 #direita0 #cima #cima_pesquisar, #topo #parte0 #direita0 #cima #cima_pesquisar:hover, #topo #parte0 #direita0 #cima #cima_inf, #topo #parte0 #direita0 #cima #cima_inf:hover {
                width: 49px;
                background-size: 49px;
            }

        #topo #parte0 #direita0 #cima a, #topo #parte0 #direita0 #cima a:hover {
            width: 49px;
            height: 49px;
            display: block;
        }

        #topo #parte0 #direita0 #cima #cima_idioma_pt {
            background-image: url("../images/menu_topo/portugues.jpg");
            width: 148px;
            background-size: 148px 49px;
        }

        #topo #parte0 #direita0 #cima #cima_fb {
            background-image: url("../images/menu_topo/facebook_1920.jpg");
        }

            #topo #parte0 #direita0 #cima #cima_fb:hover {
                background-image: url("../images/menu_topo/facebook_1920_over.png");
            }

        #topo #parte0 #direita0 #cima #cima_pesquisar {
            background-image: url("../images/menu_topo/pesquisar_1920.jpg");
        }

            #topo #parte0 #direita0 #cima #cima_pesquisar:hover {
                background-image: url("../images/menu_topo/pesquisar_1920_over.png");
            }

        #topo #parte0 #direita0 #cima #cima_inf {
            background-image: url("../images/menu_topo/informacoes_1920.jpg");
        }

            #topo #parte0 #direita0 #cima #cima_inf:hover {
                background-image: url("../images/menu_topo/informacoes_1920_over.png");
            }

#logosfooter {
    width: 100%;
    height: 85px;
    background-color: #ffffff;
}

#footer1, #footer1 a {
    width: 335px;
    height: 85px;
}

#footer2, #footer2 a {
    width: 186px;
    height: 85px;
}

#footer3, #footer3 a {
    width: 574px;
    height: 85px;
}

#footer1, #footer2, #footer3 {
    float: left;
}

#footer1 {
    background-image: url("../images/entrada/logos_fotter/1_gov_of.jpg");
    background-repeat: no-repeat;
}

    #footer1:hover {
        background-image: url("../images/entrada/logos_fotter/1_gov_on.jpg");
        background-repeat: no-repeat;
    }

#footer2 {
    background-image: url("../images/entrada/logos_fotter/2_ccrn_of.jpg");
    background-repeat: no-repeat;
}

    #footer2:hover {
        background-image: url("../images/entrada/logos_fotter/2_ccrn_on.jpg");
        background-repeat: no-repeat;
    }

#footer3 {
    background-image: url("../images/entrada/logos_fotter/3_on2_of.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

    #footer3:hover {
        background-image: url("../images/entrada/logos_fotter/3_on2_on.jpg");
        background-repeat: no-repeat;
    }

#topo #parte0 #direita0 #baixo {
    height: 49px;
    padding: 0px;
    margin: 0px;
    float: right;
    border-top: 1px solid #FFFFFF;
    width: 100%;
    color: #363636;
}

    #topo #parte0 #direita0 #baixo a {
        color: #363636;
        text-decoration: none;
        display: block;
    }

    #topo #parte0 #direita0 #baixo div {
        border-right: 1px solid #FFFFFF;
        float: right;
        height: 49px;
        width: 99px;
        text-align: center;
        vertical-align: middle;
        color: #ffffff;
    }

        #topo #parte0 #direita0 #baixo div a:hover {
            color: #ffffff;
        }

    #topo #parte0 #direita0 #baixo .div_cr a:hover {
        background-color: #928672;
    }

    #topo #parte0 #direita0 #baixo .div_o a:hover {
        background-color: #7b66a1;
    }

    #topo #parte0 #direita0 #baixo .div_t a:hover {
        background-color: #3d9c6b;
    }

    #topo #parte0 #direita0 #baixo .div_r a:hover {
        background-color: #517ea5;
    }

    #topo #parte0 #direita0 #baixo .div_e a:hover {
        background-color: #c50202;
    }

    #topo #parte0 #direita0 #baixo .div_c a:hover {
        background-color: #c59a3b;
    }
/* ------------------------------------------------------------------------ Conteudo  */
#conteudo {
    border: 0px;
    padding: 0px;
    width: 100%;
    vertical-align: top;
    text-align: left;
    clear: both;
    margin-bottom: 0px;
    min-height: 350px;
}

#conteudo_l1, #conteudo_l2, #conteudo_l3 {
    width: 100%;
}

    #conteudo_l1 img {
        width: 100%;
    }

    #conteudo_l1 a {
        display: block;
        width: 215px;
        height: 145px;
    }

    #conteudo_l1 div#img_link {
        position: absolute;
        bottom: 20%;
        float: right;
        right: 0px;
        width: 60%;
    }

        #conteudo_l1 div#img_link div, #conteudo_l1 div#img_link div a {
            display: block;
            position: relative;
            float: left;
            height: 145px;
            width: 215px;
            margin-right: 19px;
        }

#conteudo_l2 {
    height: 80px;
}

#conteudo_l3 {
    height: 0px;
}

.item {
    width: 95px;
    height: 80px;
    float: left;
}

    .item a {
        display: block;
    }

    .item img, .img_wrapper {
        width: 95px;
        border-right: 1px solid #ffffff;
        height: auto;
    }

/* ------------------------------------------------------------------------ Footer  */
#footer {
    margin: 0px auto;
    text-decoration: none;
    text-align: left;
    background-color: #f4f4f4;
    width: 100%;
    height: 85px;
}

    #footer a {
        text-decoration: none;
        color: #363636;
        display: inline-block;
    }

        #footer a:hover {
            text-decoration: underline;
            display: inline-block;
        }

/*mapa*/
#map_canvas {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

    #map_canvas .info_window {
        max-width: 200px;
        min-width: 150px;
        max-height: 200px;
        min-height: 150px;
        overflow-x: hidden;
    }

        #map_canvas .info_window img, .mapa_img {
            max-height: 110px !important;
            max-width: 110px !important;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        #map_canvas .info_window a {
            max-width: 170px !important;
        }

/* ------------------------------------------------------------- Menu Lateral*/
#menulat {
    float: left;
    position: absolute;
    left: 0;
    top: 7px;
    display: none;
    z-index: 1000;
    background-color: #ffffff;
    height: 100px;
    margin-left: 10px;
}

#menulat_a {
    position: absolute;
    z-index: 1;
    top: 20px;
    float: left;
    left: 20px;
    width: 100px;
    height: 40px;
}

.divmenub {
    display: none;
}

.divmenu {
    position: absolute;
    z-index: 1001;
    background-color: #666666;
    border: 1px solid #666666 !important;
    border: 0;
    box-sizing: border-box;
    font-family: inherit;
    text-align: left;
    outline: none;
    vertical-align: baseline;
    color: #bcbdc0;
    top: 1em;
    padding: 5px;
}

.divtopL {
    width: 140px;
    height: 25px;
    margin: 10px 5px 5px 5px;
    line-height: 20px;
}

div.divtopL a {
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 30px;
}

    div.divtopL a.active, div.divtopL a:hover, div.divtopL a:focus {
        color: #ffffff !important;
        background-color: #999999;
    }

.openML {
    position: absolute;
    z-index: 1002;
    z-index: 1;
    top: 0;
    float: left;
    left: 10px;
    width: 100px;
    height: 40px;
}

.square_casas, .square_escritores, .square_roteiros, .square_temas, .square_obras, .square_cronologia, .square_black {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 10px;
    padding: 5px;
    line-height: 20px;
}

.square_casas {
    background-color: #c59a3b;
}

.square_obras {
    background-color: #7b66a1;
}

.square_escritores {
    background-color: #c50202;
}

.square_roteiros {
    background-color: #517ea5;
}

.square_cronologia {
    background-color: #928672;
}

.square_temas {
    background-color: #3d9c6b;
}

.square_black {
    background-color: #000000;
}

/* Video entrada */
#bg video {
    width: 100%;
}

#bg {
    width: 100% !important;
    height: auto;
}

/* rodapé */
.rodape_inf {
    font-weight: normal;
    font-size: 12px;
}

    .rodape_inf div:first-of-type, .rodape_inf div:nth-child(2) {
        float: left;
        padding-left: 25px;
        line-height: 40px;
    }

    .rodape_inf div:last-of-type {
        float: right;
        padding-right: 25px;
    }

    .rodape_inf a {
        text-decoration: none;
        color: #000000;
    }

        .rodape_inf a:hover {
            text-decoration: underline;
        }

/* -------------------------------------------------------------------------------------*/
/* diferentes screens 1920-1080, 1280-800,1024-768,352-310  */
@media screen and (max-width: 352px) {
    #main {
        width: 330px;
    }

    #topo #parte0 {
        height: 78px;
    }

        #topo #parte0 #esquerda0 {
            background-image: url("../images/menu_topo/topo_310.jpg");
            width: 310px;
            height: 78px;
        }

        #topo #parte0 #direita0, #topo #parte0 #direita0 div {
            display: none;
        }

    .divmenub {
        display: block;
    }
}

@media screen and (max-width: 768px) and (min-width:353px) {
    #main {
        width: 680px;
    }

    #topo #parte0, #topo #parte0 #esquerda0 {
        height: 79px;
    }

        #topo #parte0 #esquerda0 {
            background-image: url("../images/menu_topo/topo_310.jpg");
            width: 310px;
        }

        #topo #parte0 #direita0, #topo #parte0 #direita0 div#cima {
            width: 369px;
            height: 79px;
        }

    #conteudo .cdireita {
        margin-top: 50px;
    }

    #topo #parte0 #direita0 {
        width: 369px;
    }

        #topo #parte0 #direita0 div#baixo {
            display: none;
        }

        #topo #parte0 #direita0 #cima div {
            height: 38px;
        }

        #topo #parte0 #direita0 #cima #cima_fb, #topo #parte0 #direita0 #cima #cima_fb:hover, #topo #parte0 #direita0 #cima #cima_pesquisar, #topo #parte0 #direita0 #cima #cima_pesquisar:hover, #topo #parte0 #direita0 #cima #cima_inf, #topo #parte0 #direita0 #cima #cima_inf:hover {
            width: 38px;
            background-size: 38px;
        }

        #topo #parte0 #direita0 #cima #cima_idioma_pt {
            width: 120px;
            background-size: 120px 38px;
        }

    .divmenub {
        display: block;
    }
}

@media screen and (max-width: 1024px) and (min-width:769px) {
    #main {
        width: 1000px;
    }

    #topo #parte0 {
        height: 99px;
    }

        #topo #parte0 #esquerda0 {
            background-image: url("../images/menu_topo/topo_1024.jpg");
            width: 400px;
            height: 99px;
        }

        #topo #parte0 #direita0 #cima, #topo #parte0 #direita0 #cima div, #topo #parte0 #direita0 #baixo, #topo #parte0 #direita0 #baixo div {
            height: 49px;
            line-height: 49px;
        }

            #topo #parte0 #direita0 #baixo div {
                width: 99px;
                line-height: 49px;
            }

    #conteudo_l1 div#img_link div, #conteudo_l1 div#img_link div a {
        width: 162px;
    }

    #topo #parte0 #direita0 #baixo div span {
        font-size: 15px;
    }

    #logosfooter {
        height: 69px;
    }

    #footer1, #footer1 a {
        width: 393px;
        height: 69px;
    }

    #footer2, #footer2 a {
        width: 149px;
        height: 69px;
    }

    #footer3, #footer3 a {
        width: 455px;
        height: 69px;
    }

    .item {
        width: 90px;
        height: 80px;
        float: left;
    }

        .item a {
            display: block;
        }

        .item img, .img_wrapper {
            width: 97px;
            border-right: 1px solid #ffffff;
            height: auto;
        }
}

@media screen and (min-width:1025px) {
    #main {
        width: 1262px;
    }

    #topo #parte0 {
        height: 126px;
    }

        #topo #parte0 #esquerda0 {
            background-image: url("../images/menu_topo/topo_1280.jpg");
            width: 504px;
            height: 126px;
            background-size: 504px;
        }

        #topo #parte0 #direita0 {
            height: 126px;
        }

            #topo #parte0 #direita0 #cima, #topo #parte0 #direita0 #cima div {
                height: 63px;
                line-height: 63px;
            }

            #topo #parte0 #direita0 #baixo, #topo #parte0 #direita0 #baixo div {
                height: 63px;
                line-height: 63px;
            }

            #topo #parte0 #direita0 #cima #cima_idioma_pt {
                width: 189px;
                background-size: 189px;
            }

            #topo #parte0 #direita0 #cima #cima_pesquisar, #topo #parte0 #direita0 #cima #cima_pesquisar:hover, #topo #parte0 #direita0 #cima #cima_inf, #topo #parte0 #direita0 #cima #cima_inf:hover, #topo #parte0 #direita0 #cima #cima_fb, #topo #parte0 #direita0 #cima #cima_fb:hover {
                width: 63px;
                background-size: 63px;
            }

            #topo #parte0 #direita0 #cima a, #topo #parte0 #direita0 #cima a:hover {
                width: 63px;
                height: 63px;
                display: block;
            }

            #topo #parte0 #direita0 #baixo div {
                width: 125px;
                line-height: 62px;
            }

                #topo #parte0 #direita0 #baixo div span {
                    font-size: 18px;
                }

    /*
    #conteudo_l2 {
        height: 93px;
    }
*/
    .item {
        width: 114px;
        height: 93px;
    }

        .item img, .img_wrapper {
            width: 115px;
            height: auto;
        }

    .item {
        width: 114px;
        height: 100px;
    }
}