﻿section.more {
    background: #0286CB url(../../images/Guia/bg06-5.jpg) no-repeat top right fixed;
    background-size: contain;
}

    section.more article {
        background-color: rgba(2, 134, 203, .85);
    }

    section.more .pagination .scroller {
        color: #fff;
    }

    section.more table.table th {
        font-family: 'sanuklf-medium';
        color: #00476c;
        background-color: rgba(255, 255, 255, .5);
    }

    section.more table.table-bordered,
    section.more table.table-bordered > tbody > tr > td,
    section.more table.table-bordered > tbody > tr > th,
    section.more table.table-bordered > tfoot > tr > td,
    section.more table.table-bordered > tfoot > tr > th,
    section.more table.table-bordered > thead > tr > td,
    section.more table.table-bordered > thead > tr > th {
        border: 1px solid rgba(255, 255, 255, .5);
        vertical-align: middle;
    }

    section.more table.table {
        color: #fff;
        background-color: #0286CB;
    }

section#como-funciona h2, section#como-funciona h4 {
    color: #0090D6;
}

section#como-funciona hr.row {
    border-color: #0090D6;
}

section#como-funciona a.btn {
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #0090D6;
    border: 4px solid #006ea4;
    -moz-transition: linear 0.2s;
    -o-transition: linear 0.2s;
    -webkit-transition: linear 0.2s;
    transition: linear 0.2s;
}

    section#como-funciona a.btn:hover {
        background-color: #fff;
        border: 4px solid #0090D6;
        color: #0090D6;
    }

    section#como-funciona a.btn i.fa {
        margin-top: 5px;
    }

section#como-funciona .pagination {
    background-color: transparent;
}

    section#como-funciona .pagination .scroller {
        color: #0090D6;
    }

section#retidos {
    background-color: #E2016B;
}

    section#retidos .pagination {
        background-color: transparent;
    }

        section#retidos .pagination .scroller {
            color: #fff;
        }

section#identificacao {
    background: #E2016B url(../../images/Guia/bg06-3.jpg) no-repeat top right fixed;
    background-size: contain;
}

section.white h2,
section.white h3,
section.white h4,
section.white h5,
section.white p,
section.white a,
section.white li,
section.more h2,
section.more h3,
section.more h4,
section.more h5,
section.more p,
section.more a,
section.more li {
    color: #fff;
}

section.white hr.row,
section.more hr.row {
    border-color: #fff;
}

section#checar-valores {
    background: #0390D8 url(../../images/Guia/bg06-4.jpg) no-repeat bottom left fixed;
    background-size: contain;
}

    section#checar-valores span.badge {
        background-color: #fff;
        color: #0390D8;
        margin-right: 10px;
        vertical-align: top;
    }

    section#checar-valores .legendas p {
        font-family: 'sanuklf-medium';
        font-size: 13px;
    }

        section#checar-valores .legendas p span {
            display: inline-block;
        }

    section#checar-valores img.img-responsive {
        max-height: 80vh;
        margin-top: 4%;
        box-shadow: rgba(0, 0, 0, .4) 0 10px 30px;
    }

    section#checar-valores a {
        text-decoration: none !important;
    }

        section#checar-valores a figure figcaption {
            margin-top: -30px;
            font-size: 16px;
            text-align: center;
            display: block;
            visibility: hidden;
        }

.branco.dropdown.more .btn {
    background-color: transparent;
    border: 2px solid #0390D8;
    color: #0390D8;
}

.branco.dropdown.more:hover .btn {
    background-color: #000;
    border: 2px solid #000;
    color: #0390D8;
}

.branco.dropdown.more .dropdown-menu {
    background: #000;
}

    .branco.dropdown.more .dropdown-menu li a:link,
    .branco.dropdown.more .dropdown-menu li a:visited,
    .branco.dropdown.more .dropdown-menu li a:active {
        color: #00a2f7;
    }

    .branco.dropdown.more .dropdown-menu > li > a:focus,
    .branco.dropdown.more .dropdown-menu > li > a:hover {
        background-color: #0286CB;
        color: #fff;
    }

.azul.dropdown.more .btn {
    background-color: #0390D8;
    border: 2px solid #fff;
    color: #fff;
}

.azul.dropdown.more:hover .btn {
    background-color: #000;
    border: 2px solid #000;
    color: #0390D8;
}

.azul.dropdown.more .dropdown-menu {
    background: #000;
}

    .azul.dropdown.more .dropdown-menu li a:link,
    .azul.dropdown.more .dropdown-menu li a:visited,
    .azul.dropdown.more .dropdown-menu li a:active {
        color: #00a2f7;
    }

    .azul.dropdown.more .dropdown-menu > li > a:focus,
    .azul.dropdown.more .dropdown-menu > li > a:hover {
        background-color: #0286CB;
        color: #fff;
    }

.rosa.dropdown.more .btn {
    background-color: #fff;
    border: 2px solid #E2016B;
    color: #E2016B;
}

.rosa.dropdown.more:hover .btn {
    background-color: #000;
    border: 2px solid #000;
    color: #E2016B;
}

.rosa.dropdown.more .dropdown-menu {
    background: #000;
}

    .rosa.dropdown.more .dropdown-menu li a:link,
    .rosa.dropdown.more .dropdown-menu li a:visited,
    .rosa.dropdown.more .dropdown-menu li a:active {
        color: #E2016B;
    }

    .rosa.dropdown.more .dropdown-menu > li > a:focus,
    .rosa.dropdown.more .dropdown-menu > li > a:hover {
        background-color: #E2016B;
        color: #fff;
    }

@media only screen and (min-width : 1224px) {
    section#como-funciona {
        background: #FEFEFE url(../../images/Guia/bg06-1.jpg) no-repeat bottom left fixed;
        background-size: contain;
    }

    section#retidos {
        background: #E2016B url(../../images/Guia/bg06-2.jpg) no-repeat top right fixed;
        background-size: contain;
    }

        section#retidos .pagination .scroller {
            color: #E2016B;
        }

    section#checar-valores a:hover figure figcaption {
        visibility: visible;
    }
}
