@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

/* body { background-color:#fff; color:#000; font-family:'Open Sans', sans-serif; max-width:100vw; } */
body { background-color:#fff; color:#000; max-width:100vw; }
ul,ol { list-style:none; margin-bottom:0 !important; }
* { margin:0; padding:0; list-style:none; vertical-align:baseline; }
a { color:#03316f; }
a:hover { text-decoration:none; }
a:link,a:visited { border-bottom:none; color:#03316f; }
a:focus { outline:2px solid #f1ca7f; }
.clear { clear:both; }
.bg-loading { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0, 0, 0, .7); }
.bg-loading > div { position:fixed; top:calc(50% - 1.5em); left:10%; height:3em; width:80%; background:#f3c327; }
.bg-loading > div label { position:absolute; width:100%; height:100; text-align:center; color:#03316f; font-size:1.5em; z-index:4; cursor:default; }
.bg-loading > div span { position:absolute; top:0; left:0; height:100%; background:#ec8d21; z-index:1; }
div#wrapper-barra-brasil { max-width: calc(1200px - .85rem) !important; }
#wrapper { margin:0 auto; width:100%; font-size:1.2em; }
#header { padding:0.25em 0 0 0; text-align:center; background-image:radial-gradient(ellipse at center, #fbda43 1%, #f8c60b 100%); background-color:#f8c60b; font-family:'Open Sans', sans-serif; color:#03316f; }
#header a :hover { text-decoration:none; }
#header > div { position:relative; overflow:hidden; margin:0 auto; padding:0 .85rem; max-width:1200px; }
#header > div > div { display:inline-block; width:49.8%; margin:0 !important; padding:0; }
#footer a:hover { text-decoration:none; }
#accessibility { display:inline-block; font-size:0.65em; font-family:Arial, sans-serif; }
#accessibility li { display:inline; }
#accessibility a { margin-right:1em; }
#accessibility a span { padding:0.1em 0.4em 0.1em 0.4em; background:#03316f; color:#fff; }
#language { display:inline-block; font-size:0.8em; text-align:right; vertical-align:baseline; text-transform:uppercase; }
#portal-siteactions { display:inline-block; padding-bottom:2px; font-size:0.8em; text-align:right; }
#portal-siteactions li { display:inline; margin-right:0.5em; }
#portal-siteactions li a { color:#03316f; padding:4px 0 4px 10px; text-decoration:none; text-transform:uppercase; font-weight:normal; }
#portal-siteactions li:last-of-type { margin-right:0; }
#portal-siteactions li:first-of-type a { padding-left:0; }
#portal-siteactions,#portal-language,ul#language { border-bottom:1px dotted #03316f; }
#logo { width:100% !important; padding:1em 0 1.8em 0; }
#logo a { display:block; width:100%; margin:0; padding:0; color:#03316f !important; border-bottom:none; }
#logo img { display:inline-block; margin:0.5em 0.5em 0 0; }
#logo div { display:inline-block; }
#logo div span { width:100%; font-size:0.8em; margin:0; padding:0; }
#logo div #portal-description { font-size:1.05em; }
#logo div h1 { margin:-0.14em 0 0 0; font-size:3em; font-family:'Open Sans', sans-serif; font-weight:700; }
#portal-description { text-transform:uppercase; }
#portal-searchbox { display:inline-block; width:18em !important; margin:3.12em 0 0 0 !important; padding:0.1em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; font-size:80%; border:1px solid #ccc; }
#portal-searchbox form { white-space:nowrap; }
#portal-searchbox .hiddenStructure { display:block; background:transparent; background-image:none; border:none; height:0.1em; overflow:hidden; padding:0; margin:-0.1em 0 0 -0.1em; width:1px; }
#portal-searchbox .searchField { padding:0.3em 0.3em; width:17em; border:none; border-right:none; font-size:1em; font-family:'Open Sans', sans-serif; margin-left:0.1em; -moz-appearance:none; }
#portal-searchbox input.searchButton { background:transparent; background-position:0px 2px; padding:4px 15px; border:none; text-indent:-2000px; }
.LSBox { margin:0; padding:0; border:none; }
#social-icons { display:block; width:100% !important; margin:1.1em 0 !important; }
#social-icons li { display:inline-block; }
#social-icons li a { display:block; overflow:hidden; margin:0 0 0 0.45em; width:1.67em; height:1.67em; border:none; text-indent:100%; white-space:nowrap; opacity:0.85; filter:alpha(opacity=85); border-radius:0.33em; }
#social-icons a,.item-central .link-videos,.item-central .link-audios,.item-central .link-infograficos,.item-central .link-publicacoes,.item-central .link-fotos,.item-central .link-aplicativos,.item-central .link-dadosabertos,#header input.searchButton { background-image:url("../images/sprite.png"); }
#portalredes-flickr a { background-position:-105px -25px; }
#portalredes-facebook a { background-position:-80px -25px; }
#portalredes-youtube a { background-position:-130px -25px; }
#sobre { background-color:#f3b827; margin:0; padding:0 5px 0 5px; max-width:100% !important; }
#sobre ul { width:1200px; margin:0 auto; padding:.5rem .85rem; text-align:right; }
#sobre ul li { display:inline-grid; }
#sobre ul li a { border-right:1px solid #575660; color:#03316f; padding:0 10px; }
#sobre ul li:last-of-type a { border:0; padding:0 0 0 10px; }
#wrapper #footer { padding:1em 0; min-height:4em; width:100%; color:#03316f; background:#f8c60b; font-family:'Open Sans', sans-serif; }
#wrapper #footer > div { margin:2em auto; padding:0.5rem 0 0.5rem 0; max-width:1200px; }
#wrapper #footer .sitemap { padding:0 0.5em 0 1.8em; margin-top:1em; margin-bottom:3em; }
#wrapper #footer dl { display:inline-block; margin:0px; padding-left:9px; text-align:left; }
#wrapper #footer dt { display:block; padding-left:9px; margin-top:1rem; border-left:1px dotted #03316f; font-size:1.2em; font-weight:800; }
#wrapper #footer dd { display:block; margin-bottom:0px; padding:0 0 0 9px; font-weight:400; border-left:1px dotted #03316f; }
#wrapper #footer dd a { font-size:0.9em; }
#wrapper #footer .footer-logos { margin:0 0 -0.2em; padding:2em 0; max-width:100%; background:#ec8d21; }
#wrapper #footer .footer-logos > div { margin:0 auto; max-width:1200px; }
#wrapper-footer-brasil { max-width:1200px !important; }
#main{margin:0 auto;padding:1em 12px 1.5em 12px; max-width:1200px; background:#fff; font-size:70%;}
#main .row { margin-left:0px; margin-right:0px; padding:0; }
#main .row > div { padding:7px; }

@media (max-width:319px) {
    #logo img { display:none; }
}

@media (max-width:340px){
    #sobre ul li:nth-child(1) { display:none; }
    #sobre ul li:nth-child(3) { display:none; }
}

@media (max-width:400px) {
    #sobre ul li:nth-child(3) { display:none; }
}

@media (max-width:575px) {
    #header > div { display:block; width:100%; font-size:80%; padding:1%; }
    #header > div > div { display:inline-block; width:100%; margin:0 !important; padding:0; }
    #accessibility { display:block; font-size:0.86em; margin:0 0 0.5em 0; text-align:right !important;}
    #accessibility li{ display:inline-block;}
    #accessibility a { display:inline-block; width:100%; margin:0; text-transform:uppercase;}
    .topo>a{font-size:.2em !important;}
    .topo ul{display:none !important;}
    #language { display:inline-block; font-size:0.8em; text-align:right; vertical-align:baseline; text-transform:uppercase; }
    #portal-siteactions { display:block; width:100%; font-size:.9em; text-align:center !important;}
    #portal-siteactions li{display:inline-block;width:auto;}
    #logo { padding:1em 0 1em 0 !important; margin:0 !important; text-align:center !important;}
    #logo img { width:4rem;}
    #logo div{text-align:left !important;}
    #logo div span { font-size:1.1em;}
    #logo div #portal-description{font-size:.95em;}
    #logo div h1 { font-size:3.6em;}
    #portal-searchbox { width:100% !important; margin:0 !important; }
    #portal-searchbox .searchField { padding:0.3em 0.35em; width:90%; border:none; border-right:none; font-size:1.6em; font-family:'Open Sans', sans-serif; -moz-appearance:none; }
    #social-icons { display:inline-block; width:30% !important; margin:1.1em 0 !important; }
    #wrapper #footer { font-size:60%; }
}

#wpadminbar a { color:#eee !important; }
#wpadminbar a:hover,#wpadminbar a:active,#wpadminbar a:focus { color:#00b9eb !important; }
.topo { position:fixed; width:100%; right:0; bottom:0; height:2.4em; padding:0.5em; border-top:0.2em solid #f3c327; background:#ec8d21; z-index:1000; }
.topo > a { position:absolute; right:0.5em; color:#fff !important; text-align:right; font-size:0.8rem !important; text-transform:uppercase; }
.topo > ul { position:absolute; left:0.5em !important; }
.topo > ul a { width:auto !important; font-size:0.8rem !important; text-transform:uppercase; padding-right:0.4em; color:#fff !important; }
.topo > ul span { display:none; }

@media (min-width:576px) and (max-width:767px) {
    #acessibility { font-size:0.6em; }
    #portal-siteactions { font-size:0.7em; }
    .container { width:30% !important; }
    .container:first-of-type { width:65% !important; }
    .topo ul{display:none !important;}
    #container-logo { width:60% !important;}
    #container-logo span:last-of-type { font-size:.9em !important;}
    #container-search { width:35% !important; }
    #portal-searchbox { width:16em !important; }
    #portal-searchbox .searchField { width:11.5em; }
    #sobre { margin:0; padding:0 0.5em 0 0.5em; line-height:auto; }
    #sobre ul { width:100%; margin:0 auto; padding:0.5em 0 0.5em 0; text-align:center; }
    #sobre ul li a { border-right:1px solid #575660; color:#03316f; padding:0 10px; }
    #sobre ul li:last-of-type a { border:0; padding-right:0; }
}

@media (min-width:768px) and (max-width:991px) {
    #accessibility { font-size:0.85em; }
    #portal-siteactions { font-size:0.7em; }
    .container { width:30% !important; }
    .container:first-of-type { width:67% !important; }
    #container-logo { width:63% !important;}
    #container-logo span:last-of-type { font-size:.9em !important;}
    #container-search { width:35% !important; }
    #portal-searchbox { width:16em !important; }
    #portal-searchbox .searchField { width:11.5em; }
    #sobre { margin:0; padding:0 0.5em 0 0.5em; line-height:auto; }
    #sobre ul { width:100%; margin:0 auto; padding:0.5em 0 0.5em 0;}
    #sobre ul li a { border-right:1px solid #575660; padding:0 10px; }
    #sobre ul li:last-of-type a { border:0; padding-right:0; }
}

@media (min-width:992px) and (max-width:1199px) { #accessibility { font-size:0.85em; }
    .container { width:30% !important; }
    .container:first-of-type { width:67% !important; }
    #container-logo { width:63% !important;}
    #container-logo span:last-of-type { font-size:.9em !important;}
    #container-search { width:35% !important; }
    #sobre ul { width:100%; margin:0 auto; padding:0.5em 0 0.5em 0;}
}

.contrast { background-color:#000 !important; border-color:#ccc !important; color:#fff !important; }
.contrast div,.contrast ul,.contrast label,.contrast h1,.contrast button:not(.bioma),.contrast input,.contrast table tr { color:#fff !important; border-color:#ccc !important; background-color:#000 !important; background:#000 !important; }
.contrast img:not(.img-thumbnail) { filter:grayscale(100%) contrast(120%); }
.contrast .portalredes-item { filter:brightness(0) invert(1); }
.contrast a,.contrast button:not(.bioma),.contrast input[type=button],.contrast input[type=reset],.contrast input[type=submit] { color:#fff !important; border-color:#ccc !important; }
.contrast #accessibility a span { color:#000 !important; background:#fff !important; }
.contrast #sobre { background-color:#333 !important; }
.contrast #sobre * { background-color:#333 !important; }
.contrast #footer { background-color:#333 !important; }
.contrast #footer .sitemap { background-color:#333 !important; }

#main h1{
    border-bottom: 1px solid #df4b38 !important;
    color: #df4b38 !important;
    display: inline-block;
    font-size: 2em;
    margin-top: 20px !important;
    padding-top: 20px !important;
    width: 100%;
}
#main h2{
    border-bottom: 1px solid #f19b1f !important;
    color: #df4b38 !important;
    display: inline-block;
    font-size: 2em;
    margin-top: 20px !important;
    padding-top: 20px !important;
    width: 100%;
}
.tile{
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
}
.tile-content{
    border:0 !important;
}
.line-info{
    margin:0;
    margin-top:1.5em;
    margin-bottom:.8em;
    border: 0;
    border-bottom: 3px solid #df4b38 !important;    
}

.outstanding-header{
    border-bottom: 1px solid #df4b38 !important;
    margin-top:1.5em !important;
    margin-bottom:1.5em !important;
}

h2.outstanding-title{
    display: inline-block;
    width: 100% !important;
    min-height:auto;
    height:auto;
    margin:0 !important;
    margin-left: 1em !important;
    margin-top: 1.5em !important;
    padding:0 !important;
    padding-bottom: 0.2em !important;
    color: #df4b38 !important;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
    border:0 !important;
}
h2.outstanding-title:first-of-type{
    margin-top: 0 !important;
}

.tile-content *{
    font-family: 'Roboto Condensed', sans-serif !important;
}

#content-core{
    margin-left: 12px !important;
}

.nav_graficos{padding-left:8px;}

.nav_graficos li{
    display:inline-block;
    list-style-type: none;
    text-align: center;
    padding: .5em .2em;
    background-color:#f9d7a5;
    border-bottom: 1px solid #f9d7a5;
    border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;
    cursor:pointer;
}

.nav_graficos li.active{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #f9d7a5;
    border-bottom: 1px solid #fff;
    background:#fff;
    cursor:default;
}

.clear{clear:both;}
.panel-content{
    margin-top:-1px;
    border-radius: 5px;
    border: 1px solid #f9d7a5;
    padding: 5px
}

#content h2 > a {font-size: 16px}
.portlet img, #content img {border-radius: 0px; -webkit-border-radius: 0px;}
#content span.link-external a {background: none !important; padding: 0}

body:not(contraste) #content .main-link, #content .main-link:visited {
    color: #000000 !important;
    font-weight: normal;
    font-size: 12px;
    text-align: justify;
    outline: 0
}

#content .main-link:hover {
    color: #dc4b38 !important;
}

body.contraste .tile-content *{
    color:#fff !important;
}

body.contraste #content .main-link, body.contraste #content .main-link:visited{
    color:#fff !important;
    background: none !important;
    text-decoration: none;
}

body.contraste .outstanding-header{
    background:none !important;
    border:0 !important;
    border-bottom: 1px solid #fff !important;
}

body.contraste .line-info{
    border-bottom: 3px solid #fff !important;    
}