        @import url(http://fonts.googleapis.com/css?family=Exo:300,400,600|Open+Sans:400italic,700italic,400,600);
        /**########
*cores
 #########**/
        /*$corprincipal: #3ab55a;
$rodapecor: #000;
#efebea: #efebea;
*/

        body {
            font-size: 100%;
            color: #3ab55a;
            font-family: EXO;
        }
        /**########
*	FONTES
	#########**/

        p {
            line-height: 1.5;
            margin: 30px 0;
            a {
                text-decoration: underline;
            }
        }

        h1 {
            color: #2e3d5a!important;
        }

        h2 {
            color: #326d7d !important;
        }

        h3 {
            color: #2e3d5a!important;
            font-size: 1.4em !important
        }

        h4 {
            color: #e6e116 !important;
            font-size: 1.3em !important
        }

        h3 small {
            color: #e6e116 !important;
            font-size: 1.1em !important
        }

        a {
            color: #326d7d !important;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        a:focus, a:hover {
            color: #e6e116;
        }

        a[href$=".pdf"]:before {
            content: "\f1c1 ";
            font-family: "Font Awesome 5 Free";
        }

        blockquote {
            font-style: italic;
            color: #868e96;
        }

        .section-heading {
            font-size: 36px;
            font-weight: 700;
            margin-top: 60px;
        }

        .caption {
            font-size: 14px;
            font-style: italic;
            display: block;
            margin: 0;
            padding: 10px;
            text-align: center;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
        }

         ::-moz-selection {
            color: #fff;
            background: #0085A1;
            text-shadow: none;
        }

         ::selection {
            color: #fff;
            background: #0085A1;
            text-shadow: none;
        }

        img::-moz-selection {
            color: #fff;
            background: transparent;
        }

        img::selection {
            color: #fff;
            background: transparent;
        }

        img::-moz-selection {
            color: #fff;
            background: transparent;
        }
        /*#########
	MENU
	########*/

       @media only screen and (min-width: 768px) {
 .dropdown:hover .dropdown-menu {display: block;}
  }

        .dropdown-menu.show {
           /* background: #c2c6c6 !important;
            /*mudar aqui*/
            color: #000 !important;
            /*position: fixed !important;*/
           /* display: inline-flex !important;*/
           /* width: 100% !important;*/
            /*margin-top: -2px !important;*/
	         top:30px !important;
        }
        .dropdown-menu{
           /* background: #c2c6c6 !important;
            /*mudar aqui*/
            color: #000 !important;
            /*position: fixed !important;*/
           /* display: inline-flex !important;*/
           /* width: 100% !important;*/
            /*margin-top: -2px !important;*/
	         top:30px !important;
        }

        .dropdown-item {
            color: #000 !important;
            /*mudar aqui*/
            /* width: 100%; */
            padding: .25rem 2.5rem;
        }

        .dropdown-item:hover {
            color: #c2c6c6 !important;
            background: #000!important;
            /*mudar aqui*/
        }

        #mainNav {
            position: fixed;
            border-bottom: 5px solid #c2c6c6;
            background-color: #3875a1;
            /*mudar aqui*/
        }

        .navbar-toggler {
	        border: 0px;
            font-size: 1.5em !important;
            font-weight: 800;
            padding: 13px;
            text-transform: uppercase;
            color: #fff !important;
        }
        }

        #mainNav {
            position: fixed;
            border-bottom: 10px solid #f8ec00;
            background-color: #e6e116;
            /*mudar aqui*/
        }

        .navbar-toggler {
	        border: 0px;
            font-size: 1.5em !important;
            font-weight: 800;
            padding: 13px;
            text-transform: uppercase;
            color: #fff !important;
        }

        
        .navbar-toggler.collapsed .fa-times  {font-size: 0}
        .navbar-toggler.collapsed .fa-bars  {font-size: 1.5em}
   
   
      .navbar-toggler[aria-expanded="true"] .fa-times  {
        font-size: 1.5em  !important
    }

    .navbar-toggler[aria-expanded="true"] .fa-bars {
        font-size: 0  !important
    }

    .navbar-toggler[aria-expanded="false"] .fa-times  {
        font-size: 0em  !important
    }

    .navbar-toggler[aria-expanded="false"] .fa-bars {
        font-size:1.5em  !important
    }
            
        .navbar-toggler small {
            font-size: 0.5em !important;
        }

        #mainNav .navbar-nav>li.nav-item>a {
            font-size: 0.7em !important;
            font-weight: 800;
            letter-spacing: 0.03em;
            color: #000 !important;
            text-transform: uppercase;
        }

        #mainNav .navbar-nav>li.nav-item>a:hover {
            color: #e6e116 !important;
        }

       .affix .navbar-brand img {
            height: 50px !important;
            padding-top: 5px;
            margin: 0;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            transition: all 0.4s;
        }
       .navbar-brand img {
            height: 0px !important;
            padding: 0px;
            margin: 0;
        }
        nav.affix {background: #c5c5c5!important; border-bottom: 5px solid #595959 !important}

        @media (min-width: 992px) .navbar-nav .nav-link {
            padding-right: .2rem !important;
            padding-left: .2rem !important;
        }

        @media only screen and (min-width: 992px) {
            #mainNav {
                border-bottom: 0px solid #2554a6;
                background-color: #fff;
                .navbar-brand {
                    padding: 2px;
                }
                .navbar-brand:focus, .navbar-brand:hover {
                    color: rgba(255, 255, 255, 0.8);
                }
                .navbar-nav>li.nav-item>a {
                    padding: 10px;
                    color: #fff;
                }
                .navbar-nav>li.nav-item>a:focus, .navbar-nav>li.nav-item>a:hover {
                    color: rgba(255, 255, 255, 0.8);
                }
                
            }
        }

        @media only screen and (min-width: 992px) {
            #mainNav {
                -webkit-transition: background-color 0.2s;
                transition: background-color 0.2s;
                /* Force Hardware Acceleration in WebKit */
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                -webkit-backface-visibility: hidden;
                .is-fixed {
                    /* when the user scrolls down, we hide the header right above the viewport */
                    position: fixed;
                    top: -67px;
                    -webkit-transition: -webkit-transform 0.2s;
                    transition: -webkit-transform 0.2s;
                    transition: transform 0.2s;
                    transition: transform 0.2s, -webkit-transform 0.2s;
                    border-bottom: 1px solid white;
                    background-color: rgba(255, 255, 255, 0.9);
                }
                .is-fixed .navbar-brand {
                    color: #202826;
                }
                .is-fixed .navbar-brand:focus, .is-fixed .navbar-brand:hover {
                    color: #0085A1;
                }
                .is-fixed .navbar-nav>li.nav-item>a {
                    color: #fff;
                }
                .is-fixed .navbar-nav>li.nav-item>a:focus, .is-fixed .navbar-nav>li.nav-item>a:hover {
                    color: #0085A1;
                }
                .is-visible {
                    /* if the user changes the scrolling direction, we show the header */
                    -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0);
                }
            }
        }
        /*#######
	Secções
	#######*/

        div.container.conteudo {
            border-bottom: 2px dashed #f5fdff;
            padding: 55px 25px;
        }

        @media (max-width: 992px) {
            #home {
                margin-top: 80px !important;
            }
        }

        section {
            h2.section-heading {
                margin-top: 0;
                margin-bottom: 15px;
                font-size: 40px;
            }
            h3.section-subheading {
                margin-bottom: 75px;
                text-transform: none;
                font-size: 16px;
                font-style: italic;
                font-weight: 400;
            }
            h3.section-subheading2 {
                margin-bottom: 75px;
                text-transform: none;
                font-size: 14px;
                font-style: italic;
                font-weight: 400;
            }
            hr {
                height: 1px;
                border: 0;
                border-top: 1px solid #d8d7d7;
                width: 98%;
            }
            hr.leve {
                margin-top: 10px;
                margin-bottom: 10px;
                border: 0;
                border-top: 1px dashed #ffeed5;
            }
        }
        /*########
	Footer
	######### */

        footer {
            padding: 25px 0;
            text-align: center;
            border-top: 5px solid #2e3d5a;
            background: /*url(../images/footer_bk.png) center center no-repeat*/ #cdcc3e80 !important;
            /*mudar aqui*/
            span.copyright {
                text-transform: none;
                line-height: 1.2em;
                font-size: 0.8em;
                letter-spacing: 0.1em;
                color: #627546;
                /*mudar aqui*/
            }
            .spq {
                text-transform: none;
                line-height: 2.2em;
                color: #000;
                font-size: 0.8em;
                letter-spacing: 0.02em;
            }
            hr {
                height: 1px;
                border: 0;
                border-top: 1px solid #ced0d0;
                /*mudar aqui*/
                width: 70%;
            }
            ul.quicklinks {
                margin-bottom: 0;
                text-transform: none;
                line-height: 2.2em;
                color: #000;
                /*mudar aqui*/
                a {
                    margin-bottom: 0;
                    text-transform: none;
                    line-height: 2.2em;
                    color: #627546;
                    /*mudar aqui*/
                }
                a:hover {
                    margin-bottom: 0;
                    text-transform: none;
                    line-height: 2.2em;
                    color: #fff;
                }
            }
        }

        ul.social-buttons {
            margin-bottom: 0;
            li a {
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 100%;
                font-size: 1.3em;
                line-height: 2.2em;
                outline: 0;
                color: #fff !important;
                background-color: #627546;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            li a:active, li a:focus, li a:hover {
                background-color: #fff;
                color: #000;
            }
        }
        /**########Outros########*/

        .btn {
            font-size: 0.9em !important;
            font-weight: 800;
            padding: 5px !important;
            letter-spacing: 0.02em;
            border-radius: 0;
        }

        .btn-lg {
            font-size: 1.3em;
            padding: 15px 25px;
        }

        .container-fluid {
            padding: 0px !important
        }
        /*####Header#######*/

        .carousel-inner {
            border-bottom: 5px solid #2554a6 !important;
        }

        .carousel-inner img {
            width: 100% !important;
            margin-top: 75px !important
        }
