/* CSS Document*/

@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 */
}

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


body {
    overflow: hidden;
    background-color: var(--main-bg-color-list);
}
#conteudo a.alinks, #conteudo a.alinks:hover, #linguas a, #linguas a:hover, #bpesquisa a, #bpesquisa a:hover{
    text-decoration: none;
}

footer {
    height: 30px;
    margin: 0 !important;
}

    footer div {
        vertical-align: middle;
        line-height: 30px;
        height: 30px;
        font-size: 0.9em;
    }

    footer img {
        height: 20px;
        width: auto;
        border: none;
    }

#preFooter {
    width: 100%;
}


.divmenub img {
    height: 1.5em;
    border: none;
}

.divmenu a {
    color: #bcbdc0;
}

    .divmenu a.active, .divmenu a:hover, .divmenu a:focus {
        color: #b20303;
        border: none;
        outline: none;
    }


/* Idioma */
#linguas {
    top: 2em;
    right: 0em;
    float: right;
    padding-right: 20px;
    position: absolute;
}

    #linguas a {
        color: #000000;
        text-decoration: none;
        height: 1em;
        float: left;
        line-height: 1em;
    }

        #linguas a:hover {
            color: #b40200;
            text-decoration: none;
            height: 1em;
            float: left;
        }

#bpesquisa {
    /*top: 112px;*/
    right: 0em;
    float: right;
    padding-right: 20px;
    line-height: 1em;
    /*position: absolute;*/
    padding-top: 10px;
}

    #bpesquisa a {
        text-decoration: none;
        height: 1em;
        float: left;
        line-height: 1em;
    }

        #bpesquisa a:hover {
            text-decoration: none;
            filter: invert(27%) saturate(2878%) hue-rotate(346deg) brightness(10%) contrast(97%);
            fill: #fff;
            height: 1em;
            float: left;
        }

.class_img {
    width: 100%;
}

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

.divmenu {
    position: absolute;
    z-index: 1001;
    top: 0px;
    background-color: #666666;
    padding: 5px;
    border: 1px solid #666666 !important;
}

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

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

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

.openML {
    width: 40px;
    height: 25px;
}

/*/* Carousel slider */
.scontainer {
    overflow: hidden;
}
.scontainer #slider {
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
}

    .scontainer #slider .slide {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        /*transition: opacity 600ms ease-in-out;*/
        transition: width 0s, height 0s;
    }

        .scontainer #slider .slide.active {
            opacity: 1;
            position: relative;
            z-index: 1;
        }

    .scontainer #slider .slider-arrows, .scontainer #slider .content {
        height: 0;
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
    }

        .scontainer #slider .slider-arrows div, .scontainer #slider .content div {
            margin: 0 auto;
            visibility: hidden;
        }


        .scontainer #slider .slider-arrows a {
            position: relative;
            top: -1rem;
            visibility: visible;
            cursor: pointer;
            height: 27px;
            width: 17px;
            display: block;
            z-index: 100;
        }

            .scontainer #slider .slider-arrows a:hover {
                background-position: center bottom;
            }

.scontainer .slide .image
{
    margin: 0 auto;
    height: 100%!important;
}

    .scontainer .slide .image img {
        display: block;
        /*margin-right: auto;
        margin-left: auto;*/
        /*height: auto;*/
        width: 100%;
    }

section .scontainer #slider .content div div {
    float: right;
    margin-right: 2rem;
}

    .scontainer #slider .content > div {
        margin: 0 auto;
    }

    .scontainer #slider .slider-controls {
        height: 0;
        position: absolute;
        right: 1em;
        width: 100%;
        top: 1em;
        z-index: 2;
    }

.scontainer #slider .slider-arrows .right {
    background: url(../images/next.svg) no-repeat center top;
    width: 2em;
    height: 2em;
    float: right;
    margin-right: 2rem;
}

    .scontainer #slider .slider-arrows .left:hover, .scontainer #slider .slider-arrows .right:hover {
        filter: invert(27%) saturate(2878%) hue-rotate(346deg) brightness(10%) contrast(1%);
    }

.scontainer #slider .slider-arrows .left {
    background: url(../images/last.svg) left top repeat-y;
    width: 2em;
    height: 2em;
    float: left;
    margin-left: 2rem;
}

        .scontainer #slider .slider-controls ul {
            margin: 0 auto;
            text-align: right;
        }

        .scontainer #slider .slider-controls li {
            display: inline-block;
            padding: 0;
        }

            .scontainer #slider .slider-controls li span {
                background-color: #4F525F;
                /*border-radius: 10px;*/
            }

            .scontainer #slider .slider-controls li.active span {
                background-color: var(--main-bg-color);
            }

        .scontainer #slider .slider-controls a {
            display: block;
            cursor: pointer;
            padding: .4rem 0 .4rem .4rem;
            height: 18px;
        }

        .scontainer #slider .slider-controls span {
            display: block;
            background-color: rgba(255,255,255,0.2);
            height: 0.7em;
            width: 0.7em;
        }

    .scontainer #slider .content > div {
        display: table-cell;
        vertical-align: bottom;
    }

    .scontainer #slider .slide {
        min-height: inherit;
        height: 100%;
        width: auto;
    }

    .scontainer #slider .links {
        background: transparent;
        position: relative;
        right: 0;
        z-index: 100;
        bottom: 3em;
        float: right;
    }

        .scontainer #slider .links a img {
            position: relative;
            margin-right: 9em;
        }

    #conteudo a.alinks /*, footer a.alinks*/ {
        color: #666666 !important;
    }

        #conteudo a.alinks:hover /*, footer a.alinks:hover*/ {
            border-bottom: 1px solid #666666 !important;
        }

    #conteudo a:hover img, a.alinks img:hover {
        border: none;
    }

    .faixa_carousel {
        position: fixed;
        bottom: 80px;
        left: 0;
        width: 100%;
        background-color: rgba(240, 240, 240,0.5);
        z-index: 10000;
    }

        .faixa_carousel p, .faixa_carousel h2 {
            color: #000000;
            padding: 20px;
        }

            .faixa_carousel p span {
                font-size: 24px;
            }
input[type=text] {
    width: 130px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(searchicon.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
    /* When the input field gets focus, change its width to 100% */
    input[type=text]:focus {
        width: 100%;
    }

.logoimg {
    margin-bottom: 0px !important;
    margin-top: 1em !important;
    margin-left: 1em !important;
    padding-bottom: 1em !important;
}

/* ####################### */
/* ####################### */
/* ####################### */
/*@media screen and (max-width: 785px) {
    header .divmenub {
        float: none;
    }
}*/
/*@media screen and (min-width: 1020px) {
    header {
        height: 117px;
    }
}*/

    /* Mobile  & ipad
    @media screen and (min-width: 29.75rem) and (max-width: 52.499rem) {
        .barra {
            display: none;
        }

        .scontainer #slider.content {
            top: 40%;
        }
    }*/

    /* desktop 1024*/
    @media screen and (min-width: 52.5rem) {
        .scontainer #slider .content {
            display: table;
            min-height: inherit;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
        }

            .scontainer #slider .content > div > div {
                min-height: 0 !important;
            }

        .scontainer #slider {
            min-height: inherit;
            height: inherit;
        }

            .scontainer #slider .content {
                display: table;
                min-height: inherit;
                height: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
            }

                .scontainer #slider .content > div > div {
                    width: 100%;
                    box-sizing: content-box;
                }

                    .scontainer #slider .content > div > div:after, .scontainer #slider .content > div > div:before {
                        content: "";
                        display: block;
                        height: 100%;
                        text-align: right;
                        top: 0;
                    }

            .scontainer #slider .slider-controls li span {
                background-color: #4F525F;
                /*border-radius: 10px;*/
            }

            .scontainer #slider .slider-controls li.active span {
                background-color: var(--main-bg-color);
            }

            .scontainer #slider .slider-controls a {
                display: block;
                cursor: pointer;
                padding: .4rem 0 .4rem .4rem;
                height: 18px;
            }

            .scontainer #slider .slider-controls span {
                display: block;
                background-color: rgba(255,255,255,0.2);
                height: 0.7em;
                width: 0.7em;
            }
    }


@media screen and (max-width: 980px) {
    .scontainer #slider .slider-controls span {
        display: none;
    }
}


@media screen and (min-width: 641px) and (max-width: 840px) {

    .scontainer {
        margin-top: 1.5%;
    }

        .scontainer #slider .slider-arrows .right {
            margin-right: 0.5rem;
        }

        .scontainer #slider .slider-arrows .left {
            margin-left: 0.5rem;
        }
}


@media screen and (min-width: 481px) and (max-width: 640px) {

    .scontainer {
        margin-top: 2%;
    }

        .scontainer #slider .slider-arrows .right {
            margin-right: 0.5rem;
        }

        .scontainer #slider .slider-arrows .left {
            margin-left: 0.5rem;
        }
}


@media screen and (max-width: 480px) {

    .scontainer {
        margin-top: 3%;
    }

        .scontainer #slider .slider-controls span {
            display: block;
            background-color: rgba(255,255,255,0.2);
            height: 0.5em;
            width: 0.5em;
        }

        .scontainer #slider .slider-controls {
            right: 1em;
        }

        .scontainer #slider .links {
            bottom: 1.5em;
        }
}


/* Mobile*/
@media screen and (max-width: 29.749rem) {
    .barra {
        display: none;
    }

    .scontainer #slider .slider-arrows .left {
        margin-left: 0.5rem;
        font-size: 0.6em;
    }

    .scontainer #slider .slider-arrows .right {
        margin-right: 0.5rem;
        font-size: 0.6em;
    }
}