html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

html::-webkit-scrollbar-track {
    background-color: transparent;
    border-left: 1px solid #e1e1e8
}

html::-webkit-scrollbar {
    width: 10px;
    background-color: transparent
}

html::-webkit-scrollbar-thumb {
    background-color: #0f4098
}

htmlbody.contrastee::-webkit-scrollbar-thumb {
    background-color: #fff!important
}

body {
    font-size: 20px;
    color: #212529;
    background-color: #f7f7f7;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

p {
    line-height: 1.5;
    margin: 30px 0
}

p a {
    text-decoration: underline
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 800;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

a {
    color: #1659bf;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

a:focus,a:hover {
    color: #1659bf
}

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: #1659bf;
    text-shadow: none
}

::selection {
    color: #fff;
    background: #1659bf;
    text-shadow: none
}

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

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

#main{
    margin-top: 30px;
    margin-bottom: 30px;
}

#mainNav {
    position: absolute;
    border-bottom: 1px solid #e9ecef;
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#mainNav .navbar-brand {
    font-weight: 800;
    color: #343a40
}

#mainNav .navbar-toggler {
    font-size: 12px;
    font-weight: 800;
    padding: 13px;
    text-transform: uppercase;
    color: #343a40
}

#mainNav .navbar-nav>li.nav-item>a {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase
}

div#wrapper-barra-brasil{
    max-width: 1400px!important;
}

@media only screen and (min-width: 992px) {
    .hidden-lg-up{
        display:none!important;
    }

    #mainNav {
        border-bottom:1px solid transparent;
        background: transparent
    }

    #mainNav .navbar-brand {
        padding: 10px 20px;
        color: #fff
    }

    #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover {
        color: rgba(255,255,255,0.8)
    }

    #mainNav .navbar-nav>li.nav-item>a {
        padding: 10px 20px;
        color: #fff
    }

    #mainNav .navbar-nav>li.nav-item>a:focus,#mainNav .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;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #mainNav.is-fixed {
        position: fixed;
        top: -67px;
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
        border-bottom: 1px solid #fff;
        background-color: rgba(255,255,255,0.9)
    }

    #mainNav.is-fixed .navbar-brand {
        color: #212529
    }

    #mainNav.is-fixed .navbar-brand:focus,#mainNav.is-fixed .navbar-brand:hover {
        color: #1659bf
    }

    #mainNav.is-fixed .navbar-nav>li.nav-item>a {
        color: #212529
    }

    #mainNav.is-fixed .navbar-nav>li.nav-item>a:focus,#mainNav.is-fixed .navbar-nav>li.nav-item>a:hover {
        color: #1659bf
    }

    #mainNav.is-visible {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}



.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #212529;
    opacity: 0.5
}

.page-heading,.post-heading,.site-heading {
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    .page-heading,.post-heading,.site-heading {
        padding: 0px
    }
}

.page-heading,.site-heading {
    text-align: center
}

.page-heading h1,.site-heading h1 {
    font-size: 50px;
    margin-top: 0
}

.page-heading .subheading,.site-heading .subheading {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.1;
    display: block;
    margin: 10px 0 0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

@media only screen and (min-width: 768px) {
    .page-heading h1,.site-heading h1 {
        font-size:80px
    }
}

.post-heading h1 {
    font-size: 35px
}

.post-heading .meta,.post-heading .subheading {
    line-height: 1.1;
    display: block
}

.post-heading .subheading {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 30px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.post-heading .meta {
    /*font-size: 20px;*/
    font-size: 14px;
    float: left;
    margin-right: 15px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Lora', 'Times New Roman', serif;
    width: 60%;
}

.post-heading .meta a {
    color: #1659bf
}

.post-heading .share{
    border-left: 1px dotted #c0c0c2;
    color: #999999;
    padding-left: 20px;
    float: left;
    width: 38%;
}

.post-heading .share ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-heading .share ul li{
    display: inline;
    vertical-align: middle;
}

.fb_iframe_widget span{
    vertical-align: unset!important;
}

figcaption{
    font-size: 14px;
}

@media only screen and (min-width: 768px) {
    .post-heading h1 {
        font-size:39px
    }

    .post-heading .subheading {
        font-size: 20px
    }
}

@media only screen and (max-width: 768px) {
    figure img{
        width: 100%!important;
    }

    .post-heading .share{
        border: none;
        padding-left: 0px;
        margin: 20px 0 0 0;
    }

    #header #accessibility{
        display: none!important;
    }

    #portal-siteactions {
        position: static;
        float: none!important;
        clear: both!important;
        padding: 0 0 .5em!important;
        font-size: .6em!important;
        width: 90%;
        margin: 0 auto;
    }

    #logo{
        width: 100%!important;
        margin: 0 auto;
        padding: 0 15px!important
    }

    #social-icons{
        display: none!important;
    }

    #header #sobre {
        width: 100%;
    }

    #header #sobre .menu{
        width: 100%;
        margin: 0 auto;
        padding: 0 15px!important
    }

    .hidden-md-down{
        display: none!important;
    }

    /**
     *
     * Noticias da HomePage
     *
     */
    .destaque{
        padding: 15px 0 !important;
    }

    .destaque>a>.post-image img{
        max-height: 200px!important;
    }

    .destaque>a>.post-title{
        /*text-align: justify!important;*/
        margin-top: 10px!important;
        font-size: 25px!important;
    }

    .destaque>a>.post-subtitle{
        /*text-align: justify!important;*/
        font-size: 18px!important;
    }
}

.post-preview>a {
    color: #212529
}

.post-preview>a:focus,.post-preview>a:hover {
    text-decoration: none;
    color: #1659bf
}

.post-preview>a>.post-title {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 10px
}

.post-preview>a>.post-subtitle {
    font-weight: 300;
    margin: 0 0 10px
}

.post-preview>.post-meta {
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    color: #868e96
}

.post-preview>.post-meta>a {
    text-decoration: none;
    color: #212529
}

.post-preview>.post-meta>a:focus,.post-preview>.post-meta>a:hover {
    text-decoration: underline;
    color: #1659bf
}

.destaque>a>.post-image img{
    width: 100%
}

@media only screen and (min-width: 768px) {
    .post-preview>a>.post-title {
        font-size:36px
    }

    .post-preview.destaque>a>.post-title {
        font-size:25px
    }

    .post-preview.destaque>a>.post-subtitle {
        font-size:20px
    }
}

@media only screen and (min-width: 1200px) {
    .container{
        max-width: 1400px!important;
    }
}

.floating-label-form-group {
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #dee2e6
}

.floating-label-form-group input,.floating-label-form-group textarea {
    font-size: 1.5em;
    position: relative;
    z-index: 1;
    padding: 0;
    resize: none;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none !important;
    font-family: 'Lora', 'Times New Roman', serif
}

.floating-label-form-group input::-webkit-input-placeholder,.floating-label-form-group textarea::-webkit-input-placeholder {
    color: #868e96;
    font-family: 'Lora', 'Times New Roman', serif
}

.floating-label-form-group label {
    font-size: 0.85em;
    line-height: 1.764705882em;
    position: relative;
    z-index: 0;
    top: 2em;
    display: block;
    margin: 0;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -moz-transition: top 0.3s ease, opacity 0.3s ease;
    -ms-transition: top 0.3s ease, opacity 0.3s ease;
    transition: top 0.3s ease, opacity 0.3s ease;
    opacity: 0
}

.floating-label-form-group .help-block {
    margin: 15px 0
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1
}

.floating-label-form-group-with-focus label {
    color: #1659bf
}

form .form-group:first-child .floating-label-form-group {
    border-top: 1px solid #dee2e6
}

footer {
    padding: 50px 0 65px
}

footer .list-inline {
    margin: 0;
    padding: 0
}

footer .copyright {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center
}

#footer-brasil{
    float: left;
    position: relative;
    width: 100%;
}


#footer>div{
    margin: 2em auto;
    padding-top: 1em;
    max-width: 1400px;
}

#footer .footer-logos{
    margin: 30px 0 -20px;
    padding: 1em 0;
    max-width: 100%;
    background: #0042b1;
}

div#wrapper-footer-brasil{
    max-width: 1400px!important;
}


#doormat-container {
    float: none
}

#doormat-container dl {
    margin: 0 0 20px
}

#doormat-container .doormatColumn {
    text-align: left
}

#doormat-container dt {
    padding-left: .6em;
    font-size: 2em;
    font-family: open_sansbold,Arial,Helvetica,sans-serif
}

#doormat-container dd {
    padding: .5em 1.2em 0;
    font-family: open_sansregular,Arial,Helvetica,sans-serif
}

#doormat-container dd a {
    font-size: 1.4em
}

#doormat-container.columns-4 .doormatColumn {
    width: 22%
}

#doormat-container dt,#footer,#footer a {
    color: #fff
}

#doormat-container {
    background: #1659bf
}

#doormat-container dl {
    border-left: 1px dotted #fff
}

#doormat-container {
    font-size: .7rem;
    margin: 1em 0;
    width: 100%
}

#doormat-container h2 {
    margin: .5em .5em 0
}

#doormat-container dl,#doormat-container h3 {
    margin: .5em 0
}

#doormat-container dl dd {
    margin-left: 0
}

#doormat-container .doormatColumn {
    float: left;
    margin: 0 1em
}

#doormat-container.columns-2 .doormatColumn {
    width: 48%
}

#doormat-container.columns-3 .doormatColumn {
    width: 31%
}

#doormat-container.columns-4 .doormatColumn {
    width: 23%
}

#doormat-container.columns-5 .doormatColumn {
    width: 18%
}

#doormat-container.columns-6 .doormatColumn {
    width: 14%
}

#doormat-container.columns-7 .doormatColumn {
    width: 12%
}


@media only screen and (min-width: 320px) and (max-width:768px){
    #accessibility,#doormat-container,#em-destaque,#portal-breadcrumbs,#portal-features {
        display: none!important
    }
}

.btn {
    font-size: 14px;
    font-weight: 800;
    padding: 15px 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.btn-primary {
    background-color: #1659bf;
    border-color: #1659bf
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff;
    background-color: #00657b !important;
    border-color: #00657b !important
}

.btn-lg {
    font-size: 16px;
    padding: 25px 35px
}


.container p{
    text-align: justify;
}

.scrollToTop{
    padding:10px; 
    text-align:center; 
    background: #0f4098;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position:fixed;
    bottom:40px;
    right:40px;
}

.scrollToTop:hover{
    text-decoration:none;
    color: #fff;
    background: #1659bf;
}

.no-margin{
    margin-left: 0px;
    margin-right: 0px;
}

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

/**
 *
 * HEADER CSS
 *
 */
#header{
    padding: 14px 0 0;
    background-color: #1659bf;
    /*margin-bottom: 50px;*/
}

#header, #sobre a{
    color: #fff;
    text-decoration: none!important;
}

#accessibility{
    display:block!important;
    float:left;
    width:50%;
    font-size:.58em;
    font-family:Arial,Helvetica,sans-serif;
    list-style: none;
    padding: 0px;
}

#accessibility a{
    margin-right:8px;
    color: #dcecff;
}
#accessibility span{
    padding:0 4px
}

#accessibility li{
    display: inline;
}

#accessibility span{
    padding: 0 4px;
}

#accessibility span{
    background: url('/assets/img/bg-acess-key.gif') center center no-repeat;
    color: #0a1857;
}

#portal-siteactions{
    font-size: 85%;
    padding-bottom: 2em;
    text-align: center;
    clear: left;
}

#language, #portal-siteactions{
    padding-bottom: 2px;
    font-size: .53em;
    float: right;
}

#portal-siteactions{
    display: block;
    clear: none;
}

#portal-language, #portal-siteactions{
    border-bottom: 1px dotted #6893cb;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
}

#language li, #portal-siteactions li{
    display: inline;
}

#portal-siteactions li{
    margin-right: .5em;
}

#portal-siteactions a{
    color: #dcecff!important;
    padding: 4px 0 4px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#logo {
    float: left;
    padding: 0px;
    width: 80%;
}

#portal-logo{
    display: block;
    margin: 0;
    width: 100%;
}

#portal-logo, #portal-title{
    color: #fff;
    text-decoration: none;
}

#portal-title{
    margin: 15px 0 0px;
    font-size: 2em;
    line-height: 1em;
}

#portal-description{
    bottom: 24px;
    text-transform: uppercase;
    font-size: .9rem;
    font-family: Arial,Helvetica,sans-serif;
}

#portal-description a {
    text-decoration: none;
    color: #FFF;
    margin-bottom: 15px;
}

#logo span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4px;
}

#social-icons{
    float:right;
    clear:right;
    margin:1.167em 0
}
#social-icons li{
    display:inline-block
}
#social-icons a{
    display:block;
    overflow:hidden;
    margin:0 0 0 5px;
    width:20px;
    height:20px;
    border:none;
    text-indent:100%;
    white-space:nowrap;
    opacity:.85;
    filter:alpha(opacity=85);
    border-radius:4px
}


#portalredes-facebook a{
    background-position: -80px -25px;
}

#portalredes-twitter a {
    background-position: -155px -25px;
}

#portalredes-youtube a {
    background-position: -130px -25px;
}

#portalredes-rss a {
    background-position: 145px -25px;
}


input#search{
    height:40px!important;
}

#header input.searchButton,
#social-icons a,
.item-central .link-aplicativos,
.item-central .link-audios,
.item-central .link-dadosabertos,
.item-central .link-fotos,
.item-central .link-infograficos,
.item-central .link-publicacoes,
.item-central .link-videos {
    background-image: url('/assets/img/sprite.png');
}




#sobre {
    background: #0f4098;
}

#sobre{
    clear: both;
    /*padding: 10px 0;*/
    max-width: 100%!important;
    line-height: 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .9rem;
}

#sobre .menu .btn{
    background-color:#0f4098;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    padding: 0 25px 0 0;
    font-size: 1rem;
}

#sobre .menu .btn:focus,#sobre .menu .btn:hover{
    color:#fff;outline:0
}

.menu .p-2{
    padding:  .4rem!important;
}


.align-middle{
    vertical-align: middle;
}
    


.justify-content-start{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.d-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/**
 *
 * CONTRASTE
 *
 */

body.contraste,
body.contraste nav,
body.contraste div,
body.contraste ol,
body.contraste header,
body.contraste footer,
body.contraste section,
body.contraste main,
body.contraste aside,
body.contraste article {
    background: black !important;
    color: white !important;
}


body.contraste li,
body.contraste li.dropdown{
   background: #333!important; 
}

body.contraste h1,
body.contraste h2,
body.contraste h3,
body.contraste h4,
body.contraste h5,
body.contraste h6,
body.contraste p,
body.contraste label,
body.contraste strong,
body.contraste em,
body.contraste cite,
body.contraste q,
body.contraste i,
body.contraste b,
body.contraste u,
body.contraste span {
    color: white !important;
}

body.contraste a{
    color: yellow !important;
}

body.contraste button,
body.contraste input[type=button],
body.contraste input[type=reset],
body.contraste input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}

body.contraste img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

body.contraste img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

body.contraste input[type=text],
body.contraste input[type=password],
body.contraste input[type=url],
body.contraste input[type=search],
body.contraste input[type=email],
body.contraste input[type=tel],
body.contraste input[type=date],
body.contraste input[type=month],
body.contraste input[type=week],
body.contraste input[type=datetime],
body.contraste input[type=datetime-local],
body.contraste textarea,
body.contraste input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}


body.contraste #footer .footer-logos,
body.contraste #sobre,
body.contraste #sobre .menu,
body.contraste #sobre .menu .row,
body.contraste #sobre .menu .row .d-flex,
body.contraste #sobre .menu .row .d-flex .p-2,
body.contraste #footer-brasil,
body.contraste div#wrapper-footer-brasil{
    background: #333!important;
}

body.contraste .btn,
body.contraste .btn span {
    background: #fff!important;
    color: #000!important;
}



/**
 *
 * MAIN MENU
 *
 */
.container.menu{visibility:hidden;opacity:0;transition:visibility 0s,opacity .1s;max-width:1400px;padding-left:0}
.container.menu.show{visibility:visible;opacity:1;transition:visibility 0s,opacity -.9s;}
.container.menu .mega-menu{margin-top: 15px;width: 100%;background-color: #f5f5f5;border: 2px solid #0f4098;position: absolute;z-index: 99999}
.container.menu .mega-menu .row .col-sm-3 .list-group:nth-child(2) {margin-bottom: 0}
.container.menu:before {content: "";border-bottom: 15px solid #0f4098;border-right: 10px solid transparent;border-left: 10px solid transparent;position: absolute;margin-left: 10px;z-index: 10}
.container.menu #content a:link,.container.menu #content a:visited,.container.menu a:link,.container.menu a:visited,.container.menu dl.portlet a:link,.container.menu dl.portlet a:visited {color: #000}
.container.menu #content a:hover,.container.menu a:hover,.container.menu dl.portlet a:hover {color: #0f4098}
#border-right {border-right: 1px dotted #000;height: 320px;}

#border-right:nth-child(4){
    border: none;
}

.container.menu .mega-menu .title{
    font-size: .88rem;
}

.mega-menu .list-group-item, .pesquisa-content .list-group-item {
    font-size: .7em;
    background-color: #f5f5f5;
    border: none;
    padding: 3px 15px;
}
/**
 *
 * FOOTER
 *
 */
#footer{
    padding: 20px 0;
    min-height: 50px;
    width: 100%;
    background-color: #1659bf;
    float: left;
}



/**
 *
 * AVISOS
 *
 */
.generic-box .first-block:first-child{
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

#avisos-box .first-block, .generic-box .first-block{
    padding: 2px
}

.first-block {
    min-height: 40px;
    border: 2px solid #bdbdbd;
    border-radius: 2px;
    border-left: 5px solid #d9534f;
    background: #f5f5f5;
    display: block;
    padding: 5px;
    font-family: Arial,Helvetica,sans-serif;
}

.modal-body{
    font-size: 1.2rem;
}

/**
 *
 * PREVISAO DO TEMPO
 *
 */
.block-title{
    margin: .5em 0;
    border-left: 5px solid #0f4098;
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 1.3rem;
}

.col-md-6 .ancora-previsao a{
    color: #000;
    text-decoration: none;
    
}

.nav-inmet{
    font-size: .8em;
    font-family: open_sansregular,Arial,Helvetica,sans-serif;
}

.nav-tabs{
    border-bottom: 1px solid #ddd;
}

.nav-inmet li{
    background-color: #f5f5f5;
    border-radius: 50px 50px 0 0;
    display: inline;
}

.nav-tabs .nav-item{
    margin-bottom: -1px;
}

.nav-inmet li .nav-link.active{
    color: #000;
    border-color: #0f4098 #bdbdbd #f5f5f5;
    background-color: #e5e5e5;
}

.nav-inmet li .nav-link{
    border-top-width: 3px;
}
.nav-tabs .nav-link{
    border: 1px solid transparent;
    /* border-top-right-radius: .25rem;
    border-top-left-radius: .25rem; */
    border-radius: 25px 25px 0 0;
    box-shadow: 3px 0 0 0 #ddd;
}
.nav-inmet li .nav-link{
    color: #000;
    border-top-width: 3px;
    border-color: #bdbdbd;
    height: 100%;
}

#tab-content-previsao{
    min-height: 627px!important;
    font-family: open_sansregular,Arial,Helvetica,sans-serif;
}

.tab-content{
    margin-top: -1px;
    background-color: #f5f5f5;
    padding: 10px 14px;
    border: 1px solid #bdbdbd;
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline label {
    font-size: .7em;
}

.form-control {
    color: #000!important;
}

.ui-helper-hidden-accessible{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-widget.ui-widget-content{
    border: 1px solid #c5c5c5;
    background-color: #fff;
    /*color: #333;*/
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /*width: 269px!important;*/
    max-width: 328px!important;
}

.ui-menu .ui-menu-item {
    list-style: none;
    cursor: pointer;
    box-sizing: unset;
    height: 30px;
    padding: 0px 5px;
}

.ui-menu .ui-menu-item-wrapper{

    position: absolute;
}

.ui-menu .ui-menu-item:hover{
    background-color: #ddd6;
}

.ui-autocomplete-loading{
    background:url(http://jqueryui.com/resources/demos/autocomplete/images/ui-anim_basic_16x16.gif) right center no-repeat #fff
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.size{
    font-size: 1rem;
}
/* noticias */
.base-card {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 25px 25px 25px 25px;
    -webkit-box-shadow: 4px 4px 0 0 #ddd;
    -moz-box-shadow: 4px 4px 0 0 #ddd;
    box-shadow: 4px 4px 0 0 #ddd;
    border: 1px solid #bdbdbd;
}

._margin-t-30 {
    margin-top: 30px!important;
}

.card-home-news .card-title {
    color: #707070;
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.home-news-title {
    color: #004983;
    display: block;
    font-size: 18px;
    font-family: Roboto-Bold;
    line-height: 26px;
    margin-bottom: 10px;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 50%;
    margin-left: -80px;
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

.scroll {
    overflow-x: auto;
}

.menu-area{background: #0F4098}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #1659BF;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #1659BF;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #1659BF;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #1659BF;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px){
    .mainmenu .collapse ul li:hover> ul{display:block}
    .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .mainmenu .collapse ul ul li{position:relative}
    .mainmenu .collapse ul ul li:hover> ul{display:block}
    .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
    /*******/
    .mainmenu .collapse ul ul ul li{position:relative}
    .mainmenu .collapse ul ul ul li:hover ul{display:block}
    .mainmenu .collapse ul ul ul ul{position:absolute;top:0;min-width:250px;display:none;z-index:1}
}
@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}



@media only screen and (min-width: 1200px){
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
}


hr{
    float: left;
    width: 100%;
}

/**
 *
 * Tempo Agora
 *
 */
.tempoagora{
    padding-bottom:40px;
    padding-right:100px
}
/** padding-left**/
@media only screen and (max-width: 568px) {
    .tempoagora{
        padding-right: 10px;
    }

    .wd50{
        width: 50%;
    }

    .wd33{
        width: 33.33333333333333%;
    }

    .pb-sm-1{
        padding-bottom: 1rem;
    }

    .popup img{
        width: 100%;
    }

    .font-dados b {
        font-size: 14px;
        word-wrap: break-word;
    }

    .previsao{
        border: none!important;
    }

    .tempoagoramobile{
        font-size: 48px!important;
    }

    .mobile{
        display: block!important;
        height: auto!important;
    }

    .prevmobile{
        width: 100%!important;
        height: auto!important;
    }

    .sollua{
        font-size: .8em!important;
    }

    .prevmobile2{
        height: auto!important;
        width: auto!important;
        margin-bottom: 15px!important;
        min-width:290px; 
    }

    .mobilebuttons{
        white-space: pre-line; 
    }

    .iframemob{
        height:320px!important;
    }

     .prevbtn{
         margin-bottom: 10px!important;
     }
}

@media only screen and (min-width: 700px) {
    .prevmobile2{
        height: auto!important;
        width: auto!important;
        margin-bottom: 15px!important;
        min-width:300px; 
    }
}

/**
 *
 * Alertas
 *
 */
 .alertas{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 0rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: black;
    /*background-color: #f8d7da;
    border-color: #f5c6cb;*/
}

.atencao a{
    color: black;
}

/**
*
*Menubar
*
*/

 li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}

.ulmenubar{
    list-style: none;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}


/* NAVBAR
-------------------------------------------------------------------------------*/

#nav {
	background: #0f4098;
	clear: both;
	padding: 5px 0;
	font-size: 0.8em;
    font-family: 'open_sansregular', Arial, Helvetica, 'Helvetica Neue', Helmet, Freesans, sans-serif;
}
#nav li {
	font-weight: normal;
    -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#nav li a {
	text-decoration: none;
	color: #fff; 
	padding: 0 10px;
	color: #fff;
	display: inline;
	border-right: 1px solid #87a0cc;
	line-height: 20px;
}
#nav li:last-child > a  {
	border-right: 0;
}
#nav li.current {
	background: #fff;
	border-top: 3px solid #004F80;
}
.nav > ul > li:not(:last-child) {
    position: relative;
}

.nav > ul > li:not(:last-child) > a:after {
    content: "";
    height: 20px;
    width: 1px;
    background: red;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px; /* half of your height */
    }

#nav ul {

	list-style: none;
	margin: 0;
	padding: 0;
	clear: right;
	float: right;
}
#nav ul li {
	float: left;
	position: relative;
}
#nav ul li:hover, #nav ul li.hover {
	z-index: 100;
}
#nav ul a {
	display: block;
	position: relative;
	margin-left: -1px;
}
#nav ul ul {
	position: absolute;
	top: 100%;
	left: -9999em;
}

#nav ul li.hover ul {
	left: 0;
}

#nav ul li:hover ul a, #nav ul li.hover ul a {
	margin-top: -1px;
}

.map {
	font-size: 80%;
	margin-bottom: 20px;
}

.map:last-child {
	margin-bottom: 0 !important;
}

.barramenu_header {
	background: #dee2e6 ;
	border-top: 4px solid #1659BF;
    border-bottom: none;
    text-align: center;
	display: block;
    font-size: 100%;
    font-weight: 500!important;
    font-family: 'open_sansregular','Arial','Helvetica','sans-serif';
	line-height: 150%;
	padding: 10px 10px 6px 0;
    border-radius: 25px 25px 0 0;
    max-height: 770px;
    overflow-y: auto;
}

ul.barramenu li a {
    border-bottom: 1px solid #D6dcd7;
	color: 	#172938;
	display: block;
	padding: 6.8px 13px 6.8px 13px !important;
    text-decoration: none;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 14px;
    line-height: 16px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

ul.barramenu li.all {
	font-weight: bold;
}

.barramenu_header_central_conteudo {
	background: #eaebee;
	border-top: 4px solid #1659BF;
	border-bottom: none;
	color: #1659BF;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	padding: 8px 8px 24px 10px;
	text-transform: uppercase;
}

ul.barramenu_central_conteudo li a {
    border-bottom: 1px solid #D6dcd7;
	color: 	#172938;
	display: block;
	padding: 13px 1px;
	text-decoration: none;
	font-size: 1.05em;
	line-height: 1.3em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

ul.barramenu_central_conteudo li.all {
	font-weight: bold;
}

@media screen and (max-width: 590px), screen and (device-aspect-ratio: 40/71), screen and (-webkit-device-pixel-ratio: 1.5), screen and (-webkit-device-pixel-ratio:.75) {

	/* body::before{ content: "mobile"; display: block; text-align: center; background: rgba(255,255,0, 0.9); position: absolute; top: 0; left: 0; right: 0; z-index: 99; } */

	header {
		background: #2160bd;
		height: auto;
	}

	header h1 {
		height: 68px;
		margin: 0 0 0 2px;
		width: 310px;
	}

	header form {
		clear: both;
		display: block;
		margin: 0 auto 5px;
		text-align: right;
		width: 75%;
	}

	header form #s {
		background: url(../img/icon_search2.png) no-repeat;
		background-repeat: no-repeat;
		background-position: right;
		margin: 0;
    	padding: 0;
    	width: 100%;
    	height: 39px;
   		border: 0 none;
   	 	border-top: 2px solid #ccc;
    	border-radius: 6px;
	    background-color: #fff;
	    color: #064d13;
	    text-indent: 13px;
	    font-size: 18px;
	    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	    line-height: 39px;
	}

	header form #s:focus {
		background-color: #fff;
		outline: 0;
		width: 85%;
	}


	.grid {
		max-width: 97%;
		margin: 0 auto 0;
		float: none;
		width: auto;
	}

	#nav .grid {
		max-width: 100%;
	}

	.hide_mobile {
		display: none !important;
	}

	
	body:not(:target) #dropmenu {
	  margin: 0;
	  z-index: 1000;
	}

	body:not(:target) #dropmenu li {
	  width: 100%;
	  line-height: 0;
	  overflow: hidden;
	  -webkit-transition: line-height 0.25s;
	  -moz-transition: line-height 0.25s;
	  -o-transition: line-height 0.25s;
	  transition: line-height 0.25s;
	}

	body:not(:target) #dropmenu:target {
	  z-index: 1001;
	}

	body:not(:target) #dropmenu:target li {
	  line-height: 240%;
	  overflow: visible;
	  -webkit-transition: line-height 0.25s;
	  -moz-transition: line-height 0.25s;
	  -o-transition: line-height 0.25s;
	  transition: line-height 0.25s;
	}

	body:not(:target) #dropmenu .back {
		display: none;
	}

	body:not(:target) #dropmenu:target .back {
		background: #004F80;
	  display: block;
	  left: 0 !important;
	  top: -35px !important;
	}

	.menu-link {
	  
	  border: 0;
	  color: #fff;
	  display: block;
	  font-size: 18px !important;
	  font-weight: bold;
	  margin-top: 15px;
	  float: right;	 
	}

	.menu-link:hover a, .menu-link:hover a:hover, .menu-link:hover {
		background: transparent !important;
		color: #fff !important;
	}

	.menu-link span {
		margin-right: 3px;
	}

	#nav ul ul {
		display: none;
		max-width: 100% !important;
	}

	#nav ul li.hover ul {
		border: 0 !important;
		display: block !important;
		left: 0 !important;
		margin-left: -4%;
		position: relative !important;
		top: auto !important;
		width: 100%;
		z-index: 1000000000 !important;
	}

	#nav ul li.hover ul li {
		background: #fff;
		border: 0 !important;
		padding: 0 0 0 4%;
		text-align: left;
		width: 100%;
	}


	#nav ul li:hover ul a, #nav ul li.hover ul a {
		display: block;
	}

	#accordion {
		margin: 0 3px;
	}

	#home .accordion {
		margin-top: 15px;
	}

	#youtube_holder, #flickr_holder, #radio_holder {
		height: auto;
	}

	#flickr_holder img {
		height: auto;
		width: 100%;
	}

	#list img {
		margin: 1% 0 0 1%;
		width: 32%;
	}

	#radio_mobile {
		display: block;
	}

	.audios .audio {
		height: auto;
	}

.wp-caption {
      max-width: 350px;
}
}

body .userway.userway-accessibility.userway_p1 .userway_accessibility_icon, body .userway.userway-accessibility.userway_p7 .userway_accessibility_icon, body .userway.userway-accessibility.userway_p8 .userway_accessibility_icon {
    top: 35px;
    margin-right:150px;
}

#local{
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}
#footer2{
    padding: 20px 0;
    min-height: 50px;
    width: 100%;
    background-color: #1659bf;
    float: left;
    margin:0px!important;margin-bottom:-10px;text-align:center;margin-left:10%;
}
@media screen and (min-width: 1600px) {
    #footer2{
        margin-left:10%!important
    }
  }