﻿@charset "utf-8";
/* CSS Document */


/*Declara├º├úo inicial*/
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.LatoRegular21 {
    font-size: 21px !important;
    color: #656565 !important;
    line-height: 1.2 !important;
}

.LatoRegular21Branco {
    font-size: 21px !important;
    color: #fff !important;
    line-height: 1.2 !important;
}

.LatoRegularAzul21 {
    font-size: 21px !important;
    color: #183e6f !important;
    line-height: 1.2 !important;
}

.LatoBackAzul33 {
    font-size: 33px !important;
    font-weight: bold;
    color: #183e6f !important;
    line-height: 1.2 !important;
}

figure {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 20px 20px 0;
}

figcaption {
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    width: 1024px;
    color: white;
    padding: 10px 20px;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

figure:hover figcaption {
    opacity: 1;
}

figure:before {
    /*  content: "?"; 
    position: absolute; 
    font-weight: 800; 
    background: rgba(255,255,255,0.75); 
    text-shadow: 0 0 5px white;
    color: black;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius:    12px;
    border-radius:         12px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    -moz-transition: all 0.6s ease;
    opacity: 0.75;	*/
}

figure:hover:before {
    opacity: 0;
}

.ccc-left:before {
    bottom: 10px;
    left: 10px;
}

.ccc-left figcaption {
    bottom: 0;
    left: -30%;
}

.ccc-left:hover figcaption {
    left: 0;
}

.ccc-right:before {
    bottom: 10px;
    right: 10px;
}

.ccc-right figcaption {
    bottom: 0;
    right: -30%;
}

.ccc-right:hover figcaption {
    right: 0;
}

.ccc-top:before {
    top: 10px;
    left: 10px;
}

.ccc-top figcaption {
    left: 0;
    top: -30%;
}

.ccc-top:hover figcaption {
    top: 0;
}

/*.cap-bot:before { bottom: 10px; left: 10px; }*/
.ccc-bot figcaption {
    left: 0;
    bottom: 0;
}

/*.cap-bot:hover figcaption { bottom: 0; }*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*Medias queries */
.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.classGenericas h1 {
    font-family: Lato;
    font-weight: normal;
    font-size: 35px;
    color: #153567;
}

    .classGenericas h1 > span {
        font-weight: 300;
        font-size: 33px;
    }

.classGenericas h2 {
    font-family: Lato;
    font-weight: bold;
    font-size: 20.5px;
    color: #153567;
    letter-spacing: -1px;
}

    .classGenericas h2 > span {
        font-weight: 300;
    }

.classGenericas h3 {
    font-family: Lato;
    font-weight: bold;
    font-size: 17px;
    color: #153567;
}

    .classGenericas h3 > span {
        font-weight: lighter;
        font-size: 15px;
    }

.classGenericas p, .classGenericas .p {
    font-weight: 300;
    font-size: 15px;
}

p.Subcoordenador {
    color: #2f2f2f;
    font-size: 17px !important;
    font-weight: normal;
}

    p.Subcoordenador > span {
        color: #096A95;
        font-size: 17px;
        font-weight: bold;
    }

#Ulmenu-ccc .navbar-nav > li > a {
    /* padding-top: 20px !important;*/
    padding-bottom: 18px;
}

/*#menu-ccc {
  height: 58px !important; }

#menu-ccc > .container-fluid {
  height: 58px !important; }
*/
#galeria {
    padding-bottom: 60px;
}

    #galeria .galeriaDescricao p {
        font-weight: 300;
        font-size: 22px;
    }

    #galeria .bannergaleria {
        padding-bottom: 45px;
    }

    #galeria a {
        color: black;
    }

        #galeria a > p {
            padding-top: 5px;
            text-align: center;
            font-size: 14px;
            font-style: italic;
            color: #3a3f4a;
        }

/* CSS Document */
#fotosgaleria {
    padding-bottom: 60px;
}

#menu-ccc {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.menu-ccc {
    background-color: #244473 !important;
    border-color: transparent !important;
    border: none !important;
}

nav#menu-ccc .nav > li > a {
    /*position: relative;*/
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

nav#menu-ccc.navbar-default {
    background-color: #244473;
    border-color: transparent;
    border: none;
}

nav#menu-ccc.navbar {
    /*position: relative;*/
    margin-bottom: 0;
    /*border: 1px solid transparent;*/
    border-radius: 0;
}

nav#menu-ccc .navbar-brand {
    float: left;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 14px;
}

nav#menu-ccc.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 11px;
    background-color: #244473;
    cursor: pointer;
}

    nav#menu-ccc.navbar-default .navbar-nav > li > a:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
        background: #3A4F7E;
        /* Old browsers */
        background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
        /* IE6-9 */
    }

    nav#menu-ccc.navbar-default .navbar-nav > li > a:active {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
        background: #3A4F7E;
        /* Old browsers */
        background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
        /* IE6-9 */
    }

@media (min-width: 1200px) {
    #home-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        background-color: #244473;
        cursor: pointer;
    }

        #home-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        #home-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }

        #home-ccc i.fa-home {
            color: #fff;
        }

    .menuItem-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        /*    padding-left: 10px !important;
        padding-right: 10px !important;*/
    }

        .menuItem-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        .menuItem-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }

    #Ulmenu-ccc .dropdown-menu {
        background-color: #244473;
    }

    .dropdown-menu > li > a.menuItem-ccc {
        display: block;
        height: 40px;
        margin: 0 auto;
        /*    padding-left: 10px !important;
        padding-right: 10px !important;*/
    }

    .dropdown-menu > li > a.menuItem-ccc {
        display: block;
        padding: 15px 30px;
        font-size: 11px;
        clear: both;
        font-weight: normal;
        line-height: 1;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a.menuItem-ccc:hover {
            background: #FFE193;
            height: 40px;
            margin: 0 auto;
        }

    /* The container <div> - needed to position the dropdown content */
    .dropdown-voluntariado {
        /* position: relative;*/
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdown-content-voluntariado {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        top: 51px;
    }
}

@media (max-width: 1200px) {
    #home-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        background-color: #244473;
        cursor: pointer;
    }

        #home-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

    #Ulmenu-ccc > .nav > li.open > a {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
        background: #3A4F7E;
        /* Old browsers */
        background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
        /* IE6-9 */
    }

    #home-ccc.active {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
        background: #3A4F7E;
        /* Old browsers */
        background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
        /* IE6-9 */
    }

    #home-ccc i.fa-home {
        color: #fff;
    }

    .menuItem-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        /*2*/
        /*    padding-left: 10px !important;
        padding-right: 10px !important; */
    }

        .menuItem-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        .menuItem-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #home-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        background-color: #244473;
        cursor: pointer;
    }

        #home-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        #home-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #ffbd3A4F7E00 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }

        #home-ccc i.fa-home {
            color: #fff;
        }

    .menuItem-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        /*1*/
        /*   padding-left: 10px !important;
       padding-right: 10px !important; */
    }

        .menuItem-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        .menuItem-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #home-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        background-color: #244473;
        cursor: pointer;
    }

        #home-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        #home-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }

        #home-ccc i.fa-home {
            color: #fff;
        }

    .menuItem-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        /*0*/
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

        .menuItem-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        .menuItem-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }
}

@media (max-width: 767px) {
    #home-ccc {
        display: block;
        height: 52px;
        margin: 0 auto;
        background-color: #244473;
        cursor: pointer;
    }

        #home-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        #home-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }

        #home-ccc i.fa-home {
            color: #fff;
        }

    .menuItem-ccc {
        display: inline-block;
        height: 52px;
        margin: 0 auto;
        /*00*/
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        .menuItem-ccc:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbd00+1,ffcb47+26,ffcb47+75,ffbd00+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 75%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 1%, #3A4F7E 26%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 1%, #3A4F7E 30%, #3A4F7E 75%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
            height: 52px;
            margin: 0 auto;
            /*background-color: #FFBD00;*/
        }

        .menuItem-ccc.active {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb47+0,ffbd00+30,ffbd00+70,ffcb47+100 */
            background: #3A4F7E;
            /* Old browsers */
            background: -moz-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #3A4F7E 0%, #3A4F7E 30%, #3A4F7E 70%, #3A4F7E 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A4F7E', endColorstr='#3A4F7E',GradientType=1 );
            /* IE6-9 */
        }
}

.slider-principal {
    display: block;
    max-width: 99%;
    height: auto;
    line-height: 1;
}

/*---------- CAPTION ----------*/
.testimonial_carousel_wrapper {
    padding: 0;
    overflow: hidden;
}

.testimonial_carousel_caption {
    text-align: center;
    padding: 0;
}

    .testimonial_carousel_caption img {
        border: solid 5px #ccc;
        width: 92px;
    }

.classGenericas h2 {
    font-family: Lato;
    font-weight: bold;
    font-size: 26px;
    color: #434242;
}

.classGenericas h3 {
    font-family: Lato;
    font-weight: bold;
    font-size: 17px;
    color: #434242;
}

    .classGenericas h3 > span {
        font-weight: lighter;
        font-size: 15px;
    }

.p {
    font-weight: 300;
    font-size: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .classGenericas h2 {
        text-align: center;
    }

    .classGenericas h3 {
        text-align: center;
    }

        .classGenericas h3 > span {
            text-align: center;
        }
}

@media (max-width: 767px) {
    .classGenericas h2 {
        text-align: center;
    }

    .classGenericas h3 {
        text-align: center;
    }

        .classGenericas h3 > span {
            text-align: center;
        }
}

hr {
    margin-top: 0;
    margin-bottom: 0;
}

/* ajuste fino*/

body {
    line-height: normal;
}

h1 {
    font-family: lato;
    font-weight: 300 !important;
    color: #153567;
    font-size: 31px !important;
}

    h1 > span {
        font-weight: bold !important;
        font-size: 41px !important;
    }

#dropdown-menu-ccc.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

    #dropdown-menu-ccc.dropdown-menu > li {
        padding: 10px;
    }

        #dropdown-menu-ccc.dropdown-menu > li:hover {
            background-color: #ffbd00;
        }

        #dropdown-menu-ccc.dropdown-menu > li > a:hover, #dropdown-menu-cap > li > a:focus {
            display: block;
            height: 100%;
            text-decoration: none;
            color: #153567;
            background-color: #ffbd00;
        }

#ccc-container p {
    font-size: 17px;
}

.modal-content {
    left: -375px;
    top: 38px;
}