body {
    color: #005d6f;
    font-family: sans-serif;
}

.navbar-cardo {
    background-color: #ffffff;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 3px solid #005d6f;
}
.navbar-cardo .navbar-brand {
    color: #808388;
}
.navbar-cardo .navbar-brand:hover,
.navbar-cardo .navbar-brand:focus {
    color: #005d6f;
}
.navbar-cardo .navbar-text {
    color: #808388;
}
.navbar-cardo .navbar-nav > li > a {
    color: #808388;
}
.navbar-cardo .navbar-nav > li > a:hover,
.navbar-cardo .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #005d6f;
}
.navbar-cardo .navbar-nav > .active > a,
.navbar-cardo .navbar-nav > .active > a:hover,
.navbar-cardo .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #005d6f;
}
.navbar-cardo .navbar-nav > .open > a,
.navbar-cardo .navbar-nav > .open > a:hover,
.navbar-cardo .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #005d6f;
}
.navbar-cardo .navbar-toggle {
    border-color: #005d6f;
}
.navbar-cardo .navbar-toggle:hover,
.navbar-cardo .navbar-toggle:focus {
    background-color: #005d6f;
}
.navbar-cardo .navbar-toggle .icon-bar {
    background-color: #808388;
}
.navbar-cardo .navbar-collapse,
.navbar-cardo .navbar-form {
    border-color: #808388;
}
.navbar-cardo .navbar-link {
    color: #808388;
}
.navbar-cardo .navbar-link:hover {
    color: #84868A;
}
@media (min-width: 768px) {
    .navbar-cardo,
    .navbar-cardo .navbar-brand {
        height: 80px;
    }
    .navbar-cardo .navbar-nav {
        margin-top: 27px;
    }
    .navbar-cardo .navbar-nav > li > a {
        color: #ffffff;
        background-color: #005d6f;
    }
    .navbar-cardo .navbar-nav > li:first-child > a {
        border-top-left-radius: 8px;
    }
    .navbar-cardo .navbar-nav > li:last-child > a {
        border-top-right-radius: 8px;
    }
}
@media (min-width: 1023px) {
    .navbar-cardo,
    .navbar-cardo .navbar-brand {
        height: 100px;
    }
    .navbar-cardo .navbar-nav {
        margin-top: 47px;
    }
}
@media (max-width: 767px) {
    .navbar-cardo .navbar-nav .open .dropdown-menu > li > a {
        color: #808388;
    }
    .navbar-cardo .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-cardo .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #84868A;
    }
    .navbar-cardo .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-cardo .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-cardo .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #84868A;
        background-color: #005d6f;
    }
}
.navbar-brand > img {
    max-height: 100%;
}

.navbar-cardo .dropdown-menu {
    background-color: #005d6f;
}
.navbar-cardo .dropdown-menu>li>a {
    color: #ffffff;
}
.navbar-cardo .dropdown-menu>li>a:hover,
.navbar-cardo .dropdown-menu>li>a:focus,
.navbar-cardo .dropdown-menu>.active>a,
.navbar-cardo .dropdown-menu>.active>a:hover,
.navbar-cardo .dropdown-menu>.active>a:focus {
    color: #ffffff !important;
    background-color: #005d6f;
}

h1, h2, h3, h4, h5, h6 {
    color: #84868A;
}

a {
    color: #005d6f;
}
a:hover, a:focus {
    color: #005d6f;
}

.btn.btn-cardo {
    background-color: #005d6f;
    color: #ffffff;
}

.subpanel {
    padding: 15px;
}
.panel-cardo {
    border-color: #005d6f;
}
.panel-cardo>.panel-heading {
    color: #fff;
    background-color: #005d6f;
    border-color: #005d6f;
}

#navigation > ul > li > a > img {
    max-height: 16px;
}

#main {
    margin-bottom: 15px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#main p {
    text-align: justify;
}

@media (max-width: 1023px) {
    body {
        margin-bottom: 100px;
    }
}
#scrolltop {
    z-index: 1000;
    position: fixed;
    bottom: 40px;
    right: 40px;
    color: #005d6f;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #005d6f;
    width: 40px;
    height: 40px;
    display: none;
}
#scrolltop:hover {
    background-color: #005d6f;
    color: #ffffff;
}
#scrolltop i {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.submenu {
    list-style: none;
    padding: 5px;
    background-color: #005d6f;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #ffffff;
    width: 350px;
    max-width: 100%;
    margin-top: -20px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .submenu {
        margin-top: 0;
        border-radius: 8px;
    }
}
.submenu > li {
    padding: 10px;
}
.submenu > li > a {
    color: #ffffff;
    text-decoration: none;
}

.profile {
    max-width: 100%;
}

.label-grey {
    background-color: #B5B4B6;
}

.shorten {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-image {
    max-width: 100%;
    max-height: 400px;
}

.panel-title>.small>a:focus,
.panel-title>.small>a:hover,
.panel-title>a:hover,
.panel-title>a:focus,
.panel-title>small>a:hover,
.panel-title>small>a:focus {
    color: inherit;
}