/*@font-face {
    font-family: "";
    src: url("../fonts/.eot"); /* IE9 Compat Modes 
    src: url("../fonts/.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 
    url("../fonts/.woff") format("woff2"), /* Modern Browsers 
    url("../fonts/.woff") format("woff"), /* Modern Browsers 
    url("../fonts/.ttf") format("truetype"), /* Safari, Android, iOS 
    url("../fonts/.svg") format("svg"); /* Legacy iOS 
    font-weight: normal;
    font-style: normal;
}
*/

body {
    font-family: 'Roboto', sans-serif;
    /*src: url("../fonts/.ttf");*/
    padding-bottom: 20px;
    text-align: justify;
    font-weight: 400;
}

strong {
    font-weight: 500;
}

textarea:focus, input:focus {
    outline: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 2px;
    padding-right: 2px;
}

.main-menu > ul {
    padding: 0;
    list-style: none;
}

.image-top {
    overflow: hidden;
}

.main-menu > ul li a {
    display: block;
    text-decoration: none;
}

.main-menu > ul li:hover ul.dropdown-menu {
    display: block;
}

.main-menu > ul li ul.dropdown-menu li {
    display: block;
}



/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}


.jumbotron {
    padding: 5px;
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}

/* SITE FOOTER */

footer {
    /**padding-top: 45px;*/
    position: relative;
    margin-bottom: -90px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    background-color: #003857;
    min-height: 70px;
    width: 100%;
}

.footer-logo {
    padding-top: 40px;
    padding-left: 105px;
}

#footer_linha {
    padding: 5px;
    font-size: 16px;
    color: #ffffff;
    background-color: #001825;
    min-height: 40px;
    width: 100%;
}


.color_footer {
    color: #00a9da;
}

.color2_footer {
    color: #ffffff;
}

.color3_footer {
    color: white;
}

.navbar-inverse {
    font-size: 13px;
    font-weight: 300;
    background-color: #FFFFFF;
    border-color: none;
    padding-top: 24px;
    background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(255,255,255,0.89) 11%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%,rgba(255,255,255,0.89) 11%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(219,219,219,1) 0%,rgba(255,255,255,0.89) 11%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#00ffffff',GradientType=0 );
}

.navbar-line1 {
    background: rgb(0,112,175); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(0,112,175) 28%, rgb(2,52,78) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(0,112,175) 28%,rgb(2,52,78) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(0,112,175) 28%,rgb(2,52,78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070af', endColorstr='#02344e',GradientType=0 ); /* IE6-9 */
    height: 40px;
    width: 100%;
}

.navbar-line2 {
    background-color: #00aeef;
    height: 27px;
    width: 100%;
    opacity: 0.6;
}

.navbar {
    border: 0;
    min-height: 50px;
    margin-bottom: 55px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #005a84;
    font-size: 16px;
}

.navbar-nav {
    float: right;
    PADDING-TOP: 5px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #7d7d7d;
    font-size: 16px;
}

.responsive {
    width: 100%;
    height: auto;
}


.line-bg-blue, .line-bg-lightblue, .line-bg-green, .line-bg-purple {
    height: 11px;
}


button {
    outline: none;
}

.button {
    font-family: 'Roboto', sans-serif;
    width: 130px;
    background-color: #2ab5f6;
    border: 1px solid #2ab5f6;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 20px;
    cursor: pointer;
    border-radius: 35px;
    transition: 0.8s;
}

.button-red {
    width: 130px;
    font-family: 'Roboto', sans-serif;
    background-color: #c9302c;
    border: 1px solid #c9302c;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 20px;
    cursor: pointer;
    border-radius: 35px;
    transition: 0.8s;
}

div .button-red:hover {
    background-color: white;
    color: #c9302c;
    border: 1px solid #c9302c;
}

ul.nav.navbar-nav {
    width: 780px;
}


.button-darkblue {
    width: 130px;
    font-family: 'Roboto', sans-serif;
    background-color: #005a84;
    border: 1px solid #005a84;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 20px;
    cursor: pointer;
    border-radius: 35px;
    transition: 0.8s;
}

div .button:hover {
    background-color: white;
    color: #003857;
    border: 1px solid #003857;
}

div .button-darkblue:hover {
    background-color: #00a9da;
    color: #ffffff;
    border: 1px solid #00a9da;
}

.button-darkblue-links {
    font-family: 'Roboto', sans-serif;
    background-color: #005a84;
    border: 1px solid #005a84;
    color: white;
    padding: 2px 14px 2px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    border-radius: 35px;
    transition: 0.8s;
}

.button-darkblue-back {
    font-family: 'Roboto', sans-serif;
    background-color: #005a84;
    border: 1px solid #005a84;
    color: white;
    padding: 2px 14px 2px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    border-radius: 35px;
    transition: 0.8s;
}

.fa-angle-right:before {
    content: "\f105";
    font-size: 17px;
    font-weight: 600;
    padding-left: 12px;
    padding-right: 2px;
}

div .button-darkblue-links:hover {
    background-color: #00a9da;
    color: #ffffff;
    border: 1px solid #00a9da;
}

div .button-darkblue-back:hover {
    background-color: #00a9da;
    color: #ffffff;
    border: 1px solid #00a9da;
}

.p-headline {
    display: block;
    position: relative;
    max-width: 290px;
    line-height: 20px;
    text-decoration: none;
}

    .p-headline:after {
        content: "";
        float: right;
        display: inline-block;
        right: 1px;
        width: 48px;
        height: 48px;
        margin-top: -14px;
        position: absolute;
    }

/* SITE HEADER */

.button_header_login {
    width: 135px;
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    border: 1px solid #005a84;
    color: #005a84;
    padding: 7px;
    text-align: center;
    text-transform:uppercase;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 0px 30px;
    cursor: pointer;
    border-radius: 45px;
    transition: 0.8s;
}



.search_box_header {
    width: 190px;
    padding: 6px;
    border-radius: 0px 18px 18px 0px;
    background-color: transparent;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    border-right: 1px solid #7d7d7d;
    border-left: 0;
    font-size: 12px;
    vertical-align: middle;
    color: #003857;
    display: inline-block;
}

.button_header_login:hover {
    background-color: #02adf2;
    border: 1px solid #02adf2;
    color: #ffffff;
}

.button_header_search {
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    border: 1px solid #005a84;
    color: #ffffff;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    width: 180px;
    margin: 0 0 0 20px;
    cursor: pointer;
    border-radius: 18px 0px 0px 18px;
    transition: 0.8s;
    vertical-align: middle;
}

    .button_header_search:hover, .button_header_search > select:hover {
        background-color: #015a84;
        border: 1px solid #015a84;
        color: #ffffff;
    }

    .button_header_search > select {
        width: 95%;
        border: 0;
        background-color: transparent;
        outline: none;
        color: #015a84;
    }




.line-bg-blue {
    background-color: #005a84;
}

.line-bg-lightblue {
    background-color: #317e9b;
}

.line-bg-green {
    background-color: #16624c;
}

.line-bg-purple {
    background-color: #360d42;
}

/* TABS NEWS */

section {
    padding: 60px 0;
}

    section .section-title {
        text-align: center;
        color: #ffffff;
        margin-bottom: 50px;
        text-transform: uppercase;
    }

#tabs {
    background: #ffffff;
    color: #6f7a7e;
}

    #tabs h6.section-title {
        color: #6f7a7e;
    }

    #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link .active {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        color: #003857;
        border-color: #2ab5f6;
        border-bottom: 4px solid !important;
    }

    #tabs .nav-tabs .nav-link {
        text-align: center;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #6f7a7e;
        font-size: 24px;
        margin: 10px;
    }

.nav-events {
    text-align: center;
    color: #6f7a7e;
    font-size: 16px;
    margin: 5px;
}

.box highlights {
    height: 100px;
    padding: 40px;
    border: 20px solid rgba(0,0,0,0.3);
}


.search_box > input[type=search] {
    width: 60px;
    padding: 30px;
    border-radius: 45px;
    background-color: transparent;
    border: 1px solid white;
    font-size: 15px;
    margin: 10px 5px;
    color: #2ab5f6;
}



.search_box_header > button {
    background-color: transparent;
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    border-image: none;
}

.search_box_header > input[aria-label=search] {
    border: 0px;
    max-width: 140px;
}

footer div .button {
    float: right;
}

.footer_search_box {
    width: 250px;
    height: 50px;
    padding: 10px;
    border-radius: 45px;
    background-color: transparent;
    border: 1px solid #ffffff;
    font-size: 14px;
    margin: 5px 20px;
    color: #ffffff;
    float: right;
}

    .footer_search_box > input[type=search] {
        border: 0px;
        width: 210px;
        background-color: transparent;
        font-size: 15px;
    }



.padding-top15 {
    padding-top: 15px;
}

.padding-right15 {
    padding-right: 15px;
}

.space-address {
    margin: 5px;
}

.align-right {
    text-align: right
}

.align-right-date {
    text-align: right;
    color: #565455;
}

.padding-left {
    padding-left: 0;
    text-align: initial;
}

.navbar-padding-bottom25 {
    padding-bottom: 25px;
    padding-left: 95px;
}

.padding-logo-footer {
    padding: 30px;
    padding-bottom: 0px;
}

.padding-contactos {
    padding-left: 12px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

input[type="search"] {
    width: 145px;
}

.oroc-menu {
    background-color: rgba(27, 54, 71, 0.85);
    /*width: 200px;*/
}

.dropdown-menu-search-menu {
    background-color: white;
    left: auto;
    right: 0;
    width: 170px;
    top: 30px;
}

.btn-group.open > .btn-oroc {
    background-color: #015a84;
    font-weight: 400;
    color: #56dce8;
}

.btn {
    padding: 7px 12px;
    border: 0;
    margin-top: 2px;
}

.dropdown-menu {
    top: 75%;
    margin: 0;
}


.btn-oroc, .btn-oroc:visited {
    font-size: 14px;
    color: #fff;
    background-color: transparent;
    border-color: none;
}

    .btn-oroc:hover, .btn-oroc-hover {
        font-weight: 400;
        color: #56dce8;
        background-color: transparent;
        background-color: #015a84;
    }

.button.btn.bt-oroc.dropdown-toggle {
    background-color: transparent;
}

.btn-group > .btn:first-child {
    margin-top: 3px;
}



.body-content-image-top {
    /*z-index: -2;
    position: relative;
    top: -70px;*/
}

.body-content-top {
    /*position: relative;
    top: -70px;*/
}

    .body-content-top > div {
        margin-top: 15px;
    }


.lines-top {
    position: absolute;
    top: 118px;
    width: 100%;
    z-index: 5;
}

.body-content .row {
    margin-left: 0;
    margin-right: 0;
}

.text-vertical-middle {
    vertical-align: middle !important;
}

.legend, .h2 {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: inherit;
    color: #000000;
    border: 0;
    border-bottom: none;
}

    .legend::after {
        content: "";
        background: #000;
        border-radius: 15px;
        height: 5px;
        position: absolute;
        width: 94%;
    }

    

/*************** MEDIA ****************/
@media (max-width: 1058px) {

    footer div .button {
        float: left;
    }

    .search_box > input[type=search] {
        float: left;
    }
}



@media (min-width: 1058px) {
    .navbar-nav > li {
        float: right;
    }

    @media (min-width: 1055px) and (max-width: 1200px) {

        .navbar-line1 {
            margin-top: -32px;
        }

        .navbar-inverse .navbar-nav > li > a {
            font-size: 12px;
        }

        ul.nav.navbar-nav {
            width: 580px;
        }

        .navbar-padding-bottom25 {
            padding-bottom: 5px;
            padding-left: 0;
        }


        .button_header_login {
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            width: 125px;
            padding: 8px;
            margin: 0;
        }

        .search_box_header {
            width: 160px;
            font-size: 12px;
            padding: 7px;
        }

            .search_box_header > input[aria-label=search] {
                color: #003857;
                width: 105px;
            }

        img {
            /*margin-left: -20px;*/
        }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            font-size: 12px;
        }

        .dropdown-menu > li > a:hover, dropdown-menu > li > a:focus, .dropdown-menu > li > a {
            font-size: 12px;
        }

        .btn-oroc {
            font-size: 12px;
            /*width: 120px;*/
        }

            .btn-oroc:hover {
                font-size: 12px;
                /*width: 120px;*/
            }

        .container {
            width: 100%;
        }
    }



    .padding-left-button {
        padding-left: 380px;
    }




    @media (max-width: 1058px) {

        .lines-top {
            visibility: hidden;
            display: block;
        }

        .col-oroc-12 {
            width: 100%;
        }

        .navbar {
            margin-bottom: 10px;
        }

        .navbar-header {
            float: none;
        }

        .navbar-left, .navbar-right {
            float: none !important;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }

        .navbar-collapse.collapse,
        .navbar-collapse.collapse.navbar-collapse-oroc {
            visibility: hidden !important;
            display: none !important
        }

        .navbar-nav {
            float: none !important;
            margin-top: 7.5px;
        }

            .navbar-nav > li {
                float: right;
            }

                .navbar-nav > li > a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

        .collapse.in {
            display: block !important;
        }



        .navbar-line1 {
            visibility: hidden;
            display: none;
        }

        .navbar-line2 {
            visibility: hidden;
            display: none;
        }
    }


    .lines-top {
        top: 165px;
    }


    .nav-tabs {
        text-align: center;
        font-size: 21px;
        width: 100%;
        overflow-x: auto;
        border: none;
        border-image-slice: 2;
        -ms-overflow-style: none; /*// IE 10+*/
        overflow: -moz-scrollbars-none; /*// Firefox*/
    }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a:hover {
            border-width: 0;
        }

        .nav-tabs > li > a {
            border: none;
            color: #6f7a7e;
        }

            .nav-tabs > li.active > a,
            .nav-tabs > li > a:hover {
                border: none;
                color: #003857 !important;
                background: transparent;
                font-weight: bold;
            }

            .nav-tabs > li > a::after {
                content: "";
                background: #2ab5f6;
                border-radius: 10px;
                height: 4px;
                position: absolute;
                width: 100%;
                left: 0px;
                bottom: 1px;
                transition: all 250ms ease 0s;
                transform: scale(0);
            }

        .nav-tabs > li.active > a::after,
        .nav-tabs > li:hover > a::after {
            transform: scale(1);
        }

        .nav-tabs > li {
            min-width: 180px;
        }

    .tab-nav > li > a::after {
        background: #21527d none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        padding: 15px 0;
    }

    .tab-content {
        padding: 20px
    }

    .nav-tabs::-webkit-scrollbar {
        display: none; /*Safari and Chrome*/
    }
}


.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: none;
    /*margin-bottom: 30px;*/
}

section {
    padding: 10px 0;
}

.dot {
    text-align: center;
    background-repeat: repeat-x;
    background-image: url(/Images/dot.png);
    background-position-y: bottom;
    width: 100%;
    float: none;
}

.dot2 {
    text-align: center;
    background-repeat: repeat-x;
    background-image: url(/Images/dot.png);
    background-position-y: top;
    width: 100%;
    float: none;
}



.tab-content {
    padding: 20px;
    min-height: 360px;
}

.navbar-inverse .navbar-collapse-oroc, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse-oroc, .container-fluid > .navbar-collapse-oroc {
    margin-right: 0px;
    margin-left: 15px;
}

.img-responsive {
    display: unset;
}

.navbar-line1 {
    margin-top: -53px
}

@media (min-width: 1200px) {
    .navbar-line1 {
        margin-top: -28px
    }
}



.highlights {
    font-size: 20px;
    font-style: italic;
    color: #345f6f;
    text-align: center;
    background-repeat: repeat-x;
    background-image: url(/Images/dot.png);
    background-position-y: bottom;
    width: 100%;
    float: none;
}

.highlights_text {
    font-size: 17px;
    font-weight: 700;
}

.logos {
    color: #000000;
    font-size: 12px;
}


.padding-footer-lastlogo {
    padding-left: 80px;
}

.dropdown-menu > li > a {
    color: #ffffff;
    border-radius: 0px;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #398bc3;
        font-weight: 900;
        background-color: transparent;
    }

.dropdown-menu > li > a {
    margin: 0px;
    border-radius: 0px;
}


.dropdown-menu-search-menu > li > a {
    color: #398bc3;
    border-radius: 0px;
}

    .dropdown-menu-search-menu > li > a:hover, .dropdown-menu-search-menu > li > a:focus {
        color: white;
        font-weight: 900;
        background-color: #398bc3;
    }

.dropdown-menu-search-menu > li > a {
    margin: 0px;
    border-radius: 0px;
}

.navbar-inverse .navbar-toggle {
    border-color: #003857;
    background-color: #717c83;
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #015a84;
    }

@media (max-width: 1058px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent;
            background-image: url(/Images/icon_menu.png);
            background-repeat: no-repeat;
            background-position: 8px;
        }
}

.image-swap {
    background-image: url(/Images/highlight1.png);
}

    .image-swap:hover {
        background-image: url(/Images/highlight1_on.png);
    }

.login-modal-header {
    padding: 60px;
    border-bottom: none;
    background-image: url(/Images/logo_login.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.login-modal-content {
    max-width: 506px;
    max-height: 560px;
    margin-bottom: 10px;
    position: relative;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 4px solid #2f343a;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.login-modal-border {
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
    padding: 0 10px 0 10px;
}

.login-modal-box-header {
    background-color: #2f343a;
    border-radius: 30px 30px 0px 0px;
}

.login-modal-content-line {
    border-left: 10px solid #2f343a;
    border-right: 11px solid;
    background-color: #2f343a;
}

.login-modal-image {
    background-image: url(/Images/img_border.jpg);
    background-repeat: no-repeat;
}

.login-modal-footer {
    padding-top: 13px;
    text-align: center;
    border-top: none;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 13px;
    color: #0c5577;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 16px;
    color: #555555;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #d5d5d5;
}

.data-modal-title {
    padding-top: 20px;
    color: #005a84;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
}

.password {
    text-align: center;
    font-size: 10px;
    color: #3e3a3b;
    font-style: italic;
    font-weight: 700;
}

.account {
    margin-bottom: 15px;
    text-align: center;
    font-size: 13px;
    color: #3e3a3b;
    font-weight: 500;
}

.area {
    font-size: 15px;
    color: #2c789a;
    text-align: center;
    padding-top: 15px;
}

input, select, textarea {
    max-width: 100%;
}

.login-modal-body {
    background-color: white;
    border-radius: 10px;
    position: relative;
    padding: 15px;
}

.error {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    font-style: italic;
    font-size: 13px;
    color: red;
}

/* BREADCRUMB */

.breadcrumb {
    color: #003857;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 15px;
    margin-bottom: unset;
    list-style: none;
    background-color: #ffffff;
}

    .breadcrumb > .active {
        color: #003857;
        font-weight: 700;
    }


    .breadcrumb > li + li:before {
        font-size: 16px;
        padding: 0 5px;
        color: #717c83;
        content: "\3e";
    }

.column {
    background-color: #f7efef;
    height: 100%;
}

.column_text {
    padding-top: 30px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

.column_subtext {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-align: initial;
    padding: 15px;
}


.boxMain-logos {
    border: 8px solid #f8f7f7;
    border-radius: 20px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    width: 100%;
    display: table;
    margin-bottom: 30px;
    overflow: hidden;
    max-width: 390px;
    min-height: 140px;
    max-height: 140px;
}



.boxMain-photos {
    border: 8px solid #f8f7f7;
    border-radius: 20px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    width: 100%;
    display: table;
    overflow: hidden;
    max-width: 250px;
    height: 160px;
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.25);
    min-height: 140px;
    object-fit: cover;
    transition: .2s all;
}



    .boxMain-photos:hover {
        border: 8px solid #00aeef;
        transform: scale(.95);
        box-shadow: none;
    }

.effectOtherHighlights:hover {
    opacity: .60;
}

.boxMain-logos:hover {
    border: 8px solid #00aeef;
    opacity: .60;
}

.vertical-align {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.vertical-align-protocols{
    align-items: center;

    justify-content: center;
    width: 100%;
}

.boxMain {
    border-bottom: 2px solid #015b84;
    border-radius: 10px;
    background-color: #015b84;
    background-repeat: no-repeat;
    width: 100%;
    height: 130px;
    display: table;
    margin-bottom: 30px;
}

    .boxMain:hover {
        /*opacity: .80;*/
    }

.effectlogos:hover {
    opacity: .60;
}


.bg-oroc-blue {
    float: left;
    background-color: transparent;
    border: 3px solid #015b84;
    color: #015b84
}

    .bg-oroc-blue span {
        background-color: #015b84;
    }

    .bg-oroc-blue:hover {
        float: left;
        background-color: #015b84;
        border: 3px solid #015b84;
        color: #FFF
    }

        .bg-oroc-blue:hover span {
            background-color: #FFF;
        }

.bg-oroc-lightblue {
    float: left;
    background-color: transparent;
    border: 3px solid #1b87b8;
    color: #1b87b8
}

    .bg-oroc-lightblue span {
        background-color: #1b87b8;
    }

    .bg-oroc-lightblue:hover {
        float: left;
        background-color: #1b87b8;
        border: 3px solid #1b87b8;
        color: #FFF
    }

        .bg-oroc-lightblue:hover span {
            background-color: #FFF;
        }

.bg-oroc-grey {
    float: left;
    background-color: transparent;
    border: 3px solid #405f75;
    color: #405f75;
}

    .bg-oroc-grey span {
        background-color: #405f75;
    }

    .bg-oroc-grey:hover {
        float: left;
        background-color: #405f75;
        border: 3px solid #405f75;
        color: #FFF;
    }

        .bg-oroc-grey:hover span {
            background-color: #FFF;
        }

.bg-oroc-purple {
    float: left;
    background-color: transparent;
    border: 3px solid #504e75;
    color: #504e75;
}

    .bg-oroc-purple span {
        background-color: #504e75;
    }

    .bg-oroc-purple:hover {
        float: left;
        background-color: #504e75;
        border: 3px solid #504e75;
        color: #FFF;
    }

        .bg-oroc-purple:hover span {
            background-color: #FFF;
        }

.bg-oroc-green {
    float: left;
    background-color: transparent;
    border: 3px solid #2c705e;
    color: #2c705e;
}

    .bg-oroc-green span {
        background-color: #2c705e;
    }

    .bg-oroc-green:hover {
        float: left;
        background-color: #2c705e;
        border: 3px solid #2c705e;
        color: #FFF;
    }

        .bg-oroc-green:hover span {
            background-color: #FFF;
        }

.data-modal-content {
    padding: 15px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.bg-oroc-yellow {
    float: left;
    background-color: transparent;
    border: 3px solid #e8942b;
    color: #e8942b;
}

    .bg-oroc-yellow span {
        background-color: #e8942b;
    }

    .bg-oroc-yellow:hover {
        float: left;
        background-color: #e8942b;
        border: 3px solid #e8942b;
        color: #FFF;
    }

        .bg-oroc-yellow:hover span {
            background-color: #FFF;
        }


.bg-oroc-orange {
    float: left;
    background-color: transparent;
    border: 3px solid #c43105;
    color: #c43105;
}

    .bg-oroc-orange span {
        background-color: #c43105;
    }

    .bg-oroc-orange:hover {
        float: left;
        background-color: #c43105;
        border: 3px solid #c43105;
        color: #FFF;
    }

        .bg-oroc-orange:hover span {
            background-color: #FFF;
        }

.resize-bg-logo-oroc16 {
    background-size: 24px;
}

.logo-box {
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 100%;
}

.boxMain:hover svg image.svg-mask-normal {
    display: none;
}


.svg-mask-hover {
    display: none;
}

.boxMain:hover svg image.svg-mask-hover {
    display: block;
    visibility: visible;
}
/*********************************ORIGINAL*********************************************/
/*
.logo-box-oroc {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_oroc.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_oroc.svg);
}


.logo-box-regulamentos {
   
    -webkit-mask: url(/images/icons/NEW_SVG/icon_regulamentos.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_regulamentos.svg);
}

.logo-box-relatorios {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_relatorios.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_relatorios.svg);
   
}

.logo-box-revista {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_revista.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_revista.svg);
    
}

.logo-box-organigrama {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_organigrama.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_organigrama.svg);
}

.logo-box-etica {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_etica.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_etica.svg);

}

.logo-box-estatutos {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_estatutos.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_estatutos.svg);
}

.logo-box-estagio {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_estagio.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_estagio.svg);

}

.logo-box-controlo-qualidade {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_controlo_qualidade.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_controlo_qualidade.svg);

}

.logo-box-congressos {
    -webkit-mask: url(/images/icons/NEW_SVG/icon_congressos.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG/icon_congressos.svg);
}

*/
/***************************************** V 4 **********************************/
.logo-box-oroc {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_oroc.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_oroc.svg);
}


.logo-box-regulamentos {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_regulamentos.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_regulamentos.svg);
}

.logo-box-relatorios {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_relatorios.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_relatorios.svg);
}

.logo-box-revista {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_revista.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_revista.svg);
}

.logo-box-organigrama {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_organigrama.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_organigrama.svg);
}

.logo-box-etica {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_etica.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_etica.svg);
}

.logo-box-estatutos {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_estatutos.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_estatutos.svg);
}

.logo-box-estagio {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_estagio.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_estagio.svg);
}

.logo-box-controlo-qualidade {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_controlo_qualidade.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_controlo_qualidade.svg);
}

.logo-box-congressos {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_congressos.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_congressos.svg);
}

.logo-box-legislacao {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_legislacao.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_legislacao.svg);
}

.logo-box-elearning {
    -webkit-mask: url(/images/icons/NEW_SVG_v3/icon_elearning.svg) no-repeat;
    mask: url(/images/icons/NEW_SVG_v3/icon_elearning.svg);
}


.boxMain:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 30px;
    content: "";
    display: block;
    height: 4px;
    top: 40%;
    left: 34px;
    border-radius: 20px;
    position: absolute;
    background: #ffffff;
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
    width: 0;
    transform: rotate(90deg);
}

.boxMain:hover:after {
    width: 25%;
    color: #00aeef;
    left: -13px;
}

.text_box, .h4 {
    width: 100%;
    font-size: 18px;
    text-align: initial;
    font-weight: 500;
    /*padding-left: 95px;*/
    padding-right: 40px;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
}

    .text_box:hover {
        color: #FFFFFF
    }


.line {
    content: "";
    background: #005a84;
    border-radius: 10px;
    height: 4px;
    position: initial;
    width: 100%;
    left: 0px;
    bottom: 1px;
    margin-top: -20px;
    margin-bottom: 15px;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.row-flex {
    display: flex;
}

.smoothscroll-top {
    position: fixed;
    font-size: 25px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99;
    background-color: #00a9da;
    border: 1px solid #00a9da;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 44px;
    right: 25px;
    bottom: -25px;
    padding-top: 0px;
    border-radius: 50%;
    transition: all .5s ease-in-out;
    transition-delay: .2s;
}

    .smoothscroll-top:hover {
        background-color: #ffffff;
        color: #003857;
        border: 1px solid #003857;
        transition: all .2s ease-in-out;
        transition-delay: 0;
    }

    .smoothscroll-top.show {
        visibility: visible;
        cursor: pointer;
        opacity: 1;
        bottom: 25px;
    }

    .smoothscroll-top i.fa {
        line-height: inherit;
    }

.error {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: coral;
}


a[data-slide="prev"] .glyphicon-chevron-left {
    font-size: 75px;
}

a[data-slide="next"] .glyphicon-chevron-right {
    font-size: 75px;
}

/* H1 / H2 */

h1, .h1 {
    font-size: 23px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2, .h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
}

.bold {
    font-weight: bold;
}

a {
    color: #0095c0;
    text-decoration: none;
}

/* header search */

.s003 {
    width: 197px;
    height: 36px;
    font-size: 13px;
    padding: 15px;
    background-color: #015a84;
    border-radius: 18px 0px 0px 18px;
}

    .s003 form .inner-form .input-field.first-wrap .choices__inner {
        font-size: 13px;
        width: 197px;
        height: 36px;
        padding: 15px;
        background-color: #015a84;
        border-radius: 18px 0px 0px 18px;
    }

.input-select {
    background-color: transparent;
}


.contacts-footer {
    color: white;
    text-decoration: none;
}

    .contacts-footer:hover {
        color: #0fc3e7;
        text-decoration: none;
    }

.header-links a {
    text-decoration: none;
    color: #246085;
    padding-left: 10px;
}

    .header-links a:hover {
        text-decoration: none;
        color: #01adef;
    }
/*
.btn2 {
    background-color: #015a84;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 18px 0px 0px 18px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

.header-subpages {
    background-color: transparent;
    font-size: 22px;
    font-style: unset;
    font-weight: 700;
    color: #909090;
    padding-bottom: 15px;
    padding-right: 15px;
    margin: auto;
    vertical-align: middle;
    padding-top: 15px;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header-subtopic {
    padding-top: 30px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #1e91c2;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.arrow-list-subpages:first-child > li > a:before {
    font-size: 12px;
    padding: 2px 5px;
    font-family: FontAwesome;
    content: "\f054";
}

.arrow-list-subpages:first-child > li > a {
    padding: 5px;
}

.right-menu-subPages > li.active a {
    color: #fff !important;
}

.arrow-list-subpages:first-child > li > a {
    padding: 10px 0 10px 5px;
}

.arrow-list-subpages:not(:first-child) > li > a {
    color: #003857;
    font-weight: 500;
    text-align: initial;
    padding: 0 15px 10px 25px;
    text-align: left;
}

.input100 {
    position: relative;
    display: block;
    width: 100%;
    background: #f7f8f8;
    border-radius: 25px;
    border: 1px solid #f7f8f8;
    font-size: 13px;
    color: #0c5577;
}

.padding-heading-course {
    padding: 20px;
    font-size: 24px;
}

.course-text {
    font-weight: 600;
    text-shadow: 1px 1px lightskyblue;
}

.padding-20-local {
    margin-top: 2px;
    margin-bottom: 20px;
    padding-left: 8px;
    color: #000000;
}

.modal-header-data {
    border-bottom: none;
    background-repeat: no-repeat;
    background-position: center;
}

.border-box-search-courses {
    background-color: #f6f6f6;
    padding: 0 0 0 12px;
    border-radius: 15px;
}

.course-options {
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
}

.panel-group .panel-heading {
    border-bottom: 0;
    FONT-WEIGHT: 600;
}

.border-box-modules {
    background-color: #005a84;
    color: white;
    font-size: 20px;
    padding-left: 20px;
}

.border-box-modules-blue {
    background-color: #1b88bc;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    border-radius: 15px;
}

.border-box-courses-header {
    background-color: #d9edf7;
    border-radius: 15px;
}

.border-box-modules-blue-box {
    background-color: #1b88bc;
    color: #fff;
    font-size: 15px;
    padding: 15px;
    border-radius: 15px;
}

.form-control-advanced-search-blue {
    padding-left: 18px;
    display: block;
    width: 100%;
    height: 35px;
    font-size: 19px;
    font-weight: 600;
    background-color: lightblue;
    border-radius: 19px;
    border: 1px solid #bcbcbc;
}


.border-box-modules-definitions-LX {
    width: 150px;
    background-color: #2896ca;
    padding-left: 10px;
    color: #fff;
}

.border-box-modules-definitions-LX-30 {
    width: 30px;
    background-color: #2896ca;
    padding-left: 10px;
    color: #fff;
}

.border-box-modules-definitions-LX-80 {
    width: 80px;
    background-color: #2896ca;
    padding-left: 10px;
    color: #fff;
}

.border-box-modules-definitions-PR {
    width: 150px;
    padding-left: 10px;
}


.border-box-date {
    background-color: #f6f6f6;
    padding: 5px;
    border-radius: 15px;
    font-weight: 600;
    color: #003857;
}

.border-box-courses {
    background-color: #d9edf7;
    padding: 10px;
    border-radius: 15px;
}

.padding-20 {
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 28px;
    color: #0070af;
}

.padding-50 {
    margin-bottom: 50px; 
}

.padding-12 {
    margin-top: -20px;
    padding: 20px;
    color: #0070af;
}

.padding-5 {
    padding: 5px;
}

input.input100 {
    height: 40px;
    padding: 0 35px 0 35px;
}

.padding-form {
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 35px;
}

.header-topic {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.header-topic-normal {
    font-size: 14px;
    font-weight: 300;
    color: #333;
}

.header-topic2 {
    text-align: start;
    font-weight: 700;
    color: #0c5577;
}

.btn-oroc-user, .btn-oroc-user:visited {
    color: #eca362;
    text-shadow: 2px 2px #014565;
    background-color: #015a84;
  
}

    .btn-oroc-user:hover {
        color: #eca362;
        background-color: #015a84;
    }

.icon-user > span.space-address::before {
    font-family: FontAwesome;
    content: "\f13e";
    margin-right: 6px;
}



.legend-files-icons {
    font-size: 12px;
    padding: 10px;
}



.navbar-right {
    padding-left: 54px;
    margin-right: 28px;
}

.right-menu-subPages > li a {
    color: #3d6694 !important;
    font-weight: 400 !important;
    padding-left: 35px !important;
}


.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 2px;
    vertical-align: unset;
}



.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    padding: 5px 0 5px 25px;
    background-color: #1e91c2;
    margin-bottom: 10px;
}

:first-child.arrow-list-subpages > li.active > a,
:first-child.arrow-list-subpages > li.active > a:hover,
:first-child.arrow-list-subpages > li.active > a:focus {
    color: #fff;
    padding: 10px 0 10px 5px;
    background-color: #1e91c2;
    margin-bottom: 10px;
}

.label-header {
    width: 100%;
    height: 53px;
    display: table;
}

.label-header-tiles-left {
    display: table-cell;
    width: 238px;
}

.label-header-text-center {
    display: table-cell;
}

.label-header-brazao-right {
    display: table-cell;
    background-image: url(/images/header_oroc_brazao_right.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 79px;
}

.w-auto td:last-child {
    width: 100% !important;
}

.menu-header-shortcuts:before {
    font-size: 20%;
    padding-right: 5px;
    content: '\f111';
    font-family: FontAwesome;
    position: relative;
    white-space: pre;
    top: -2px;
    text-align: center;
}


.home-news-title {
    font-size: 14px;
    font-weight: 600;
    color: #003857;
    padding: 2px;
}

.home-news-date {
    font-size: 14px;
    font-weight: 400;
    color: #0095c0;
    padding: 2px;
}

.text-font-footer {
    font-size: 12px;
    padding-top: 5px;
}

#skip-to-content {
    clip: rect(0 0 0 0);
    position: absolute;
}

.padding-bottom25 {
    padding-bottom: 25px;
    padding-left: 95px;
}

.text-bottom {
    line-height: 2;
    font-size: 11px;
    font-weight: 600;
}

.text-president {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    padding: 6px;
    margin-bottom: -12px;
    text-decoration: none;
}

    .text-president:hover {
        text-decoration: none;
    }

.text-protocol {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 28px;
    text-decoration: none;
}

.text-protocol:hover {
    text-decoration: none;
}

.subtext-president {
    font-size: 12px;
    text-decoration: none !important;
    color: #484848;
    text-align: center;
    padding: 6px;
    margin-bottom: -15px;
}


.boxMain-photos-museum {
   
    text-decoration: none;
    background-color: #ffffff;
    background-repeat: no-repeat;
    display: table;
    overflow: hidden;
    transition: .2s all;
    margin:auto;
}

    .boxMain-photos-museum:hover {
        transform: scale(.95);
        box-shadow: none;
        text-decoration: none !important;
    }



caption {
    visibility: hidden;
    display: none;
}
/*******************PFLIP**********************/
.pdff-lightbox-wrapper .pdff-container {
    border-radius: 0 !important;
}


.icon-oroc-blue {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bike-black.svg);
}

.icon {
    display: inline-block;
    width: 100px;
    height: 132px;
}

    .icon:hover,
    .icon:focus {
        background: red;
    }

.padding-news {
    padding-right: 10px;
    padding-bottom: 5px;
}


.responsive-width-image {
    max-width: 847px;
}

.input-group-search {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
}


.div-search {
    overflow: hidden;
    height: 162px;
}

.search-topimage {
    float: left;
    width: 68%;
    position: relative;
    top: -160px;
}

.animated-img {
    width: 70%;
    height: 372px;
    object-fit: none;
}

.label-header-search {
    float: right;
    height: 162px;
    display: table-row;
}

.table-cell {
    display: table-cell;
    height: 162px;
}

.facebook-button {
    width: 22px;
    height: 22px;
    background: url("/Images/icons/logo_facebook.png") no-repeat;
    display: inline-block;
    transition: 0.8s;
    margin-bottom: -40px;
}

    .facebook-button:hover {
        background: url("/Images/icons/logo_facebook_active.png") no-repeat;
    }


    .linkedin-button {
    width: 22px;
    height: 22px;
    background: url("/Images/icons/logo_linkedin.png") no-repeat;
    display: inline-block;
    transition: 0.8s;
    margin-bottom: -40px;
}

    .linkedin-button:hover {
        background: url("/Images/icons/logo_linkedin_active.png") no-repeat;
    }

.chrome-button {
    width: 120px;
    height: 120px;
    background: url("/Images/icons/logo_chrome_off.png") no-repeat;
    display: inline-block;
    transition: 0.8s;
}

    .chrome-button:hover {
        background: url("/Images/icons/logo_chrome_on.png") no-repeat;
    }

.firefox-button {
    width: 120px;
    height: 120px;
    background: url("/Images/icons/logo_firefox_off.png") no-repeat;
    display: inline-block;
    transition: 0.8s;
}

    .firefox-button:hover {
        background: url("/Images/icons/logo_firefox_on.png") no-repeat;
    }

.edge-button {
    width: 120px;
    height: 120px;
    background: url("/Images/icons/logo_edge_off.png") no-repeat;
    display: inline-block;
    transition: 0.8s;
}

    .edge-button:hover {
        background: url("/Images/icons/logo_edge_on.png") no-repeat;
    }

.body-error {
    margin: 0;
    padding: 0;
    background-color: #e6e6e6;
}

.padding-bottom5 {
    padding-bottom:12px;
}

.box-error {
    position: absolute;
    top: 50%;
    left: 50%;
}

.text-header-error-blue {
    font-size: 36px;
    font-weight: 600;
    color: #005a84;
    text-align: center;
    padding: 10px;
}

.text-header-error-grey {
    font-size: 20px;
    color: #7a7a7a;
    text-align: center;
    padding: 20px;
}


.logo-oroc-error {
    padding: 30px;
}

/**COMBO-BOX SEARCH**/
.selectdiv {
    width: 100%;
    font-size: 13px;
    padding: 6px;
    padding-left: 15px;
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 200px;
    border-radius: 19px;
    outline: none;
    height: 35px;
}

    .selectdiv:hover::after {
        background-color: #00adef;
        border: 1px solid #00adef;
        transition: 0.5s;
    }

    .selectdiv:after {
        content: '\f078';
        font: normal normal normal 17px/1 FontAwesome;
        color: #ffffff;
        right: 0px;
        top: 6px;
        height: 44px;
        padding: 12px 0px 0px 8px;
        border: 1px solid #015a84;
        border-radius: 0px 19px 19px 0px;
        background-color: #015a84;
        position: absolute;
        pointer-events: none;
        width: 35px;
    }

    .selectdiv.decorated option:hover {
        background-color: #00adef;
    }



select::-ms-expand {
    display: none;
}

.selectdiv select {
    border-radius: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    width: 382px;
    height: 45px;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #aaaaaa;
    -ms-word-break: normal;
    word-break: normal;
    outline: none;
    cursor: pointer;
}

.responsive-logo {
    width:30%;
}


a.oroc-generic-btn-blue 
{
    text-decoration:none !important;
}

.border-box-normas {
    background-color: #f4f5f6;
    padding: 15px 0;
    border-radius: 15px;
    margin: -10px;
}

.table > thead > tr > th
{
    border:0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 0;
}

.destaques {
    text-align: center;
    width: 50%;
    margin: auto;
}

.tel,
.tel:hover,
.tel:visited{
    text-decoration:none;
    color:#fff;
}


.tel-contacts,
.tel-contacts:hover,
.tel-contacts:visited {
    text-decoration: none;
    color: #333;
}

.padding-footer-20 {
    padding-top: 20px
}


footer .container
{
    padding-top:20px;
}

.btn-mainPage {
    float: right;
}



@media(min-width:764px) and (max-width: 1124px) {
    .destaques {
        text-align: center;
        width: 60%;
        margin: auto;
    }
}

@media (max-width: 1058px) {
    .col-oroc-12 {
        width: 100%;
    }

    .navbar {
        margin-bottom: 10px;
    }

    header,
    .container {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .lines-top {
        display: none;
        visibility: hidden;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
    }

    .row {
        text-align: center;
    }

    .align-right {
        text-align: center
    }

    .padding-left {
        padding-left: 15px;
    }

    footer .col-xs-1 {
        width: 5px;
        float: right;
    }
}

@media (max-width: 768px) {
    .destaques {
        text-align: center;
        width: 100%;
        margin: auto;
    }

        .destaques > ul.nav-tabs > a {
            display: block;
        }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 100%;
    }

    .header-subpages {
        text-align: left;
    }

    .label-header {
        width: unset;
    }
    .shortcut-right-menu {
        display: none;
        visibility: hidden;
    }
    
}



@media (max-width: 1058px) {


    .btn-oroc-user, .btn-oroc-user:visited {
        font-size: 10px;
    }



    .padding-left-button {
        padding-left: 0px;
    }

        .padding-left-button a.button-darkblue {
            float: right;
            margin:0;
        }
        .legend::after {
            content: "";
            background: #000;
            border-radius: 15px;
            height: 4px;
            position: absolute;
            width: 0%;
        }

    h2, .h2 {
        font-size: 13px;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .button_header_login {
        width: 100%;
        background-color: transparent;
        border: 0px solid #005a84;
        color: #fff;
        padding: 0 0 0 15px;
        text-transform: initial;
        text-align: left;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 0;
        cursor: pointer;
        border-radius: 0;
        transition: 0s;
    }

    .header-links {
        visibility: hidden;
    }

    .search_box_header {
        visibility: hidden;
    }

    .custom-select-trigger {
        visibility: hidden;
    }


    ul.nav.navbar-nav {
        width: 99%;
        margin-left: 5px;
    }

    .navbar-nav {
        float: left;
        PADDING-TOP: 0;
        background-color: #003857;
        color: #fff;
    }

    .navbar-collapse-oroc {
        padding-right: 5px;
        padding-left: 5px;
        background-color: #003857;
        color: #fff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size: 16px;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #003857;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse-oroc, .container-fluid > .navbar-collapse-oroc {
        margin-right: 0px;
        margin-left: 1px;
        border-radius: 15px;
    }



    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff;
        font-size: 16px;
    }

    .search-topimage {
        float: left;
        width: 100%;
        position: relative;
    }

    .animated-img {
        width: 100%;
        height: 372px;
        object-fit: none;
    }

    .btn {
        text-align: left;
    }

    .space-address {
        margin-left: 0;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
    }

    .navbar-header {
        width: 100%;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #0073ae;
        border-radius:10px;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .tel,
    .tel:hover,
    .tel:visited {
        text-decoration: underline;
        color: #fff;
    }

    .tel-contacts,
    .tel-contacts:hover,
    .tel-contacts:visited {
        text-decoration: underline;
        color: #333;
    }
}

@media (min-width: 1058px) {
    .navbar-collapse.collapse.navbar-collapse-oroc {
        visibility: hidden !important;
        display: none !important
    }
        
   


}

@media (max-width: 1058px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .row-flex {
        display: block;
    }

    .legend-files-icons {
        padding: 10px 5px 10px 0;
        text-align: left;
    }

        .legend-files-icons > .col-xs-6 {
            padding-left: 0;
            padding-right: 0;
        }

        .legend-files-icons > span {
            padding: 10px 5px 10px 0;
        }

    #footer_linha {
        text-align: center;
    }

    .padding-logo-footer {
        display: block;
        padding:0;
    }

    .linkedin-button {
        margin-bottom: 0;
    }

    .facebook-button {
        margin-bottom: 0;
    }

    .row-xs-padding15 {
        padding-top: 15px;
    }

    .padding-footer-20 {
        padding-top: 0
    }

    .padding-footer-lastlogo {
        padding-left: 0;
    }

    .advanced-search-box .col-lg-4 {
        display: block;
        padding-top:5px;
    }
    .tab-content {
        padding: 5px;
    }

    .tab-content .col-xs-12  {
        padding-top:5px;
    }

    .row-selectdiv {
        height: 30px;
    }

    .button-darkblue-contact {
        margin:8px 0 8px 0;
        padding:10px;
        font-size:14px;
    }

    footer .container {
        padding-top: 10px;
    }

    .header-topic2 {
        text-align:center;
    }
    .contacts-inv
    {
        display:flex;
        flex-direction:column-reverse;
    }

    .row.contacts-inv::after(1)
    {
        padding-top:15px;
    }

    .col-sm-6-footer
    {
        padding-left:5%;
    }
    .btn-mainPage{
        float:none;
    }
    .label-header-tiles-left{
        display:none;
        visibility:hidden;
    }
    .text-vertical-middle {
        text-align:left;
    }
    .border-box-modules-blue {
        font-size: 14px;
        padding: 2px;
    }

    .row-no-pading-col .col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }

    
    }

@media (max-width: 1148px) {
    .demo-gallery .col-md-4 {
        min-height: 350px;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {

        border: 0;
    }
        .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
            white-space: unset;
        }

    
}
@media screen and (min-width:769px) and ( max-width:998px) {
    .col-sm-6-footer {
        padding-right: 20%;
    }
}