/* link styles   */ a { color: #666; text-decoration: underline; } a:hover { color: #004B7F; text-decoration: underline; } /*#region LNormal */ .LNormal { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #fff; background-color: #004B7F; border: 6px solid #004B7F; border-radius: 0; box-shadow: 0 4px 4px rgba(0,0,0,.3); text-decoration: none; } .LNormal:focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5); } .LNormal.disabled, .LNormal:disabled { opacity: .65; } .LNormal:active, .LNormal.active { background-image: none; } .version-2017 .LNormal:not(:disabled):not(.disabled).active, .version-2017 .LNormal:not(:disabled):not(.disabled):active, .show > .version-2017 .LNormal.dropdown-toggle { color: #fff; border: 6px solid #0068b3; background-color: #0068b3; } a.LNormal.disabled, fieldset[disabled] a.LNormal { pointer-events: none; } .LNormal:hover { color: #fff; text-decoration: none; border: 6px solid #0068b3; background-color: #0068b3; } .LNormal.disabled { background-color: #004B7F; border-color: #004B7F; } .LNormal:active, .LNormal.active, .show > .LNormal.dropdown-toggle { background-color: #0069d9; background-image: none; border-color: #0062cc; } /*#endregion LNormal*/ /*#region root elements */ body { background-size: auto; background-position: center 98px; background-repeat: no-repeat; font-family: Lato, sans-serif; background-size: auto; background-position: center 100px; background-repeat: no-repeat; color: #666; } .h1, .h2, .h3, .h4, h1, h2, h3, h4 { position: relative; font-weight: normal; font-family: Raleway, sans-serif; margin-bottom: 2rem; margin-top: 2rem; } .h1, h1 { font-size: 2rem; } .h2, h2 { font-size: 1.5rem; } .h3, h3 { font-size: 1.3rem; } main { clear: both; } form { margin: 0; } footer { clear: both; background-color: #004B7F; color: #fff; margin: 20px 0 0 0; width: 100%; position: static; } .footer-fixed { position: fixed; bottom: 0; } footer .container { padding: 1.5rem 15px; } .policies { padding: 10px 0; font-size: 14px; background: #0D3C56; } .policies a:link, .policies a:visited { color: #fff; } /*h1 a:link, h2 a:link, h3 a:link, h4 a:link { text-decoration: none; }*/ /*#endregion root elements*/ /*#region */ #navigation .navbar-toggler { margin-right: -15px; } @media (max-width: 575.98px) { .row { margin-left: -4%; margin-right: -4%; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 4%; padding-right: 4%; } .container { padding-left: 4%; padding-right: 4%; } footer .container { padding: 2rem 4%; } #navigation .navbar-toggler { margin-right: -4%; } #bd-main-nav { margin-right: -4%; /* encostar à direita */ } } /*endregion*/ #navigation .navbar { background-color: rgb(255, 255, 255); padding-top: 32px; margin-bottom: 24px; } #navigation .navbar-brand { margin: 0; padding: 0; position: relative; } #navigation .nav-link-text { padding: 8.5px 14px; } .navbar-nav .nav-link { text-transform: uppercase; text-decoration: none; color: #666; font-size: 12px; } /*#region news*/ .news-gradient { background: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%); } .version-2017 #aNoticiaBodyContent > .h1:first-of-type, .version-2017 #aNoticiaBodyContent > h1:first-of-type { margin-top: 2rem; font-size: 1.75rem; min-height: 5rem; } .version-2017 #aNoticiaBodyContent > .h1:first-of-type > div, .version-2017 #aNoticiaBodyContent > h1:first-of-type > div { position: absolute; bottom: 0; } .version-2017 #aNoticiaBodyContent .news-header-over-image { position: absolute; bottom: 0; z-index: 1; color: #fff; padding: 1.5rem 1rem; margin: 0; width: 100%; text-align: left; font-size: 1.2rem; } @media (min-width:1200px) { .news-summary-and-tema { display: flex; flex-direction: column; justify-content: space-between; min-height: 274px; } .news-summary-container { } } @media (max-width:425.98px) { .version-2017 #aNoticiaBodyContent .news-header-over-image { font-size: 1.2rem; } } @media (min-width:426px) { .version-2017 #aNoticiaBodyContent .news-header-over-image { font-size: 1.4rem; } } @media (max-width:575.78px) { .version-2017 #aNoticiaBodyContent .news-header-over-image { /*backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);*/ margin-left: -4%; margin-right: -4%; width: 108%; padding: 1.5rem 4%; font-weight: bold; } } @media (min-width:576px) { .version-2017 #aNoticiaBodyContent .news-header-over-image { /*backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);*/ font-size: 1.5rem; font-weight: bold; } } @media (min-width:992px) { .version-2017 #aNoticiaBodyContent .news-header-over-image { font-size: 1.75rem; font-weight: bold; } } .version-2017 #aNoticiaBodyContent .news-header-over-image::before { display: none; } .version-2017 #aNoticiaBody .h3, .version-2017 #aNoticiaBody h3 { font-size: 1rem; font-variant: small-caps; font-family: Lato, sans-serif; margin-top: 0; margin-bottom: 1rem; } .version-2017 #aNoticiaBody .h3::before, .version-2017 #aNoticiaBody h3::before { display: none; } /* VJLA 20191209 : Corrigir alguns problemas causados pelo bootstrap */ .version-2017 #aNoticiaBody sup, .version-2017 #aNoticiaBody sub { line-height: normal; } .version-2017 #aNoticiaBody sup p, .version-2017 #aNoticiaBody sub p { margin-top: .25rem; margin-bottom: .25rem; } .version-2017 #aNoticiaBody dd { margin-bottom: unset; margin-left: 2.5rem; } .version-2017 #aNoticiaBody sub dd { margin-left: 1.5rem; } .version-2017 #Observatorio_Infocus_SepsContent img { max-width: 100%; } .version-2017 .box-with-title { display: inline-block; width: 100%; margin: 40px 0 0 0; border: 1px solid #eee; border-radius: 5px; background: #fff; box-shadow: rgba(0,0,0,0.12) 0 4px 4px,rgba(0,0,0,0.12) 0 8px 6px; } .version-2017 .box-with-title .h2, .version-2017 .box-with-title h2 { font-family: Lato, sans-serif; text-transform: uppercase; font-size: 1rem; padding: 8px; margin: 0; border-bottom: 4.5px solid #004B7F; } .version-2017 .human-date { /*color: #248344;*/ color: #666; font-size: 0.85rem; white-space: nowrap; text-transform: lowercase; } .version-2017 .box-with-title .h2 .human-date, .version-2017 .box-with-title h2 .human-date { white-space: nowrap; font-size: .7rem; } .version-2017 .box-with-title .h2::before, .version-2017 .box-with-title h2::before { display: none; } .version-2017 .box-with-title ul { margin: 8px; } .version-2017 .box-with-title .clLstGroup a:link, .version-2017 .box-with-title .clLstGroup a:visited, .version-2017 .thumb-row, .version-2017 .thumb-row a:link, .version-2017 .thumb-row a:visited { text-transform: uppercase; font-size: 0.8rem; line-height: 1.1rem; color: #666; /*text-decoration: none;*/ } .version-2017 .box-with-title .clLstGroup a, .version-2017 .thumb-row a { text-decoration: none; } .version-2017 .thumb-row > span { display: table-cell; } .version-2017 .thumb-row > a { display: table-cell; } .version-2017 .box-with-title .clLstGroup a:hover { color: #004B7F; } .version-2017 .box-with-title .clLstGroup li { padding: 0; margin: 1rem 0 0 0; line-height: 1.2; display: block; width: auto; } .version-2017 .box-with-title .alsonews-date-container { display: none; } .version-2017 .box-with-title .alsonews-current { background: none; } .version-2017 #news-related, .version-2017 #news-same-theme, .version-2017 #oneyearold-news { display: none; } .version-2017 #NewsHeaderTema { line-height: 1.1; } .version-2017 #NewsHeaderTema .svg-icon, .version-2017 .news-source-and-date .svg-icon { margin: -3px 0 0 0; padding: 0; width: 14px; height: 14px; border-radius: 0; background: none; vertical-align: middle; } .version-2017 #NewsHeaderTema .svg-icon svg, .version-2017 .news-source-and-date .svg-icon svg { margin: 0; width: 100%; height: 100%; } .version-2017 .news-source-and-date > div { margin: 14px 0 0 0; } .version-2017 .text-shadow { text-shadow: 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 1.5px #000, 0 0 20px #000; } /*.version-2017 .text-back { background-color: #000; background-color: rgba(0,0,0,.1); }*/ .version-2017 .header-text { font-size: 3rem; margin: 2rem 0; line-height: 1.3; } .version-2017 #aNoticiaBodyContent img { max-width: 100%; } @media (max-width:767px) { .version-2017 .header-text { font-size: 2rem; margin: 1.5rem 0; } } @media (max-width:425px) { .version-2017 .header-text { font-size: 1.5rem; margin: 1rem 0; } } /*#endregion news*/ /*#region news-card*/ .news-card { position: relative; background: #fff; box-shadow: rgba(0,0,0,.4) 0 4px 6px; margin: 5px; } .news-card .product-overlay { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; } .news-card-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; color: #666; background-repeat: no-repeat; } .news-card, .news-card-a, .news-card .product-overlay { border-radius: 5px; } .news-card-a:hover, .news-card-a:visited { color: #666; } .news-card-a:link { transition: all 0.3s ease; background-position: top center; background-size: 100%; } .news-card .news-card-img-center { transition: background-size 0.5s ease; background-color: #eee; background-position: center 25%; background-size: auto; background-repeat: no-repeat; } .news-card > svg.img-fluid { padding-bottom: 82px; } .news-card .product-caption { width: 100%; position: absolute; bottom: 0; max-height: 100%; } .news-card .product-caption::before { content: "\20"; position: absolute; display: block; width: 100%; height: 19px; margin: -18px 0 0 0; background-image: url('/wap/i/images/app/diagonal-bottom-top.svg.mrkf'); background-repeat: no-repeat; background-size: 100% 100%; } .news-card .product-caption > div { padding-top: 10px; padding-bottom: 10px; background: #fff; } .news-card .product-caption > div .product-title, .news-card .product-title span { overflow: hidden; min-height: 3.6rem; text-transform: uppercase; margin-bottom: 5px; font-size: 0.8rem; color: #666; } .news-card .product-title span { font-weight: bold; } /* .news-card .product-caption div .product-title::first-line { font-size: 0.8rem; } */ .news-card .product-detail { display: none; } .news-card-a:hover { background-position: top center; background-size: 170%; } .news-card-a:hover .product-overlay { background-color: #024ba0; background-color: rgba(2, 75, 160, 0.8); } .news-card-a:hover .product-caption div { background: none; } .news-card-a:hover .product-caption::before { display: none; } .news-card-a:hover .product-caption .product-link-icon { display: none; } .news-card-a:hover .product-caption div .product-title, .news-card-a:hover .product-caption div .product-title span { display: block; color: #fff; font-weight: bold; padding-bottom: 0; height: auto; min-height: initial; margin-bottom: auto; } .news-card-a:hover .product-caption div .product-detail { transition: all 0.5s ease; color: #fff; text-transform: none; display: block; } .news-card-a:hover .product-caption div .product-detail span { color: #fff !important; text-transform: none; font-size: 1rem !important; font-weight: bold; } .news-card .product-caption .product-link-icon { padding: 3px; position: absolute; top: 0; right: 0; margin: -29px 10px 0 0; background-color: #004B7F; } .news-card .product-caption svg { fill: #fff; } /*#endregion news-card*/ /*#region nav social links */ .site-social-links { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #navigation .site-social-links > .row { position: relative; } #navigation .site-social-links .social-links-container { margin: 6px 0 0 0; position: absolute; display: flex; right: 0; z-index: 1; } /*#endregion nav social links*/ /*#region guides for positioning menu, just DEBUG */ /* .guide-line { position: absolute; border-top: 1px solid #ccc; height: 0; width: 100%; z-index: 1; display: none; } .guide-line-1 { top: 32px; } .guide-line-2 { top: 64px; } .guide-line-3 { top: 96px; } */ /*#endregion guides*/ #bd-main-nav .nav-item { font-size: 0.85rem; font-weight: bold; color: #000; } #bd-main-nav .dropdown-item { text-transform: uppercase; font-weight: bold; color: #666; font-size: 12px; } #bd-main-nav .nav-link-smaller { font-size: 11px; color: #004B7F; } .svg-ico-logo { display: inline-block; width: 296px; height: 70px; } #logo-spacer { width: calc(64px * 472/160); height: 64px; } #navigation .navbar-toggler { padding: .25rem .50rem; margin-top: 0.5rem; } /* #bd-main-nav { padding: 1rem 0; } */ @media (max-width: 576px) { #navigation .container { width: 100%; } #logo-spacer { width: calc(51px * 472/160); height: 51px; } } /* @media (min-width: 992px) { #bd-main-nav .nav-item { } } @media (min-width: 1200px) { #bd-main-nav .nav-item { } } */ /*#region svg icons */ .svg-icon { border-radius: 50%; background-color: #fff; display: inline-block; width: 28px; height: 28px; position: relative; margin: 8px; transition: all ease-in 0.3s; } .svg-icon svg { vertical-align: top; text-align: center; margin: 20%; width: 60%; height: 60%; fill: #686868; } /*#endregion*/ /* bootstrap extra */ .img-fluid { max-width: 100%; } .container .svg-icon { opacity: 1; } .nav-item-dots-three-vertical .nav-link, .nav-item-menu-burger .nav-link, .nav-item-ico.nav-link, .nav-item-magnifier.nav-link { padding: 6px 8px; } .nav-item-dots-three-vertical .svg-ico-dots-three-vertical, .nav-item-menu-burger .svg-ico-menu-burger, .nav-item-ico .svg-ico-magnifier, .nav-item-magnifier .svg-ico-magnifier, .nav-item .svg-ico-user-circle-o, .nav-item .svg-ico-shopping-basket { width: 23px; height: 23px; margin: 0; border-radius: 0; background: none; vertical-align: middle; line-height: 1; } .nav-item-menu-burger .nav-link:after { display: none; } .nav-item-menu-burger .dropdown-menu { right: 0; left: auto; box-shadow: rgba(0,0,0,.4) 0 4px 4px; } #bd-main-nav { margin-right: -15px; /* encostar à direita */ } @media (max-width:767px) { #bd-main-nav .navbar-nav { margin-top: 10px; } } @media (min-width:768px) { #bd-main-nav { /*overflow: hidden;*/ max-height: 35px; } } .svg-ico-menu-burger { width: 20px; height: 20px; margin: 0; border-radius: 0; background: none; line-height: 1; } .svg-ico-menu-burger svg { margin: 0; padding: 12% 0; width: 100%; height: 100%; } /* - - - - - - */ ul.clLstGroup li { clear: both; list-style-type: none; padding: 5px 0; } ul.clLstGroup li::before, .clLst::before { content: '\3e'; position: absolute; margin-left: -14px; transform: scale(1,1.2); font-weight: normal; font-family: monospace; font-size: 15px; line-height: 1; margin-top: 3px; } ul.clLstGroup { clear: both; padding-left: 14px; } .clLst { clear: both; padding: 0; margin: 1rem 0 0 14px; line-height: 1.2; display: block; width: auto; } /* - - - - - */ #aNoticiaNav { display: flex; } #aNoticiaNav ul { float: right; } #aNoticiaNav .svg-ico-chevron-left, #aNoticiaNav .svg-ico-chevron-right, #aNoticiaNav .svg-ico-printer, #aNoticiaNav .svg-ico-dots-three-horizontal { width: 32px; height: 32px; border-radius: 50%; background: #eeeeee; margin: 8px 4px; } #aNoticiaNav .svg-ico-chevron-left svg, #aNoticiaNav .svg-ico-chevron-right svg, #aNoticiaNav .svg-ico-printer svg, #aNoticiaNav .svg-ico-dots-three-horizontal svg { width: 46%; height: 46%; margin: 27%; } #aNoticiaNav ul li { display: inline-block; } #aNoticiaNav ul li a { display: inline-block; } #aNoticiaNav .newsletter-id, #aNoticiaNav .newsletter-tema { font-size: .75rem; display: inline-block; } /*#region more info buttons */ .more-info { margin: 10px 0; background-color: #004b7f; box-shadow: rgba(0,0,0,.3) 0 4px 4px; display: block; color: #fff; border-radius: 0; text-decoration: none; } .version-2017 .more-info:not(:disabled):not(.disabled).active, .version-2017 .more-info:not(:disabled):not(.disabled):active, .show > .version-2017 .more-info.dropdown-toggle { color: #fff; border: 6px solid #0068b3; background-color: #0068b3; } .more-info:visited { background-color: #004b7f; } .more-info:focus { color: #fff; } .more-info.btn-primary { border: 6px solid #004b7f; } .version-2017 .more-info.btn-primary:hover { border: 6px solid #0068b3; background-color: #0068b3; } /* .more-info.btn-primary:not(:disabled):not(.disabled).active, .more-info.btn-primary:not(:disabled):not(.disabled):active, .show > .more-info.btn-primary.dropdown-toggle { border: 6px solid #0068b3; background: #0068b3; box-shadow: #aaa 0 4px 4px; } .more-info.btn-primary.focus, .more-info.btn-primary:focus { box-shadow: #aaa 0 4px 4px; } .more-info.btn.focus, .more-info.btn:focus { outline: 0; box-shadow: #aaa 0 4px 4px; }*/ /*#endregion*/ /* link-to */ /*.link-to-email:after, .link-to-page:after, .link-to-site:after, link-to-map:after { content: '\20'; display: inline-block; width: 11px; height: 9px; margin: 0 4px; background-repeat: no-repeat; } .link-to-email:after { background-image: url('/wap/images/mailto.gif'); } .link-to-page:after { background-image: url('/wap/images/page.gif'); } .link-to-site:after { background-image: url('/wap/images/site.gif'); } .link-to-map:after { background-image: url('/wap/images/map.gif'); width: 15px; height: 11px; }*/ /* center element */ center { display: block; clear: both; } /*#region policy-container and other form styles */ .form-checkboxes { padding: 0; clear: both; width: 100%; margin: 20px 0; border-collapse: collapse; } .form-checkboxes td { padding: 0 4px 0 0; vertical-align: top; } .form-buttons { margin: 10px 0; padding: 10px 0; } .privacy-policy { font-size: 11px; line-height: 1.3; padding: 20px 0; } /*#endregion policy-container */ /*#region site-facebook-share-count*/ .default-social-buttons-container { display: block; height: 56px; padding: 8px 0; } #site-facebook-share-count, #page-facebook-share-count { color: #f0f0f0; background: #bf4040; border-radius: 9.5px; /*font-family: monospace;*/ /*display: inline-block;*/ padding: 4px 6px; line-height: 1; font-size: 11px; position: absolute; top: 0; right: 0; margin: -1px 0 0 0; } #site-facebook-share:link path, #site-facebook-share:visited path { fill: #004B7F; } #site-facebook-share:hover .svg-icon { background: #eee; } #site-facebook-share:hover path { fill: #3B5998; } #site-facebook-share, #site-twitter-share, #page-facebook-share, #page-twitter-share { display: inline-block; min-width: 28px; min-height: 28px; margin: 10px 0 10px 0; position: relative; } #page-facebook-share .svg-icon, #page-twitter-share .svg-icon { margin: 6px; } #site-facebook-share .svg-icon, #site-twitter-share .svg-icon { margin: 6px; } #page-facebook-share .svg-icon { background: #3B5998; } #site-twitter-share:link path, #site-twitter-share:visited path { fill: #004B7F; } #site-twitter-share:hover .svg-icon { background: #eee; } #site-twitter-share:hover path { fill: #1DA1F2; } #page-twitter-share .svg-icon { background: #1DA1F2; } #site-facebook-share .svg-icon svg, #site-twitter-share .svg-icon svg, #page-facebook-share .svg-icon svg, #page-twitter-share .svg-icon svg { margin: 25%; width: 50%; height: 50%; } #page-facebook-share .svg-icon svg path, #page-twitter-share .svg-icon svg path { fill: #fff; } /*#endregion */ /*#region fields */ .field-row { margin-top: 20px; } .field-label { font-weight: bold; margin-bottom: 0.1rem; } .fields-container select:focus option:hover { box-shadow: 0 0 10px 100px #1882A8 inset; } .radio-field label { padding: 0 20px 0 0; } .radio-field input[type=radio] { margin: 0 6px 0 0; } .button-sep { display: inline-block; width: 40px; } select { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } /*#endregion*/ .clErrors:empty { background: none; padding: 1px; } .clErrors { background: #fffff0; padding: 1rem; } .clErrors ul { margin: 0; } /* PDF icons */ .link-to-pdf { width: 24px; height: 11px; position: relative; display: inline-block; } .link-to-pdf svg { position: absolute; margin: -11px 0 0 0; width: 32px; height: 32px; } .link-to-pdf svg path { fill: #666; }