/* CSS Document */

@import url(sprites.css);
@import url(../fonts/stylesheet.css);

/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}*/

/* ==========================================================================
   General
   ========================================================================== */

* {
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	/*font-family:'Avenir LT W01 35 Light';*/
    /*font-weight: 300;*/
    font-smooth: always;
    color: #666666;
}
strong,
b {
    font-weight: 700;
}
body {
    position: relative
}
.table code {
    font-size: 13px;
    font-weight: 400
}
.btn-outline {
    color: #006666;
    background-color: transparent;
    border-color: #006666
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    color: #fff;
    background-color: #006666;
    border-color: #006666
}
.btn-outline-inverse {
    color: #fff;
    background-color: transparent;
    border-color: #cdbfe3
}
.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
    color: #006666;
    text-shadow: none;
    background-color: #fff;
    border-color: #fff
}
.bs-booticon {
    display: block;
    font-weight: 500;
    color: #fff;
    background-color: #006666;
    border-radius: 15%;
    cursor: default;
    text-align: center
}
.bs-booticon-sm {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 28px
}
.bs-booticon-lg {
    width: 144px;
    height: 144px;
    font-size: 108px;
    line-height: 140px
}
.bs-booticon-inverse {
    color: #006666;
    background-color: #fff
}
.bs-booticon-outline {
    background-color: transparent;
    border: 1px solid #cdbfe3
}
.bs-docs-nav {
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0
}
.bs-home-nav .bs-nav-b {
    display: none
}
.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav>li>a {
    color: #006666;
    font-weight: 500
}
.bs-docs-nav .navbar-nav>li>a:hover,
.bs-docs-nav .navbar-nav>.active>a,
.bs-docs-nav .navbar-nav>.active>a:hover {
    color: #0875aa;
    background-color: #f9f9f9
}
.bs-docs-nav .navbar-toggle .icon-bar {
    background-color: #006666
}
.bs-docs-nav .navbar-header .navbar-toggle {
    border-color: #fff
}
.bs-docs-nav .navbar-header .navbar-toggle:hover,
.bs-docs-nav .navbar-header .navbar-toggle:focus {
    background-color: #f9f9f9;
    border-color: #f9f9f9
}
.bs-footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 100px;
    color: #777;
    text-align: center;
    border-top: 1px solid #e5e5e5
}
.footer-links {
    margin-top: 20px;
    padding-left: 0;
    color: #999
}
.footer-links li {
    display: inline;
    padding: 0 2px
}
.footer-links li:first-child {
    padding-left: 0
}
@media (min-width: 768px) {
    .bs-footer p {
        margin-bottom: 0
    }
}
.bs-social {
    margin-bottom: 20px;
    text-align: center
}
.bs-social-buttons {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.bs-social-buttons li {
    display: inline-block;
    line-height: 1;
    padding: 5px 8px
}
.bs-social-buttons .twitter-follow-button {
    width: 225px !important
}
.bs-social-buttons .twitter-share-button {
    width: 98px !important
}
.github-btn {
    border: 0;
    overflow: hidden
}
.bs-masthead,
.bs-header {
    position: relative;
    padding: 30px 15px;
    color: #cdbfe3;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    background-color: #6f5499;
    background-image: -webkit-linear-gradient(top, #006666 0, #6f5499 100%);
    background-image: linear-gradient(to bottom, #006666 0, #6f5499 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006666', endColorstr='#6F5499', GradientType=0)
}
.bs-masthead .bs-booticon {
    margin: 0 auto 30px
}
.bs-masthead h1 {
    font-weight: 300;
    line-height: 1;
    color: #fff
}
.bs-masthead .lead {
    margin: 0 auto 30px;
    font-size: 20px;
    color: #fff
}
.bs-masthead .btn {
    width: 100%;
    padding: 15px 30px;
    font-size: 20px
}
@media (min-width: 480px) {
    .bs-masthead .btn {
        width: auto
    }
}
@media (min-width: 768px) {
    .bs-masthead {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .bs-masthead h1 {
        font-size: 60px
    }
    .bs-masthead .lead {
        font-size: 24px
    }
}
@media (min-width: 992px) {
    .bs-masthead .lead {
        width: 80%;
        font-size: 30px
    }
}
.bs-header {
    margin-bottom: 40px;
    font-size: 20px
}
.bs-header h1 {
    margin-top: 0;
    color: #fff
}
.bs-header p {
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.4
}
.bs-header .container {
    position: relative
}
@media (min-width: 768px) {
    .bs-header {
        padding-top: 60px;
        padding-bottom: 60px;
        font-size: 24px;
        text-align: left
    }
    .bs-header h1 {
        font-size: 60px;
        line-height: 1
    }
}
@media (min-width: 992px) {
    .bs-header h1,
    .bs-header p {
        margin-right: 380px
    }
}
.carbonad {
    width: auto !important;
    margin: 30px -30px -31px !important;
    padding: 20px !important;
    overflow: hidden;
    height: auto !important;
    font-size: 13px !important;
    line-height: 16px !important;
    text-align: left;
    background: transparent !important;
    border: solid #866ab3 !important;
    border-width: 1px 0 !important
}
.carbonad-img {
    margin: 0 !important
}
.carbonad-text,
.carbonad-tag {
    float: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin-left: 145px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important
}
.carbonad-text {
    padding-top: 0 !important
}
.carbonad-tag {
    color: inherit !important;
    text-align: left !important
}
.carbonad-text a,
.carbonad-tag a {
    color: #fff !important
}
.carbonad #azcarbon>img {
    display: none
}
@media (min-width: 480px) {
    .carbonad {
        width: 330px !important;
        margin: 20px auto !important;
        border-radius: 4px;
        border-width: 1px !important
    }
    .bs-masthead .carbonad {
        margin: 50px auto 0 !important
    }
}
@media (min-width: 768px) {
    .carbonad {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}
@media (min-width: 992px) {
    .carbonad {
        position: absolute;
        top: 0;
        right: 15px;
        margin: 0 !important;
        padding: 15px !important;
        width: 330px !important
    }
    .bs-masthead .carbonad {
        position: static
    }
}
.bs-featurette {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}
.bs-featurette+.bs-footer {
    margin-top: 0;
    border-top: 0
}
.bs-featurette-title {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    margin-bottom: 5px
}
.half-rule {
    width: 100px;
    margin: 40px auto
}
.bs-featurette h3 {
    font-weight: 400;
    color: #333;
    margin-bottom: 5px
}
.bs-featurette-img {
    display: block;
    margin-bottom: 20px;
    color: #333
}
.bs-featurette-img:hover {
    text-decoration: none;
    color: #428bca
}
.bs-featurette-img img {
    display: block;
    margin-bottom: 15px
}
.bs-featured-sites {
    margin-left: -1px;
    margin-right: -1px
}
.bs-featured-sites .col-sm-3 {
    padding-left: 1px;
    padding-right: 1px
}
@media (min-width: 480px) {
    .bs-featurette .img-responsive {
        margin-top: 30px
    }
}
@media (min-width: 768px) {
    .bs-featurette {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .bs-featurette-title {
        font-size: 40px
    }
    .bs-featurette .lead {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }
    .bs-featured-sites .col-sm-3:first-child img {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .bs-featured-sites .col-sm-3:last-child img {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .bs-featurette .img-responsive {
        margin-top: 0
    }
}
.bs-sidebar.affix {
    position: static
}
@media (min-width: 768px) {
    .bs-sidebar {
        padding-left: 20px
    }
}
.bs-sidenav {
    margin-top: 20px;
    margin-bottom: 20px
}
.bs-sidebar .nav>li>a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #999;
    padding: 4px 20px
}
.bs-sidebar .nav>li>a:hover,
.bs-sidebar .nav>li>a:focus {
    padding-left: 19px;
    color: #3869CF;
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid #3869CF;
}
.bs-sidebar .nav>.active>a,
.bs-sidebar .nav>.active:hover>a,
.bs-sidebar .nav>.active:focus>a {
    padding-left: 18px;
    font-weight: 700;
    color: #3869CF;
    background-color: transparent;
    border-left: 2px solid #3869CF;
}
.bs-sidebar .nav .nav {
    display: none;
    padding-bottom: 10px
}
.bs-sidebar .nav .nav>li>a {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 400
}
.bs-sidebar .nav .nav>li>a:hover,
.bs-sidebar .nav .nav>li>a:focus {
    padding-left: 29px
}
.bs-sidebar .nav .nav>.active>a,
.bs-sidebar .nav .nav>.active:hover>a,
.bs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
    padding-left: 28px
}
@media (min-width: 992px) {
    .bs-sidebar .nav>.active>ul {
        display: block
    }
    .bs-sidebar.affix,
    .bs-sidebar.affix-bottom {
        width: 213px
    }
    .bs-sidebar.affix {
        position: fixed;
        top: 20px
    }
    .bs-sidebar.affix-bottom {
        position: absolute
    }
    .bs-sidebar.affix-bottom .bs-sidenav,
    .bs-sidebar.affix .bs-sidenav {
        margin-top: 0;
        margin-bottom: 0
    }
}
@media (min-width: 1200px) {
    .bs-sidebar.affix-bottom,
    .bs-sidebar.affix {
        width: 263px
    }
}
.bs-docs-section {
    margin-bottom: 60px
}
.bs-docs-section:last-child {
    margin-bottom: 0
}
h1[id] {
    margin-top: 0;
    padding-top: 20px
}
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}
.bs-callout p:last-child {
    margin-bottom: 0
}
.bs-callout code {
    background-color: #fff;
    border-radius: 3px
}
.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #d9534f
}
.bs-callout-danger h4 {
    color: #d9534f
}
.bs-callout-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e
}
.bs-callout-warning h4 {
    color: #f0ad4e
}
.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #5bc0de
}
.bs-callout-info h4 {
    color: #5bc0de
}
.color-swatches {
    margin: 0 -5px;
    overflow: hidden
}
.color-swatch {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border-radius: 3px
}
@media (min-width: 768px) {
    .color-swatch {
        width: 100px;
        height: 100px
    }
}
.color-swatches .gray-darker {
    background-color: #222
}
.color-swatches .gray-dark {
    background-color: #333
}
.color-swatches .gray {
    background-color: #555
}
.color-swatches .gray-light {
    background-color: #999
}
.color-swatches .gray-lighter {
    background-color: #eee
}
.color-swatches .brand-primary {
    background-color: #428bca
}
.color-swatches .brand-success {
    background-color: #5cb85c
}
.color-swatches .brand-warning {
    background-color: #f0ad4e
}
.color-swatches .brand-danger {
    background-color: #d9534f
}
.color-swatches .brand-info {
    background-color: #5bc0de
}
.color-swatches .bs-purple {
    background-color: #006666
}
.color-swatches .bs-purple-light {
    background-color: #c7bfd3
}
.color-swatches .bs-purple-lighter {
    background-color: #e5e1ea
}
.color-swatches .bs-gray {
    background-color: #f9f9f9
}
.bs-team .team-member {
    color: #555;
    line-height: 32px
}
.bs-team .team-member:hover {
    color: #333;
    text-decoration: none
}
.bs-team .github-btn {
    float: right;
    margin-top: 6px;
    width: 180px;
    height: 20px
}
.bs-team img {
    float: left;
    width: 32px;
    margin-right: 10px;
    border-radius: 4px
}
.show-grid {
    margin-bottom: 15px
}
.show-grid[class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86, 61, 124, .15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86, 61, 124, .2)
}
.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 0 -15px 15px;
    background-color: #fafafa;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0
}
.bs-example:after {
    content: "Example";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 700;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 1px
}
.bs-example+.highlight {
    margin: -15px -15px 15px;
    border-radius: 0;
    border-width: 0 0 1px
}
@media (min-width: 768px) {
    .bs-example {
        margin-left: 0;
        margin-right: 0;
        background-color: #fff;
        border-width: 1px;
        border-color: #ddd;
        border-radius: 4px 4px 0 0;
        box-shadow: none
    }
    .bs-example+.highlight {
        margin-top: -16px;
        margin-left: 0;
        margin-right: 0;
        border-width: 1px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }
}
.bs-example .container {
    width: auto
}
.bs-example>p:last-child,
.bs-example>ul:last-child,
.bs-example>ol:last-child,
.bs-example>blockquote:last-child,
.bs-example>.form-control:last-child,
.bs-example>.table:last-child,
.bs-example>.navbar:last-child,
.bs-example>.jumbotron:last-child,
.bs-example>.alert:last-child,
.bs-example>.panel:last-child,
.bs-example>.list-group:last-child,
.bs-example>.well:last-child,
.bs-example>.progress:last-child,
.bs-example>.table-responsive:last-child>.table {
    margin-bottom: 0
}
.bs-example>p>.close {
    float: none
}
.bs-example-type .table .type-info {
    color: #999;
    vertical-align: middle
}
.bs-example-type .table td {
    padding: 15px 0;
    border-color: #eee
}
.bs-example-type .table tr:first-child td {
    border-top: 0
}
.bs-example-type h1,
.bs-example-type h2,
.bs-example-type h3,
.bs-example-type h4,
.bs-example-type h5,
.bs-example-type h6 {
    margin: 0
}
.bs-example-bg-classes p {
    padding: 15px
}
.bs-example>.img-circle,
.bs-example>.img-rounded,
.bs-example>.img-thumbnail {
    margin: 5px
}
.bs-example>.table-responsive>.table {
    background-color: #fff
}
.bs-example>.btn,
.bs-example>.btn-group {
    margin-top: 5px;
    margin-bottom: 5px
}
.bs-example>.btn-toolbar+.btn-toolbar {
    margin-top: 10px
}
.bs-example-control-sizing select,
.bs-example-control-sizing input[type=text]+input[type=text] {
    margin-top: 10px
}
.bs-example-form .input-group {
    margin-bottom: 10px
}
.bs-example>textarea.form-control {
    resize: vertical
}
.bs-example>.list-group {
    max-width: 400px
}
.bs-example .navbar:last-child {
    margin-bottom: 0
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
    z-index: 1;
    padding: 0;
    overflow: hidden
}
.bs-navbar-top-example .navbar-header,
.bs-navbar-bottom-example .navbar-header {
    margin-left: 0
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
    position: relative;
    margin-left: 0;
    margin-right: 0
}
.bs-navbar-top-example {
    padding-bottom: 45px
}
.bs-navbar-top-example:after {
    top: auto;
    bottom: 15px
}
.bs-navbar-top-example .navbar-fixed-top {
    top: -1px
}
.bs-navbar-bottom-example {
    padding-top: 45px
}
.bs-navbar-bottom-example .navbar-fixed-bottom {
    bottom: -1px
}
.bs-navbar-bottom-example .navbar {
    margin-bottom: 0
}
@media (min-width: 768px) {
    .bs-navbar-top-example .navbar-fixed-top,
    .bs-navbar-bottom-example .navbar-fixed-bottom {
        position: absolute
    }
    .bs-navbar-top-example {
        border-radius: 0 0 4px 4px
    }
    .bs-navbar-bottom-example {
        border-radius: 4px 4px 0 0
    }
}
.bs-example .pagination {
    margin-top: 10px;
    margin-bottom: 10px
}
.bs-example>.pager {
    margin-top: 0
}
.bs-example-modal {
    background-color: #f5f5f5
}
.bs-example-modal .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block
}
.bs-example-modal .modal-dialog {
    left: auto;
    margin-left: auto;
    margin-right: auto
}
.bs-example>.dropdown>.dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 5px
}
.bs-example-tabs .nav-tabs {
    margin-bottom: 15px
}
.bs-example-tooltips {
    text-align: center
}
.bs-example-tooltips>.btn {
    margin-top: 5px;
    margin-bottom: 5px
}
.bs-example-popover {
    padding-bottom: 24px;
    background-color: #f9f9f9
}
.bs-example-popover .popover {
    position: relative;
    display: block;
    float: left;
    width: 260px;
    margin: 20px
}
.scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: 10px;
    overflow: auto
}
.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px
}
.highlight pre {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    white-space: nowrap
}
.highlight pre code {
    font-size: inherit;
    color: #333
}
.highlight pre .lineno {
    display: inline-block;
    width: 22px;
    padding-right: 5px;
    margin-right: 10px;
    text-align: right;
    color: #bebec5
}
.table-responsive .highlight pre {
    white-space: normal
}
.bs-table th small,
.responsive-utilities th small {
    display: block;
    font-weight: 400;
    color: #999
}
.responsive-utilities tbody th {
    font-weight: 400
}
.responsive-utilities td {
    text-align: center
}
.responsive-utilities td.is-visible {
    color: #468847;
    background-color: #dff0d8 !important
}
.responsive-utilities td.is-hidden {
    color: #ccc;
    background-color: #f9f9f9 !important
}
.responsive-utilities-test {
    margin-top: 5px
}
.responsive-utilities-test .col-xs-6 {
    margin-bottom: 10px
}
.responsive-utilities-test span {
    display: block;
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    border-radius: 4px
}
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
    color: #999;
    border: 1px solid #ddd
}
.visible-on .col-xs-6 .visible-xs,
.visible-on .col-xs-6 .visible-sm,
.visible-on .col-xs-6 .visible-md,
.visible-on .col-xs-6 .visible-lg,
.hidden-on .col-xs-6 .visible-xs,
.hidden-on .col-xs-6 .visible-sm,
.hidden-on .col-xs-6 .visible-md,
.hidden-on .col-xs-6 .visible-lg {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}
.bs-glyphicons {
    margin: 0 -19px 20px -16px;
    overflow: hidden
}
.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}
.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #fff;
    background-color: #f9f9f9
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}
.bs-glyphicons li:hover {
    color: #fff;
    background-color: #006666
}
@media (min-width: 768px) {
    .bs-glyphicons {
        margin-left: 0;
        margin-right: 0
    }
    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px
    }
}
.bs-customizer .toggle {
    float: right;
    margin-top: 25px
}
.bs-customizer label {
    margin-top: 10px;
    font-weight: 500;
    color: #555
}
.bs-customizer h2 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 30px
}
.bs-customizer h3 {
    margin-bottom: 0
}
.bs-customizer h4 {
    margin-top: 15px;
    margin-bottom: 0
}
.bs-customizer .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}
.bs-customizer input[type=text] {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    background-color: #fafafa
}
.bs-customizer .help-block {
    font-size: 12px;
    margin-bottom: 5px
}
#less-section label {
    font-weight: 400
}
.bs-customizer-input {
    float: left;
    width: 33.333333%;
    padding-left: 15px;
    padding-right: 15px
}
.bs-customize-download .btn-outline {
    padding: 20px
}
.bs-customizer-alert {
    position: fixed;
    top: 51px;
    left: 0;
    right: 0;
    z-index: 1030;
    padding: 15px 0;
    color: #fff;
    background-color: #d9534f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    border-bottom: 1px solid #b94441
}
.bs-customizer-alert .close {
    margin-top: -4px;
    font-size: 24px
}
.bs-customizer-alert p {
    margin-bottom: 0
}
.bs-customizer-alert .glyphicon {
    margin-right: 5px
}
.bs-customizer-alert pre {
    margin: 10px 0 0;
    color: #fff;
    background-color: #a83c3a;
    border-color: #973634;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1)
}
.bs-brand-logos {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
    color: #006666;
    background-color: #f9f9f9;
    border-radius: 4px
}
.bs-brand-item {
    padding: 60px 0;
    text-align: center
}
.bs-brand-item+.bs-brand-item {
    border-top: 1px solid #fff
}
.bs-brand-logos .inverse {
    color: #fff;
    background-color: #006666
}
.bs-brand-item h1,
.bs-brand-item h3 {
    margin-top: 0;
    margin-bottom: 0
}
.bs-brand-item .bs-booticon {
    margin-left: auto;
    margin-right: auto
}
.bs-brand-item .glyphicon {
    width: 30px;
    height: 30px;
    margin: 10px auto -10px;
    line-height: 30px;
    color: #fff;
    border-radius: 50%
}
.bs-brand-item .glyphicon-ok {
    background-color: #5cb85c
}
.bs-brand-item .glyphicon-remove {
    background-color: #d9534f
}
@media (min-width: 768px) {
    .bs-brand-item {
        display: table-cell;
        width: 1%
    }
    .bs-brand-item+.bs-brand-item {
        border-top: 0;
        border-left: 1px solid #fff
    }
    .bs-brand-item h1 {
        font-size: 60px
    }
}
.bs-examples .thumbnail {
    margin-bottom: 10px
}
.bs-examples h4 {
    margin-bottom: 5px
}
.bs-examples p {
    margin-bottom: 20px
}
#focusedInput {
    border-color: #ccc;
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6)
}
.hll {
    background-color: #ffc
}
.c {
    color: #999
}
.err {
    color: #A00;
    background-color: #FAA
}
.k {
    color: #069
}
.o {
    color: #555
}
.cm {
    color: #09F;
    font-style: italic
}
.cp {
    color: #099
}
.c1 {
    color: #999
}
.cs {
    color: #999
}
.gd {
    background-color: #FCC;
    border: 1px solid #C00
}
.ge {
    font-style: italic
}
.gr {
    color: red
}
.gh {
    color: #030
}
.gi {
    background-color: #CFC;
    border: 1px solid #0C0
}
.go {
    color: #AAA
}
.gp {
    color: #009
}
.gu {
    color: #030
}
.gt {
    color: #9C6
}
.kc {
    color: #069
}
.kd {
    color: #069
}
.kn {
    color: #069
}
.kp {
    color: #069
}
.kr {
    color: #069
}
.kt {
    color: #078
}
.m {
    color: #F60
}
.s {
    color: #d44950
}
.na {
    color: #4f9fcf
}
.nb {
    color: #366
}
.nc {
    color: #0A8
}
.no {
    color: #360
}
.nd {
    color: #99F
}
.ni {
    color: #999
}
.ne {
    color: #C00
}
.nf {
    color: #C0F
}
.nl {
    color: #99F
}
.nn {
    color: #0CF
}
.nt {
    color: #2f6f9f
}
.nv {
    color: #033
}
.ow {
    color: #000
}
.w {
    color: #bbb
}
.mf {
    color: #F60
}
.mh {
    color: #F60
}
.mi {
    color: #F60
}
.mo {
    color: #F60
}
.sb {
    color: #C30
}
.sc {
    color: #C30
}
.sd {
    color: #C30;
    font-style: italic
}
.s2 {
    color: #C30
}
.se {
    color: #C30
}
.sh {
    color: #C30
}
.si {
    color: #A00
}
.sx {
    color: #C30
}
.sr {
    color: #3AA
}
.s1 {
    color: #C30
}
.ss {
    color: #FC3
}
.bp {
    color: #366
}
.vc {
    color: #033
}
.vg {
    color: #033
}
.vi {
    color: #033
}
.il {
    color: #F60
}
.css .o,
.css .o+.nt,
.css .nt+.nt {
    color: #999
}
/* ==========================================================================
   Brazil Governament Bar
   ========================================================================== */

#barra-brasil div,
#barra-brasil a,
#barra-brasil ul,
#barra-brasil li {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
#barra-brasil ul {
    list-style: none outside none;
}
#barra-brasil {
    background: none repeat scroll 0 0 #F1F1F1;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
}
#barra-brasil a {
    text-decoration: none;
}
div#wrapper-barra-brasil {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 32px;
}
#barra-brasil .brasil-flag {
    border-right: 2px solid #DFDFDF;
    float: left;
    height: 19px;
    padding: 7px 0 6px;
    width: 115px;
}
#barra-brasil .brasil-flag .link-barra {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATCAIAAAABJ4pRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABINJREFUeNqUVFtsFFUYPrfdmdnLbLe021baQqWUtdJKL5QiASPiNVqC0TYqUWLShJQmRH3RqPHFRKJvQqIPQNSAAcMDptGEiKjYpLZIkSqGXqjdFlppd3vb7c7Ozpxz/M+2wZD44snszOzJnP//vv///g9XnNiXtNISI1gYq4eUEu4CC7SyiLpJgtSOIJKg/1ySB3x+NmsvJLNpgVUwlAu08iIkzi2pUhHIAa/q1L9p7l6YWmmHEOSBWJD6LixwJ7DDAKR06c6imQOVYxoRyEV4BR3JBYfvqNqBtILrSGNEKgoCsVxWDMmxgAOADeDjQsP+oHbo1egk7B+Mju/vq7kwVYhohsAxoiogiIM5hBaSUIBFfS21WRcOSwUHOwgTqoJR+O0pv31u56XmUKrvt4o/RyNrjVRHw40iLdU9Hck4DPBQxOQKK/XQqQa7nGNb8UICSUoE4y4rCyweqh164b7Jk12N737x2NjtfMAeCDit268e7jj7yOqfX++p+ebvQk5coAB8BQIMroqaf7xt3p4TUATgxj0Y0wOVN96uHomE3I+Ob37zSJvUHURshjySIZ4JPLhp+IcPj3h1eSZ2zxu/R8cXDeThuSLJkGZSY/fGjGOrenG9xlz8vPnK/g0xEwprl52PH9ryUGRLk1lfXWqGCcE0lUqOjxeHVy01141V+5Mvlk+lOLmcAOwC6OpMo8FnqlOCh2j2taqRE1sHKk2LuFJq6NveumNd9f0Dt2IjC1aGVKwzdz1cUryaxSasW9Oo/dFfoaEB6jxdOl2Xt3BtwYw7Xh/VmQNNcNHj5fH3N40CQgnNAAUQMjgh+y/dpIblN9j14fHuHqEFvPUP5L3Svp4mHNtGmgbaVF1oWZNIi8GXextALUpEhLqnJ0o3f9fcEw9iD3RFCaUiMmvmG/lhI50VBQX6ujX5ju3+dHHm1Mmb9dGsxyRKSwylHNLRt2HvL42O4C5IhsLsgEII74+Hd1zY+s5AdMklguMnmkaLwn9RGgr7dSfLk5ZreGhJUdD0+oz0ZxSOMNQ1VdB4fscnw5VCiOUBpb7d91vcklBJJpDwXpwOn50qKdXs2tLZpoqJU99XxVPBbMayXRnOK/Dp5p5tZzpbu0cT+sErG9/6o2rW9iLKQbOget2jQbgay3UIJrlhlJSK6Yz3dKx4dD74Ut3Ivu2X5xe8CSvopdm1kdh7e7/sfO7Ho4PlrT0NvTMhTISaaRhUoImITr244Njz8WwSVKOMhBI1hdIBMQuXlARShxuvPbt+3k0gx9GMsDVp0c7emq8nSiSFjzkVlCuKfHl+Q0aQai21Gb4E7SA59wDWGLLBg+Kk6/lqrKw/4dtWOLfKn/74+r2t3fVX5/IwcyExIBAKFFWOhskyWVx4tG3GmUfKCFRbOHYBNjiC6hBkBTrQRl+mSLeHZkOYOXeMRxIFCb6SME5gYJiGvH7MPn0q5wBCgqkgF4xBEVfdhksTyMmNpFT/chJQJQbkgitE8o73gRe4HsRYe/RJy86IFYtU1pVzSqxC/J8F5fMz/z8CDAAkCSSg0qSX5AAAAABJRU5ErkJggg==") no-repeat scroll 8px center rgba(0, 0, 0, 0);
    display: block;
    line-height: 19px;
    padding-left: 42px;
    text-transform: uppercase;
    width: 43px;
}
#barra-brasil .acesso-info {
    left: 130px;
    position: absolute;
}
#barra-brasil .list {
    position: absolute;
    right: 0;
    top: 0;
}
#barra-brasil .list .first {
    border-left: 2px solid #DFDFDF;
}
#barra-brasil .list-item {
    border-right: 2px solid #DFDFDF;
    display: inline-block;
    height: 32px;
    padding: 0 15px 0 13px;
}
#barra-brasil .link-barra {
    color: #606060;
}
@media screen and (max-width: 668px) {
    #barra-brasil .list {
        top: -100px;
    }
}
@media screen and (min-width: 960px) {
    #wrapper-barra-brasil {
        width: 960px;
    }
}
/* ==========================================================================
   Other things just to personalize
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3869CF;
    font-weight: 300;
    vertical-align: middle;
}
a,
a:hover,
a:active, small a {
    color: #3869CF;
}
.well h2 {
    margin-top: 0px;
}
.head-jumbotron {
    padding: 20px;
    margin-bottom: 0px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #F2F2F2;
    overflow: hidden;
}
.head-jumbotron p,
.head-jumbotron .p {
    line-height: 1;
    color: #0071BC;
    font-weight: 300;
    font-size: 30px;
}
.head-jumbotron p span,
.head-jumbotron .p span {
    font-size: 12px;
    margin-top: 5px;
    display: block;
    font-weight: 400;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 992px) {
    .head-jumbotron p span:before,
    .head-jumbotron .p span:before {
        content: "Oferecido por ";
        font-weight: 300;
    }
}
.head-jumbotron .header-text {
    float: left;
    width: auto
}
.container .head-jumbotron {
    border-radius: 6px;
}
.head-jumbotron .container {
    max-width: 100%;
}
.head-jumbotron .header-image {
    background-image: url(../images/logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 80px;
    width: 162px;
    margin-top: -15px;
    margin-right: 5px;
}
.jumbotron .course-description {
    max-width: 30%;
    font-size: 14px;
}
.jumbotron .course-description span {
    font-size: 25px;
    display: block;
}
.menu-simple {
    border-bottom: #F2F2F2 1px solid;
}
footer {
    border-top: #F2F2F2 1px solid;
    padding-top: 15px;
    margin-top: 15px;
    text-align: center;
    color: #cccccc;
}
/* ==========================================================================
   Courses
   ========================================================================== */

.course-list {
    overflow: hidden;
    position: relative;
}
.course-list h1 {
    font-weight: 300;
    font-size: 30px;
    color: #0071BC;
    margin: 150px 0px 0px 0px;
}
.course-list .description {
    height: 100px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course-list .course-image {
    width: 100%;
    height: 150px;
    background-color: #cccccc;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #e3e3e3;
}
/* ==========================================================================
   Modal
   ========================================================================== */

.modal h1 {
    font-weight: 300;
    font-size: 50px;
}
.course-device {
    width: 30px;
    height: 30px;
    margin: 5px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease;
    /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}
.course-device-active {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
/* ==========================================================================
   Units
   ========================================================================== */

.unit-item {
    padding: 20px 0px 40px 0px;
}
.unit-item small {
    color: #666666;
}
.unit-lead-image {
    height: 160px;
    width: 160px;
    margin-right: 20px;
    border: 1px solid #cccccc;
}
.unit-item h4 {
    margin-bottom: 15px;
}
/* ==========================================================================
   Video
   ========================================================================== */

.videoarea #playbtn {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.videoarea {
    width: 100%;
    height: auto;
    position: relative;
}
.videoarea .videoelement {
    position: absolute;
}
.videoarea .hiddenelement {
    display: none;
}
video {
    width: 100%;
}
.videoarea #infobtn {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    bottom: 10%;
    right: 0px;
    display: none;
    border: none;
}
.videoarea #playbtn {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0px;
    left: 0px;
    border: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJ2aWRlby1wbGF5LWljb24iIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNTYsNTIuNDgxYy0xMTMuNzcxLDAtMjA2LDkxLjExNy0yMDYsMjAzLjUxOGMwLDExMi4zOTgsOTIuMjI5LDIwMy41MiwyMDYsMjAzLjUyDQoJYzExMy43NzIsMCwyMDYtOTEuMTIxLDIwNi0yMDMuNTJDNDYyLDE0My41OTksMzY5Ljc3Miw1Mi40ODEsMjU2LDUyLjQ4MXogTTE5Ny42MDQsMzY4LjEyNFYxNDguODcybDE3OC43OTksMTA5LjYyNw0KCUwxOTcuNjA0LDM2OC4xMjR6Ii8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10%;
}
.videoarea #playbtn:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.videoarea #logoinstituicaovideo {
    position: absolute;
    left: 5%;
    bottom: 5%;
    height: 40px;
    width: 40px;
}
.videocontrol {
    height: 0px;
    overflow: hidden;
}
.videocontrol .btn-none,
.videocontrol .btn-none:active,
.videocontrol .btn-none:hover,
.videocontrol .btn-none:focus {
    text-align: left;
    border: none;
    background-color: #000000;
    color: #ffffff;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 0 #FFFFFF;
    box-shadow: inset 0 0 0 0 #FFFFFF;
    padding: 10px;
}
.videocontrol-bg {
    background-color: #000000;
    padding: 10px;
}
/* ==========================================================================
   Head Config
   ========================================================================== */

.navbar {
    border-bottom: 1px #F2F2F2 solid;
}
.navbar a {
    color: #343434;
    font-size: 12px;
}
.well {
    background-color: #FFF;
    box-shadow: none;
}
.navbar-toggle .icon-bar {
    background-color: #666;
}
/* ==========================================================================
   Course especific
   ========================================================================== */

.head-jumbotron ::selection {
    color: #ffffff;
    background: #8b4513;
}
.head-jumbotron ::-moz-selection {
    color: #ffffff;
    background: #8b4513;
}

.head-jumbotron {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover auto;
    background-color: #8b4513;
    -webkit-box-shadow: inset 0 -20px 50px -40px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 -20px 50px -40px rgba(0, 0, 0, 0.3);
    background-attachment: fixed;
}
.head-jumbotron h1,
.head-jumbotron h2,
.head-jumbotron h3,
.head-jumbotron span,
.head-jumbotron p {
    color: #FFFFFF;
}
.navbar {
    /*margin-bottom:0px;*/
}
.videoarea {
    /*background-color:#000000;*/
}
.videoarea video {
    width: 100%;
    height: auto;
}
.btn-none,
.btn-none:active,
.btn-none:hover,
.btn-none:focus {
    text-align: left;
    border: none;
    background-color: #FFFFFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 0 #FFFFFF;
    box-shadow: inset 0 0 0 0 #FFFFFF;
}
.affix {
    top: 0px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px #F2F2F2 solid;
}
.recursoscomplementares {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    bottom: 1px #F2F2F2 solid;
}
.img-questionsicon {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
}
.btn-question {
    padding: 10px;
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #006666;
    color: #333333;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 200;
}
.btn-question:hover {
    background-color: #006666;
    color: #ffffff;
}
.modal-iframe {
    zoom: 0.60;
    min-height: 400px;
    height: 600px;
}
.sidebar-protocol {} .content-protocol {} div.bs-sidebar.affix {
    margin-top: 50px;
}
div.bs-sidebar.affix,
div.bs-sidebar.affix-top {
    -webkit-transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -ms-transition: margin-top 0.5s ease-in-out;
    -o-transition: margin-top 0.5s ease-in-out;
    transition: margin-top 0.5s ease-in-out;
    border: none;
    background: none;
}
.itens-menu-collapse {
    border-top: 1px #cccccc solid;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
    text-align: right;
}
.text-align-right {
    text-align: right;
}
.text-with-image-title {
    font-size: 20px;
    vertical-align: middle;
    color: #006666;
}
.text-with-center {
    text-align: center;
    vertical-align: middle;
}
.label a {
    color: #FFFFFF;
}
.exames-topo {
    height: 80px;
    position: relative;
}
.exames-topo .affix {
    padding-top: 71px;
    z-index: 9;
}
.exames-topo-bloco {
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: #F2F2F2 1px solid;
    padding-bottom: 20px;
}
.exames-topo-bloco img {
    position: absolute;
    bottom: -26px;

    width: 60px;
}
.clearfix-image-top {
    padding-right: 100px;
}
/* ==========================================================================
   Video Especial
   ========================================================================== */

#_VIDEO_REF_ {
	margin-bottom: 1em;
}

.fullscreenactive {
    background-color: #000000;
    width: 100%;
}
.fullscreenactive .mainvideoarea {
    width: 100% !important;
}
.fullscreenactive .videoarea {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.fullscreenactive .videocontrol-bg {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fullscreenactive .videocontrol-bg:hover {
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.fullscreenactive #areadinamica {
    position: fixed;
    right: 0px;
    margin-top: -25%;
    top: 50%;
    height: auto;
    max-width: 25%;
    width: auto;
    background-color: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 1);
    font-weight: 800;
    padding: 0px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
.fullscreenactive #areadinamica {
    background-color: rgba(255, 255, 255, 1);
}
.fullscreenactive #areadinamica div {
    padding: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fullscreenactive #areadinamica h1,
.fullscreenactive #areadinamica h2,
.fullscreenactive #areadinamica h3,
.fullscreenactive #areadinamica h4,
.fullscreenactive #areadinamica h5 {
    color: rgba(0, 0, 0, 1);
    font-weight: 800;
}
.fullscreenactive .logoinstituicaovideo {
    display: none;
}
.fullscreenactive .exitfullscreen-btn {
    display: block;
    position: fixed;
    top: 10px;
    right: 10px;
    color: #ffffff !important;
    background-color: #000000;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 20px;
    padding: 0px;
    width: 35px;
    height: 35px;
    border: 2px #ffffff solid;
    font-weight: 900;
    opacity: 0.8;
}
.exitfullscreen-btn {
    display: none;
}
.experienciaaprimorada {
    cursor: pointer;
}

.linkModal{
	background-color:#3F9621;
	color:#FFFFFF;
	padding:1px 2px;
}

.linkModal:visited{
	background-color:#3F9621;
	color:#FFFFFF;
	padding:1px 2px;
}

.linkModal:hover{
	background-color:#3F9621;
	color:#FFFFFF;
	padding:1px 2px;
}

.atencaoDotted{
   border:#B06628 2px dotted;
   background:rgba(228, 232, 66, 0.15);
}

.atencaoDotted h2{
	color:#333;
}

.casoClinicoDotted{
   border:#006600 2px dotted;
   background:#8b4513;
}

.recursosComplementaresInLine{
   border:#2E7117 2px dotted;
   background:#8b4513;
}

.recursosComplementaresInLine h2{
	color:#FFFFFF;
}

.menufloat{
	background:rgba(218, 217, 41, 0.33);
}


.menuActive
{
	background-color: #8b4513;
}

.menuActive a {
	color: #eee;
}

p,li
{
	text-align:justify;
}