﻿a:hover {
    text-decoration: none
}

body {
    font-family: Lato,sans-serif
}

a {
    color: #b91012
}

    a:hover {
        color: #b91012
    }

h2 {
    font-size: 30px;
    font-weight: 600
}

    h2 > a {
        color: #212529
    }

        h2 > a::after {
            content: '»';
            margin-left: 10px
        }

    h2.after-n::after {
        content: '';
        margin-left: 0
    }

    h2 span {
        font-size: 18px;
        font-weight: 400
    }

p {
    text-align: justify
}

input[type=text]::placeholder {
    color: #999
}

.p-4m {
    padding: 1.2rem !important
}

.p-3m {
    padding: .6rem !important
}

.label-adm {
    font-size: 18px;
    font-weight: bold;
}

#siteHeader {
    height: 186px;
    font-size: 16px
}

    #siteHeader > div > div > div {
        align-items: center;
        justify-content: space-between;
        display: flex;
        margin: 0 auto;
        max-width: 1290px;
        padding: 0 15px
    }

    #siteHeader > div > div:nth-child(1) {
        background: #ddd
    }

        #siteHeader > div > div:nth-child(1) > div {
            height: 60px
        }

    #siteHeader #telefone {
        align-items: center;
        color: #666;
        display: flex;
        width: 30%
    }

        #siteHeader #telefone a {
            color: #666
        }

        #siteHeader #telefone:before {
            background-image: url(/Img/sprites@2x.png);
            background-size: 181px 199px;
            background-position: 0 0;
            content: '';
            display: inline-block;
            height: 16px;
            margin-right: 5px;
            overflow: hidden;
            width: 16px
        }

    #siteHeader > div > div:nth-child(1) > div > div:nth-child(2) {
        align-items: center;
        display: flex
    }

    #siteHeader #buscaMembrosAssociese {
        width: 70%;
        justify-content: flex-end
    }

    #siteHeader #busca {
        width: 50%
    }

        #siteHeader #busca div:first-child {
            display: none
        }

        #siteHeader #busca > #buscaTextSubmit > div {
            background: #fff;
            border-radius: 18px;
            display: flex;
            height: 36px;
            width: 100%
        }

        #siteHeader #busca span {
            color: #fff;
            cursor: pointer;
            display: none;
            font-size: 55px;
            font-weight: 600;
            position: absolute;
            right: 0;
            top: 0;
            width: 60px
        }

        #siteHeader #busca input[type=text] {
            background: #fff;
            border: 0;
            border-radius: 18px 0 0 18px;
            font-size: 14px;
            height: 36px;
            line-height: 36px;
            outline: 0;
            padding: 0 10px;
            width: 100%
        }

            #siteHeader #busca input[type=text]::placeholder {
                color: #999
            }

        #siteHeader #busca input[type=image] {
            border: 0;
            height: 36px;
            outline: 0;
            padding: 8px;
            width: 36px
        }

    #siteHeader #membrosCtn {
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        line-height: 24px;
        margin: 0 25px;
        padding: 0 25px;
        position: relative;
        height: 24px;
        white-space: nowrap
    }

        #siteHeader #membrosCtn > div:first-child {
            align-items: center;
            color: #202a43;
            font-weight: 600;
            display: flex
        }

            #siteHeader #membrosCtn > div:first-child > div {
                background-image: url(/Img/sprites@2x.png);
                background-size: 181px 199px;
                background-position: -16px 0;
                content: '';
                display: inline-block;
                height: 15px;
                margin-right: 10px;
                overflow: hidden;
                width: 15px
            }

        #siteHeader #membrosCtn > #membrosDropdown {
            display: none;
            right: 0;
            padding-top: 15px;
            position: absolute;
            z-index: 9
        }

            #siteHeader #membrosCtn > #membrosDropdown > div {
                background: rgba(222,222,222,.9);
                border: 1px solid #c9c9c9;
                border-radius: 15px;
                display: flex;
                font-size: 16px;
                padding: 10px
            }

                /*#siteHeader #membrosCtn:hover > #membrosDropdown {
            display: block
        }*/

                #siteHeader #membrosCtn > #membrosDropdown > div > div:first-child {
                    border-right: 1px solid #c9c9c9;
                    margin-right: 10px;
                    padding-right: 10px
                }

            #siteHeader #membrosCtn > #membrosDropdown ul {
                font-weight: 600;
                list-style: none;
                margin: 0;
                padding: 0
            }

                #siteHeader #membrosCtn > #membrosDropdown ul li a {
                    color: #333;
                    display: block;
                    padding: 4px 8px
                }

                    #siteHeader #membrosCtn > #membrosDropdown ul li a:hover {
                        background: #b91012;
                        color: #fff
                    }

            #siteHeader #membrosCtn > #membrosDropdown label {
                font-weight: 600
            }

            #siteHeader #membrosCtn > #membrosDropdown .form-group {
                margin-bottom: .5rem
            }

            #siteHeader #membrosCtn > #membrosDropdown input[type=text] {
                border: 0;
                border-radius: 18px;
                font-size: 14px;
                height: 36px;
                line-height: 36px
            }

            #siteHeader #membrosCtn > #membrosDropdown input[type=submit] {
                background: #b91012;
                border: 0;
                border-radius: 18px;
                color: #fff;
                line-height: 36px;
                margin: 0 auto;
                padding: 0 20px
            }

            #siteHeader #membrosCtn > #membrosDropdown #esqueciMinhaSenha {
                border-bottom: 1px solid #c9c9c9;
                color: #666;
                display: block;
                font-size: 14px;
                margin: 0 20px;
                padding: 10px 0;
                text-align: center
            }

            #siteHeader #membrosCtn > #membrosDropdown .idiomas {
                display: flex;
                font-size: 0;
                justify-content: center;
                padding-top: 10px
            }

                #siteHeader #membrosCtn > #membrosDropdown .idiomas a {
                    background-image: url(/Img/sprites@2x.png);
                    background-size: 181px 199px;
                    display: inline-block;
                    height: 21px;
                    width: 21px
                }

                #siteHeader #membrosCtn > #membrosDropdown .idiomas .pt {
                    background-position: 0 -109px
                }

                #siteHeader #membrosCtn > #membrosDropdown .idiomas .en {
                    background-position: -21px -109px;
                    margin: 0 10px
                }

                #siteHeader #membrosCtn > #membrosDropdown .idiomas .es {
                    background-position: -42px -109px
                }

    #siteHeader #associeseCtn {
        z-index: 9
    }

        #siteHeader #associeseCtn > div {
            background: #d04143;
            border-radius: 18px
        }

            #siteHeader #associeseCtn > div:hover {
                margin-top: 103px
            }

        /*#siteHeader #associeseCtn > div:hover > ul {
                    display: block
                }*/

        #siteHeader #associeseCtn #associese {
            align-items: center;
            background: #b91012;
            border-radius: 18px;
            color: #fff;
            display: flex;
            font-weight: 600;
            height: 36px;
            padding: 0 35px 0 2px;
            white-space: nowrap
        }

            #siteHeader #associeseCtn #associese:before {
                transition: .3s all;
                background-image: url(/Img/sprites@2x.png);
                background-size: 181px 199px;
                background-position: -31px 0;
                content: '';
                display: inline-block;
                height: 32px;
                margin-right: 20px;
                overflow: hidden;
                width: 32px
            }

        #siteHeader #associeseCtn:hover #associese:before {
            transform: rotate(90deg)
        }

        #siteHeader #associeseCtn ul {
            display: none;
            font-size: 14px;
            height: 103px;
            list-style: none;
            margin: 0;
            padding: 15px
        }

            #siteHeader #associeseCtn ul li {
                margin-top: 5px
            }

                #siteHeader #associeseCtn ul li:first-child {
                    margin-top: 0
                }

            #siteHeader #associeseCtn ul a {
                align-content: center;
                color: #fff;
                display: flex
            }

                #siteHeader #associeseCtn ul a:before {
                    background-image: url(/Img/sprites@2x.png);
                    background-size: 181px 199px;
                    content: '';
                    display: inline-block;
                    height: 21px;
                    margin-right: 10px;
                    overflow: hidden;
                    width: 21px
                }

                #siteHeader #associeseCtn ul a.pt:before {
                    background-position: 0 -109px
                }

                #siteHeader #associeseCtn ul a.en:before {
                    background-position: -21px -109px
                }

                #siteHeader #associeseCtn ul a.es:before {
                    background-position: -42px -109px
                }

    #siteHeader > div > div:nth-child(2) {
        background: #eee;
        border-bottom: 1px solid #ddd
    }

    #siteHeader #logo {
        margin: 0;
        padding: 20px 0
    }

#menuPrincipal ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#menuPrincipal .subMenuTitle {
    cursor: default
}

#menuPrincipal a {
    color: #000;
    display: block
}

body:not(.mob) #menuPrincipal > ul {
    display: flex;
    font-size: 16px;
    position: relative
}

    body:not(.mob) #menuPrincipal > ul > li {
        margin-left: 20px
    }

        body:not(.mob) #menuPrincipal > ul > li:first-child {
            margin-left: 0
        }

        body:not(.mob) #menuPrincipal > ul > li > a {
            padding-bottom: 3px;
            white-space: nowrap
        }

        body:not(.mob) #menuPrincipal > ul > li > .subMenuTitle, body:not(.mob) #menuPrincipal > ul > li > a {
            padding: 3px 0
        }

        body:not(.mob) #menuPrincipal > ul > li.ativo > .subMenuTitle, body:not(.mob) #menuPrincipal > ul > li.ativo > a {
            border-bottom: 3px solid #b91012;
            color: #b91012;
            padding-bottom: 0
        }

#menuPrincipal .subMenu {
    visibility: hidden;
    opacity: 0;
    transition: .1s ease
}

body:not(.mob) #menuPrincipal .subMenu {
    padding-top: 15px;
    position: absolute;
    right: 0;
    z-index: 10
}

body:not(.mob) #menuPrincipal li.ativo .subMenu {
    visibility: visible;
    opacity: 1
}

body:not(.mob) #menuPrincipal .subMenu > div {
    background: #ddd;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    width: 100%
}

    body:not(.mob) #menuPrincipal .subMenu > div > div {
        margin-left: 25px
    }

        body:not(.mob) #menuPrincipal .subMenu > div > div:first-child {
            display: flex;
            justify-content: space-between;
            margin-left: 0
        }

        body:not(.mob) #menuPrincipal .subMenu > div > div .voltar {
            display: none
        }

        body:not(.mob) #menuPrincipal .subMenu > div > div > ul {
            margin-left: 25px
        }

            body:not(.mob) #menuPrincipal .subMenu > div > div > ul:first-of-type {
                margin-left: 0
            }

            .subSubMenuTitle, body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > a {
                border-bottom: 1px solid #ccc;
                font-weight: 600;
                padding: 5px 10px
            }

                body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > a:hover {
                    background: #b91012;
                    color: #fff
                }

            body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > div > ul {
                border-bottom: 1px solid #ccc;
                font-size: .9em;
                padding: 5px 15px 0
            }

                body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > div > ul > li {
                    margin-bottom: 5px
                }

                    body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > div > ul > li > a:hover {
                        color: #b91012
                    }

                    body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > div > ul > li > a:before {
                        content: '» '
                    }

                body:not(.mob) #menuPrincipal .subMenu > div > div > ul > li > div > ul.column2 {
                    column-count: 2;
                    column-gap: 20px;
                    padding-bottom: 5px
                }

body:not(.mob) #menuPrincipal #subMenuASpr.subMenu {
    left: -30px;
    right: initial
}

body:not(.mob) #menuPrincipal #subMenuEventos > div > div.coluna1 > ul:first-of-type {
    min-width: 410px
}

body:not(.mob) #menuPrincipal #subMenuEventos > div > div.coluna1 > ul:last-child {
    min-width: 200px
}

body:not(.mob) #menuPrincipal #subMenuED > div > div.coluna1 > ul:first-of-type {
    min-width: 330px
}

body:not(.mob) #menuPrincipal #subMenuED > div > div.coluna1 > ul:last-child {
    min-width: 280px
}

body:not(.mob) #menuPrincipal #subCertificados > div > div.coluna1 > ul:first-of-type {
    min-width: 310px
}

body:not(.mob) #menuPrincipal #subCertificados > div > div.coluna1 > ul:last-child {
    min-width: 300px
}

#menuPrincipal .adsense {
    color: #999;
    font-size: .7em;
    text-align: right
}

#siteHeader #menuMobileIcon {
    display: none;
    margin-right: 15px;
    width: 35px
}

#bannerCtn {
    background: #eee;
    border-bottom: 1px solid #ddd
}

    #bannerCtn > div {
        margin: 0 auto;
        max-width: 100%
    }

        #bannerCtn > div img {
            display: block;
            width: 100%
        }

.slick-arrow {
    background-color: transparent;
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    border: 0;
    color: transparent;
    font-size: 0;
    height: 45px;
    outline: 0 !important;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    width: 27px;
    z-index: 7
}

    .slick-arrow.slick-prev {
        background-position: -63px 0;
        left: -57px;
        left: 30px
    }

    .slick-arrow.slick-next {
        background-position: -90px 0;
        right: -57px;
        right: 30px
    }

#conteudoPagina {
    background: #fff;
    padding: 60px 15px;
    margin: 0 auto;
    max-width: 1290px
}

#associeseRow > div > div {
    background: url(/Img/sihueta.png) #eee no-repeat -4px 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 22px 15px 22px 100px
}

    #associeseRow > div > div a {
        align-items: center;
        background: #252e4b;
        border-radius: 18px;
        color: #fff;
        display: flex;
        font-weight: 600;
        height: 36px;
        padding: 0 0 0 2px;
        white-space: nowrap
    }

        #associeseRow > div > div a:before {
            transition: .5s all;
            background-image: url(/Img/sprites@2x.png);
            background-size: 181px 199px;
            content: '';
            display: inline-block;
            height: 32px;
            overflow: hidden;
            width: 32px
        }

        #associeseRow > div > div a:hover:before {
            transform: rotate(360deg)
        }

#botaoBR:before {
    background-position: 0 -45px
}

#botaoEN {
    font-size: 14px
}

    #botaoEN:before {
        background-position: -32px -45px
    }

#botaoES:before {
    background-position: -64px -45px
}

#associeseRow > div > div a span {
    flex-grow: 1;
    max-width: 100%;
    text-align: center
}

.box-branco, .box-cinza {
    background: #eee;
    border: solid 1px #ddd;
    border-radius: 10px;
    padding: 25px
}

.box-branco {
    background: #fff
}

#homeHighlights h3 {
    color: #b91012;
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

    #homeHighlights h3::after {
        content: '»';
        margin-left: 10px
    }

#homeHighlights h4 {
    color: #666;
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

#homeHighlights p {
    margin-bottom: 2rem
}

.botaoIcon {
    align-items: center;
    border-radius: 18px;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 36px;
    padding: 0 0 0 2px;
    white-space: nowrap
}

    .botaoIcon:before {
        transition: .5s all;
        background-image: url(/Img/sprites@2x.png);
        background-size: 181px 199px;
        content: '';
        display: inline-block;
        height: 32px;
        overflow: hidden;
        width: 32px
    }

    .botaoIcon:hover:before {
        transform: rotate(360deg)
    }

    .botaoIcon span {
        flex-grow: 1;
        max-width: 100%;
        text-align: center
    }

.fit.botaoIcon span {
    margin: 0 20px 0 15px
}

.botaoIcon.botaoIconSetaR:before {
    background-position: -31px 0
}

.botaoIcon.botaoIconBrazil:before {
    background-position: 0 -45px
}

.botaoIcon.botaoIconEspanha:before {
    background-position: -64px -45px
}

.botaoIcon.botaoIconEngland:before {
    background-position: -32px -45px
}

.botaoIcon.botaoIconBgRed {
    background: #b91012;
    color: #fff
}

.botaoIcon.botaoIconBgBlue {
    background: #252e4b
}

    .botaoIcon.botaoIconBgBlue:hover {
        color: #fff
    }

.botaoIcon.botaoIconPlay:before {
    background-position: -96px -45px
}

.botaoIcon.botaoIconRedOutline {
    border: solid 1px #b91012;
    color: #333;
    padding: 0 0 0 1px
}

.box-branco-borda, .box-cinza-borda {
    background: linear-gradient(transparent,#b91012);
    border-radius: 10px;
    padding-bottom: 2px
}

#bloco-ex-presidentes .box-branco-borda {
    max-width: 75px;
    margin: 0 auto
}

#homeDestaques p {
    margin: 0;
    text-align: center
}

#homeDestaques .img {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

    #homeDestaques .img img {
        max-width: 100%
    }

#homeDestaques {
    text-align: center
}

    #homeDestaques .destaque {
        font-size: 20px;
        font-weight: 600
    }

body .btnVermelho, body .mais-detalhes {
    background: #b91012;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    margin: 0 auto;
    padding: 0 20px
}

.btnVermelho {
    padding: 0 30px
}

    .btnVermelho.grande {
        line-height: 50px;
        font-size: 24px;
        padding: 0 50px
    }

.mais-detalhes:before {
    content: '+';
    margin-right: 5px
}

#pub-945 {
    color: #999;
    font-size: 12px
}

    #pub-945 img {
        width: 100%
    }

#homeNoticias .data {
    color: #999;
    font-size: 16px
}

#homeNoticias img {
    border: 5px solid #eee;
    border-radius: 10px;
    display: block;
    min-width: 300px;
    width: 100%
}

#homeNoticias h3 {
    color: #666;
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

#homeNoticias p {
    margin: 0
}

.leia-mais {
    color: #ba2425
}

    .leia-mais::after {
        content: '»';
        margin-left: 5px
    }

#homeEventos {
    text-align: right
}

    #homeEventos a {
        color: #999;
        display: block;
        font-size: 12px
    }

        #homeEventos a img {
            min-width: 200px;
            width: 100%
        }

    #homeEventos .col a:last-child:after {
        content: '»';
        margin-left: 5px
    }

#homeUltimasNoticias h3 {
    color: #333;
    font-size: 16px;
    text-transform: uppercase
}

#homeUltimasNoticias ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#homeUltimasNoticias.interna ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    #homeUltimasNoticias.interna ul li {
        width: 100%;
        max-width: 300px;
    }

#homeUltimasNoticias ul {
    display: flex;
    flex-wrap: wrap;
}

    #homeUltimasNoticias ul li a {
        align-items: center;
        display: flex;
        margin-bottom: 10px;
        margin-top: 10px
    }

        #homeUltimasNoticias ul li a > div {
            background: #eee;
            border: 1px solid #ddd;
            border-radius: 30px;
            color: #333;
            height: 60px;
            margin-right: 15px;
            text-align: center;
            width: 60px;
            min-width: 60px
        }

            #homeUltimasNoticias ul li a > div > span.diaMes {
                display: block;
                font-size: 24px;
                font-weight: 600;
                height: 30px;
                margin-top: 5px
            }

            #homeUltimasNoticias ul li a > div > span.diaSemana {
                display: block;
                font-size: 12px;
                font-weight: 400
            }

        #homeUltimasNoticias ul li a > span {
            color: #666;
            font-size: 14px
        }

            #homeUltimasNoticias ul li a > span:after {
                content: '»';
                margin-left: 5px
            }

        #homeUltimasNoticias ul li a:hover > div {
            background: #b91012;
            color: #fff
        }

        #homeUltimasNoticias ul li a:hover > span {
            color: #ba2425;
            text-decoration: underline
        }

#newsCtn {
    background: #b91012;
    border-radius: 10px;
    color: #fff;
    padding: 25px
}

    #newsCtn #preTitle {
        font-size: 18px
    }

    #newsCtn h2 {
        font-size: 24px
    }

    #newsCtn .form-group {
        margin-bottom: .6rem
    }

    #newsCtn input {
        border: 0;
        border-radius: 20px;
        height: 40px
    }

        #newsCtn input[type=submit] {
            background: #550506;
            color: #fff;
            outline: 0;
            width: 100%
        }

#siteFooter {
    font-size: 16px
}

    #siteFooter > div:nth-child(1) {
        background: #eee
    }

    #siteFooter > div:nth-child(2) {
        background: #ddd
    }

    #siteFooter > div > div {
        margin: 0 auto;
        max-width: 1290px;
        padding: 0 10px;
        position: relative
    }

    #siteFooter > div:nth-child(1) > div {
        padding: 30px 0
    }

    #siteFooter h6 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 1rem
    }

    #siteFooter #ft-endereco, #siteFooter #ft-horario, #siteFooter #ft-tel {
        align-items: center;
        display: flex
    }

        #siteFooter #ft-endereco:before, #siteFooter #ft-horario:before, #siteFooter #ft-tel:before {
            background-image: url(/Img/sprites@2x.png);
            background-size: 181px 199px;
            content: '';
            display: inline-block;
            overflow: hidden
        }

        #siteFooter #ft-endereco:before {
            background-position: 0 -77px;
            height: 32px;
            margin-right: 15px;
            width: 24px
        }

        #siteFooter #ft-tel:before {
            background-position: -24px -77px;
            height: 24px;
            margin-right: 15px;
            width: 24px
        }

        #siteFooter #ft-horario:before {
            background-position: -48px -77px;
            height: 30px;
            margin-right: 9px;
            width: 30px
        }

    #siteFooter #ft-menu {
        list-style: none;
        padding: 0;
        margin: 0
    }

        #siteFooter #ft-menu li {
            margin-bottom: .1rem
        }

            #siteFooter #ft-menu li a {
                color: #333
            }

                #siteFooter #ft-menu li a:before {
                    color: #ba2425;
                    content: '»';
                    margin-right: 5px
                }

    #siteFooter #ft-filiacao {
        display: inline-block
    }

#rowCopyright {
    align-items: center;
    display: flex;
    padding: 10px 0
}

    #rowCopyright p {
        color: #666;
        margin: 0;
        text-align: center;
        width: 100%
    }

#topo {
    align-items: center;
    background: #b91012;
    border-radius: 35px;
    cursor: pointer;
    display: flex;
    height: 70px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: -35px;
    width: 70px
}

.sticky {
    padding-top: 166px
}

    .sticky #siteHeader {
        background: #eee;
        border-bottom: 1px solid #ddd;
        height: 105px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1040
    }

        .sticky #siteHeader > div > div > div {
            padding: 0
        }

        .sticky #siteHeader > div {
            justify-content: space-between;
            display: flex;
            margin: 0 auto;
            max-width: 1290px;
            padding: 0 15px
        }

            .sticky #siteHeader > div > div:nth-child(1) {
                align-items: center;
                background: 0 0;
                display: flex;
                order: 1
            }

            .sticky #siteHeader > div > div:nth-child(2) {
                background: 0 0;
                border-bottom: 0;
                order: 0
            }

        .sticky #siteHeader #logo {
            padding: 10px 0
        }

        .sticky #siteHeader #telefone {
            display: none
        }

        .sticky #siteHeader #buscaMembrosAssociese {
            width: auto
        }

        .sticky #siteHeader > div > div:nth-child(2) {
            background: 0 0;
            border-bottom: 0;
            order: 0;
            flex-grow: 1
        }

        .sticky #siteHeader #membrosCtn {
            margin: 0 10px 0 15px;
            padding: 0 20px;
            order: 0
        }

        .sticky #siteHeader #busca {
            order: 1;
            width: auto
        }

            .sticky #siteHeader #busca div:first-child {
                align-items: center;
                border-right: 1px solid #c9c9c9;
                height: 24px;
                display: flex;
                margin-right: 15px;
                padding: 0 10px 0 0
            }

            .sticky #siteHeader #busca #buscaTextSubmit {
                display: none;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                z-index: 10;
                background: rgba(0,0,0,.7)
            }

                .sticky #siteHeader #busca #buscaTextSubmit input[type=image] {
                    height: 70px;
                    width: 70px
                }

            .sticky #siteHeader #busca > #buscaTextSubmit > div {
                background: 0 0;
                border-radius: 0;
                border-right: none;
                height: auto;
                justify-content: center;
                margin-right: 0;
                padding: 0
            }

            .sticky #siteHeader #busca input[type=text] {
                background: 0 0;
                border: 0;
                border-bottom: 2px solid #fff;
                border-radius: 0;
                color: #fff;
                line-height: 70px;
                height: 70px;
                font-size: 50px;
                outline: 0;
                padding: 0 10px;
                width: auto
            }

        .sticky #siteHeader #associeseCtn {
            order: 2
        }

        .sticky #siteHeader nav > ul > li:last-child {
            display: none
        }

body.sticky:not(.mob) #menuPrincipal #subMenuASpr.subMenu, body.sticky:not(.mob) #menuPrincipal #subMenuConcursos.subMenu, body.sticky:not(.mob) #menuPrincipal #subMenuPublicacoes.subMenu {
    width: auto
}

body.sticky:not(.mob) #menuPrincipal .subMenu {
    left: 0;
    width: calc(100% + 342px)
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #b91012;
    background-color: #b91012;
}

.custom-switch {
    margin-top: -40px;
}

#barraTituloCtn {
    background: url(https://cdn1.spr.org.br/img/bgTitulo.jpg) center center no-repeat;
    background-size: cover
}

    #barraTituloCtn > div {
        color: #fff;
        margin: 0 auto;
        max-width: 1290px;
        padding: 25px 15px;
    }

        #barraTituloCtn > div .breadcrumb {
            background: 0 0;
            color: #ccc;
            font-size: 14px;
            margin: 0;
            padding: 0
        }

            #barraTituloCtn > div .breadcrumb a {
                color: #ccc
            }

    #barraTituloCtn .breadcrumb-item + .breadcrumb-item::before {
        color: #ccc;
        content: "»"
    }

    #barraTituloCtn .breadcrumb-item.active {
        color: #ccc
    }

    #barraTituloCtn > div h1 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        margin: 0
    }

#sideNav {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 50px;
    padding-bottom: 60px
}

    #sideNav h2 {
        font-size: 18px;
        margin: 0;
        padding: 20px 30px
    }

        #sideNav h2:after {
            content: ''
        }

        #sideNav h2:before {
            content: '☰';
            margin-right: 10px
        }

    #sideNav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        #sideNav ul li:first-child {
            border-TOP: 1px solid #ddd
        }

        #sideNav ul li {
            border-bottom: 1px solid #ddd
        }

            #sideNav ul li a {
                display: block;
                color: #333;
                padding: 5px 30px
            }

                #sideNav ul li a:hover {
                    background: #b91012;
                    color: #fff
                }

.cdin h2 {
    font-size: 30px;
    margin-bottom: 20px
}

    .cdin h2:after {
        content: ''
    }

.cdin h3, h3.cinza {
    color: #666;
    font-size: 22px;
    margin-bottom: 15px
}

.cdin img, .cdin p {
    display: block;
    margin: 5px 0 20px;
    width: 100%
}

.collpaseRosa .tbl {
    border-radius: 0 0 15px 15px
}

.tbl {
    border: 1px solid #ddd;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 15px;
    overflow: hidden;
    width: 100%
}

    .tbl thead th {
        background: #f87979;
        color: #fff;
        font-size: 18px;
        padding: 10px 15px
    }

    .tbl td, .tbl th {
        border: 1px solid #ddd;
        padding: 10px 15px;
        vertical-align: top
    }

        .tbl th.bgCinzaEscuro {
            background: #ddd;
            color: #212529;
            font-size: 16px
        }

    .tbl .tag {
        background: #666;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
        clear: both;
        padding: 2px 7px
    }

.nav-tabs {
    border-bottom: 0;
    margin-left: 30px
}

    .nav-tabs .nav-link {
        background: #eee;
        border-bottom: 0;
        border-color: #ddd;
        border-radius: 15px 15px 0 0;
        color: #666;
        font-weight: 600;
        margin: 0 3px;
        padding: 12px 35px
    }

        .nav-tabs .nav-link.active {
            color: #b91012;
            background-color: #fff
        }

        .nav-tabs .nav-link:hover:not(.active) {
            border-color: #ddd;
            color: #333
        }

.collapseBlock {
    margin-bottom: 30px
}

    .collapseBlock > a, .collapseBlock > button {
        align-items: center;
        background: #fff;
        border: solid 1px #ddd;
        border-radius: 15px 15px 0 0;
        color: #333;
        display: flex;
        font-weight: 600
    }

        .collapseBlock > a.collapsed, .collapseBlock > button.collapsed {
            border-radius: 15px
        }

        .collapseBlock > a:before, .collapseBlock > button:before {
            content: '-';
            font-size: 40px;
            line-height: 45px;
            width: 50px;
            border-right: 1px solid #ddd;
            margin-right: 15px;
            height: 50px;
            text-align: center
        }

        .collapseBlock > a.collapsed:before, .collapseBlock > button.collapsed:before {
            content: '+'
        }

    .collapseBlock > div {
        border: 1px solid #ddd;
        border-top: 0;
        padding: 15px
    }

.collpaseBranco, .collpaseRosa {
    margin-bottom: 30px
}

    .collpaseBranco > a, .collpaseBranco > button, .collpaseRosa > a {
        align-items: center;
        background: #ff7a7b;
        border-radius: 15px 15px 0 0;
        color: #fff;
        display: flex;
        font-weight: 600;
        min-height: 50px;
        outline: 0;
        padding: 10px 10px 10px 60px;
        position: relative;
        text-align: left;
        width: 100%
    }

    .collpaseBranco > a, .collpaseBranco > button {
        background: #fff;
        border: 1px solid #ddd;
        color: #212529
    }

        .collpaseBranco > a.collapsed, .collpaseBranco > button.collapsed, .collpaseRosa > a.collapsed {
            border-radius: 15px
        }

        .collpaseBranco > a:before, .collpaseBranco > button:before, .collpaseRosa > a:before {
            content: '-';
            font-size: 40px;
            line-height: 45px;
            width: 50px;
            border-right: 1px solid #fff;
            margin-right: 15px;
            height: 50px;
            left: 0;
            position: absolute;
            text-align: center
        }

        .collpaseBranco > a:before, .collpaseBranco > button:before {
            border-right: 1px solid #ddd;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .collpaseBranco > a.collapsed:before, .collpaseBranco > button.collapsed:before, .collpaseRosa > a.collapsed:before {
            content: '+'
        }

.link-caixa-cinza {
    align-items: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 70px;
    line-height: 70px;
    padding: 0 15px
}

    .link-caixa-cinza div {
        border-left: 1px solid #ddd;
        padding-left: 15px
    }

    .link-caixa-cinza:before {
        background-image: url(/Img/sprites@2x.png);
        background-size: 181px 199px;
        background-position: 0 268px;
        content: '';
        display: inline-block;
        font-size: 40px;
        line-height: 70px;
        width: 29px;
        margin-right: 15px;
        height: 29px;
        text-align: center
    }

.fichasBtnCtn {
    display: flex
}

    .fichasBtnCtn a.botaoIcon {
        width: 160px
    }

.lastColumn {
    width: 1%;
    white-space: nowrap
}

.pagination > span {
    display: flex;
    font-size: 0;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.anterior {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.proximo {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination > span > a, .pagination > span > span {
    font-size: 16px;
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.table-responsive {
    padding: 1px
}

.modal-xl {
    max-width: 940px
}

#lbProgramacao .modal-header {
    justify-content: center
}

    #lbProgramacao .modal-header .close {
        position: absolute;
        right: 1rem
    }

.btnTabelaValores {
    align-items: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #b91012;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 70px
}

    .btnTabelaValores > div {
        align-items: center;
        border-right: 1px solid #ddd;
        display: flex;
        margin-right: 15px;
        height: 70px;
        width: 70px
    }

        .btnTabelaValores > div:before {
            background-image: url(/Img/sprites@2x.png);
            background-size: 181px 199px;
            background-position: 0 -130px;
            border-right: 1px solid #ddd;
            content: ' ';
            font-size: 40px;
            height: 29px;
            line-height: 65px;
            margin: 0 auto;
            text-align: center;
            width: 30px
        }

#fichasInscricaoBtnCtn {
    display: flex
}

    #fichasInscricaoBtnCtn a {
        margin-left: 20px;
        min-width: 170px
    }

        #fichasInscricaoBtnCtn a:first-child {
            margin-left: 0
        }

.empresasCtn {
    justify-content: center;
}

    .empresasCtn > div {
        display: flex
    }

        .empresasCtn > div > div {
            align-items: center;
            display: flex;
            /*min-height: 200px;*/
            width: 100%
        }

            .empresasCtn > div > div a {
                /*display: flex;*/
                height: 100%;
                align-items: center;
                width: 100%;
                font-weight: 600;
                text-align: center;
                color: #333;
                font-size: 16px;
            }

            .empresasCtn > div > div img {
                display: block;
                margin: 0 auto;
                width: auto;
                max-width: 100%;
            }

@media (min-width: 576px) {
    .row.rowFive .col {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

#bloco-relacionamento .box-branco {
    min-height: 355px
}

    #bloco-relacionamento .box-branco h3 {
        color: #b9313a;
        font-size: 18px;
        font-weight: 600;
        text-align: center
    }

    #bloco-relacionamento .box-branco p {
        margin: 0;
        text-align: center
    }

#bloco-como-associar .box-branco, #bloco-quem-somos .box-branco {
    background: url(https://cdn1.spr.org.br/img/bgComoSeAssociar.png) 110% 50px no-repeat,url(https://cdn1.spr.org.br/img/bgComoSeAssociar-2.jpg) 0 0
}

#bloco-como-associar img {
    margin-right: 20px
}

#bloco-como-associar h4 {
    font-size: 17px;
    font-weight: 600;
    height: 56px
}

#bloco-como-associar p {
    text-align: left;
    line-height: 25px
}

    #bloco-como-associar p.lh19 {
        line-height: 19px
    }

    #bloco-como-associar p.lh37 {
        line-height: 38px
    }

#bloco-como-associar .div {
    background: #b93139;
    height: 2px;
    width: 65%
}

#bloco-como-associar .btnVermelho {
    padding: 0 60px
}

#bloco-quem-somos .box-branco {
    background: url(https://cdn1.spr.org.br/img/bgComoSeAssociar.png) right -50px bottom -33px no-repeat,url(https://cdn1.spr.org.br/img/bgComoSeAssociar-2.jpg) 0 0;
    min-height: 375px
}

#bloco-quem-somos h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

#bloco-quem-somos .img {
    align-items: center;
    display: flex;
    height: 128px;
    justify-content: center
}

#bloco-quem-somos .div {
    background: #b93139;
    height: 2px;
    margin: 0 auto;
    width: 40px
}

#bloco-quem-somos p {
    margin: 0;
    text-align: center
}

.vermelho {
    color: #b91012
}

#barraIdioma {
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    right: 15px;
    top: -45px
}

    #barraIdioma a {
        transition: .5s all;
        background-image: url(/Img/sprites@2x.png);
        background-size: 181px 199px;
        content: '';
        display: inline-block;
        height: 32px;
        margin-left: 5px;
        overflow: hidden;
        width: 32px
    }

        #barraIdioma a.pt-br {
            background-position: 0 -45px
        }

        #barraIdioma a.en-us {
            background-position: -32px -45px
        }

        #barraIdioma a.es-es {
            background-position: -64px -45px
        }

#barraTituloCtn.tituloAssociese {
    background: url(https://cdn1.spr.org.br/img/bgAssociese.jpg) center center no-repeat
}

#barraTituloCtn.tituloAssocieseEn {
    background: url(https://cdn1.spr.org.br/img/bgAssocieseEn.jpg) center center no-repeat
}

#barraTituloCtn.tituloAssocieseEs {
    background: url(https://cdn1.spr.org.br/img/bgAssocieseEs.jpg) center center no-repeat
}

#barraTituloCtn.tituloGenerico {
    background: url(https://cdn1.spr.org.br/img/bgGenerico.jpg) center center no-repeat
}

#barraTituloCtn.tituloMembros {
    background: url(https://cdn1.spr.org.br/img/membro-spr.jpg) center center no-repeat
}

#barraTituloCtn.tituloMembrosEn {
    background: url(https://cdn1.spr.org.br/img/membro-spr-en.jpg) center center no-repeat
}

#barraTituloCtn.tituloMembrosEs {
    background: url(https://cdn1.spr.org.br/img/membro-spr-es.jpg) center center no-repeat
}

#bloco-ex-presidentes, #bloco-membros, #bloco-parcerias {
    text-align: center
}

    #bloco-ex-presidentes .box-branco, #bloco-membros .box-branco {
        padding: 0
    }

.box-branco.img-box {
    padding: 0
}

#bloco-parcerias .box-branco {
    padding: 10px
}

    #bloco-ex-presidentes .box-branco img, #bloco-membros .box-branco img, #bloco-parcerias .box-branco img, .box-branco.img-box img {
        border-radius: 10px;
        display: block;
        width: 100%
    }

.box-branco.img-box img {
    width: auto
}

#bloco-membros h3 {
    font-size: 18px;
    font-weight: 600
}

#bloco-ex-presidentes h3 {
    font-size: 14px;
    font-weight: 600
}

#bloco-ex-presidentes span {
    font-size: 14px
}

#bloco-ex-presidentes .div, #bloco-membros .div, #bloco-parcerias .div, .radiologia .div {
    background: #b93139;
    height: 2px;
    margin: 0 auto;
    width: 30px
}

#listaEventos {
    text-align: center
}

    #listaEventos img {
        display: block;
        width: 100%
    }

    #listaEventos span {
        color: #212529;
        font-weight: 600
    }

.radiologia h4 {
    font-size: 18px;
    font-weight: 600
}

.fit {
    width: fit-content
}

.cdin .box-cinza h3.cinza {
    font-size: 22px;
    font-weight: 600
}

.cdin .box-cinza img {
    margin: 0
}

#mapa {
    border: 1px solid #ced4da;
    height: 300px;
    width: 100%
}

#listaPublicacoes iframe {
    max-width: 100%
}

#badgesApp {
    margin-top: -20px
}

    #badgesApp a {
        display: block;
        margin-bottom: 10px
    }

        #badgesApp a img {
            display: block;
            margin: 0 auto;
            max-width: 200px
        }

.card {
    border-left: 5px solid #b91012
}

.searchResultItem .link {
    color: #007bff
}

.searchResultItem .tipo {
    color: #007bff;
    border: 1px solid #007bff;
    margin-right: 5px
}

.icon-bar {
    left: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

#menuPrincipal .icon-bar a {
    display: block;
    text-align: center;
    padding: 10px 15px;
    transition: all .3s ease;
    color: #fff;
    font-size: 24px
}

.facebook {
    background: #3b5998;
    color: #fff
}

.twitter {
    background: #55acee;
    color: #fff
}

.instagram {
    background: #f77737;
    color: #fff
}

.youtube {
    background: #b00;
    color: #fff
}
