
/* - ploneCustom.css - */
@media all {
/* https://www.mpu.mp.br/portal_css/ploneCustom.css?original=1 */
/* */
/* */
@font-face { font-family: Quicksand; src: url(font/Quicksand-Regular.ttf); font-weight: regular; }
@font-face { font-family: Quicksand; src: url(font/Quicksand-Medium.ttf); font-weight: 400; }
@font-face { font-family: Quicksand; src: url(font/Quicksand-Bold.ttf); font-weight: 700; }
@font-face { font-family: Source Sans Pro; src: url(font/SourceSansPro-Bold.ttf); font-weight: bold; }
@font-face { font-family: Source Sans Pro; src: url(font/SourceSansPro-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Source Sans Pro; src: url(font/SourceSansPro-Regular.ttf); font-weight: regular; }
@font-face { font-family: Source Sans Pro; src: url(font/SourceSansPro-Light.ttf); font-weight: 300; }
.fonte-300 { font-weight: 300; }
.fonte-400 { font-weight: 400 !important; }
.fonte-700 { font-weight: 700;}
.fonte-2em { font-size: 2em; }
.fonte-3em { font-size: 3em; }
.fonte-12em { font-size: 1.2em; }
.fonte-1em { font-size: 1em; }
.fonte-08em { font-size: 0.8em; }
.margem-1em { margin: 1em !important; }
.margem-03em { margin: 0.3em !important; }
.margem-auto { margin: auto !important; }
.fonte-sourcesans { font-family: Source Sans Pro !important; }
.color-azul-escuro { color: #264555 !important; }
.color-cinza { color: #4A4A4A !important; }
.sem-borda { border: none !important;}
.sem-borda-embaixo { border-bottom: none !important;}
.display-flex { display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap; gap: 15px;}
.alinha-self-centro { align-self: center !important; }
.altura-30em { height: 30em !important; }
.altura-20em { height: 20em !important; }
.altura-25em { height: 25em !important; }
.largura-100 { width: 100% !important; }
.justifica-flexstart { justify-content: flex-start !important; }
.justifica-centro {justify-content: center !important; }
.bolinha-numero {width: 35px; height: 35px; background: #497B73; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 20px; display: flex; align-items: center; justify-content: center; color: white; border-radius: 50px; float: left; }
.link-conteudo-externo::after { content: url(../imagens/icone-janela-externa.png); position: relative; top: 2px; left: 4px; }
#content a:link, dl.portlet a:link, #content a:visited { color: #497B73 !important; }
#content a:hover, dl.portlet a:hover { color: #00927A !important; text-decoration: underline !important; }
#visual-portal-wrapper{
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: regular !important;
max-width: 1600px;
margin:0 auto;
background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 50%);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
overflow: hidden;
}
.portletWrapper {
font-family: 'Quicksand', sans-serif !important;
}
#portal-personaltools {
display:none;
}
.userrole-authenticated #portal-personaltools {
display:block;
}
#portal-globalnav.globalnav {
list-style-image: none;
/* */
}
div.position-1\:4 {
margin-left: -77%;
}
#content{
font-size:105%;
}
.ball a {
border-bottom: none !important;
display: block;
}
#portal-header {
background: linear-gradient(180deg, #497B73 0%, #345C56 100%);
box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.15);
}
#content h1.documentFirstHeading {
padding-left: 10px !important;
background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 50%) !important;
border-bottom: 1px dotted gray !important;
}
/* **********************/
#portal-globalnav {
background: #314E49 none repeat scroll 0 0;
font-size: 85%;
font-family: 'Quicksand', sans-serif !important;
font-weight: 700;
}
#portal-globalnav li > a {
text-transform: uppercase;
letter-spacing: -0.5px;
}
#portal-globalnav li a{
background: #314E49 none repeat scroll 0 0;
border-right:1.5px solid #97D4CB;
color:#fff;
line-height:2.5em;
min-width: 3.0em;
padding: 1px 1.3em 1px;
background-repeat: no-repeat !important;
background-position: center right !important;
text-decoration: none;
}
#portal-globalnav li a.hasChildrens::after {
content: url(imagens/seta-baixo.png) !important;
position: absolute;
top: 5px;
right: 6px;
}
.subsection-demais-relatorios table.listing {
width: 85%;
}
#portal-globalnav .plain.plus.hasChildrens::after {
content: none;
}
li#portaltab-index_html-level1 a{
background-image: none !important;
}
#portal-globalnav li#portaltab-index_html-level1 a:hover {
background-image: none !important;
}
#portal-globalnav ul li a{
background: #314E49 none repeat scroll 0 0;
padding: 0.1em 1.5em 0.1em 1em;
text-align:left;
text-transform: none;
}
#portal-globalnav ul li a.hasChildrens::before{
content:none;
}
#portal-globalnav ul li a.hasChildrens{
background: #314E49 !important;
background-image: url(imagens/seta-direita.png);
background-repeat: no-repeat !important;
background-position: center right !important;
}
#portal-globalnav ul li a.hasChildrens:hover {
background: none !important;
background-color:#557A74 !important;
color:#fff !important;
}
#portaltab-index_html-level1.selected > a, #portaltab-o-plan-assiste-level1.selected > a, #portaltab-beneficiarios-level1.selected  > a, #portaltab-prestadores-level1.selected  > a, #portaltab-gerentes-level1.selected  > a, #portaltab-contato-level1.selected > a{
background: #557A74 none repeat scroll 0 0 !important;
color: #fff !important;
border-bottom: 3px solid #1f9961;
}
#portal-globalnav li.selected a:hover{
background: #e7e7e7 none repeat scroll 0 0;
color:#557A74;
}
#portal-globalnav li.selected a {
background: #557A74 none repeat scroll 0 0;
text-decoration: none;
color: #fff;
}
#portal-globalnav .selected a, #portal-globalnav a:hover {
background: #557A74 none repeat scroll 0 0;
text-decoration:none;
color: #fff;
}
#portal-globalnav li.selected ul li a{
background: #314E49 none repeat scroll 0 0 !important;
color:#fff;
}
#portal-globalnav li.selected ul li a:hover{
background: #557A74 none repeat scroll 0 0 !important;
border-bottom: none;
color: #fff;
}
.globalSectionsLevel1 li a {
line-height: 2em !important;
}
#globalSectionsLevel1 li a.hasChildrens{
background: red none repeat scroll 0 0 !important;
background-image: url(imagens/imagens/seta-direita.png) !important;
background-repeat: no-repeat !important;
background-position: center right !important;
color:#434343;
}
#globalSectionsLevel2 li a.hasChildrens{
background: red none repeat scroll 0 0 !important;
background-image: url(imagens/imagens/seta-direita.png) !important;
background-repeat: no-repeat !important;
background-position: center right !important;
color:#434343;
}
#portal-globalnav:hover li:hover > a {
background-color: #557A74;
color: #fff;
}
#portal-globalnav:hover li:hover > a.hasChildrens{
background: #557A74 none repeat scroll 0 0 !important;
/* */
background-repeat: no-repeat !important;
background-position: center right !important;
color:#fff;
}
/* **********************/
/* **********************/
.cabecalho{background:#eee !important;}
.realcar{background-color: yellow; color: black; padding: 4px;}
.realcar2{background-color: green; color: white; padding: 4px;}
/* **********************/
/* ********************/
#portal-column-one .portlet-static-logo{
margin-bottom:20px;
}
#portal-column-one {
background: #FFFFFF;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
border-radius: 5px;
display: flex;
flex-direction: column;
width: 230px !important;
min-width: 230px;
/* */
font-size: 20px;
}
#portal-column-one .portlet .navTree li a{
color:#497B73 !important;
}
#portal-column-one .portlet ul.navTree li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 5px 5px 5px 20px !important;
}
#portal-column-one dl.portlet ul.navTreeLevel0 > .navTreeItem {
padding: 0.25em 0;
}
dl.portlet ul.navTree .navTreeCurrentNode{
border: none !important;
background:none !important;
}
dl.portlet ul.navTree .navTreeCurrentItem{
background: #E6FAF7 none repeat scroll 0 0 !important;
margin:0px;
}
dl.portlet ul.navTree .navTreeCurrentItem span{
/* */
}
ul.navTree.navTreeLevel1 .navTreeItem{
background: #eee;
margin-left:10px;
}
dl.portlet ul.navTreeLevel1 a:hover{
background: #E6FAF7 none repeat scroll 0 0 !important;
}
dl.portlet ul.navTreeLevel1 .navTreeCurrentItem span{
/* */
}
ul.navTree.navTreeLevel2 .navTreeItem{
background: #cecece none repeat scroll 0 0;
margin-left:15px;
}
dl.portlet ul.navTreeLevel2 a:hover{
background: #E6FAF7 none repeat scroll 0 0 !important;
}
dl.portlet ul.navTreeLevel2 .navTreeCurrentItem span{
/* */
}
dl.portlet ul.navTreeLevel3 a:hover{
background: #E6FAF7 none repeat scroll 0 0 !important;
}
dl.portlet ul.navTreeLevel3 .navTreeCurrentItem span{
/* */
}
.globalnav-toggle { background-color: #497B73 !important; }
.icon-bar { background-color: white !important; }
@media (max-width: 767px) { .icon-bar { background-color: white !important; } }
/* ********************/
/* *****************/
#portal-logo { margin: 1em !important;}
#portal-footer {
font-size: 100%;
text-align: center;
background: none !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Source Sans Pro', sans-serif !important;
letter-spacing: -0.03em !important;
font-weight: bold;
color: #497B73 !important;
}
h1 {
font-size: 2.5em !important;
font-family: 'Quicksand', sans-serif !important;
font-weight: 400 !important;
}
@media screen and (max-width: 760px) {
#portal-logo { display: block !important;     text-align: center !important;}
}
/* *****/
.boxes-concs { margin-top: 3em; display: flex; justify-content: space-evenly; align-items: stretch; width: 100%; }
.box-conc { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin: 0 20px; }
.box-conc ul li a {font-size: 20px; font-weight: 300}
.tit-concs { font-weight: 700; font-size: 22px; color: #4A4A4A; text-align: center; }
.icone-conc { width: 240px; height: auto; }
.remoserv-box { display: flex; justify-content: center; align-items: stretch; width: 100%;}
.remoserv-box-item { width: 50%; margin: 20px 0 0 20px; border-bottom: 2px dotted #999; padding-bottom: 20px;}
.remoserv-box-item-side { margin: 20px 0 0 20px; border-right: 2px dotted #999; padding-bottom: 20px; width: 100%; }
.remoserv-andamentos { font-size: 20px; }
.remoserv-hero-img { width: 100%; object-fit: cover; border-radius: 20px; height: auto; }
.remoserv-tit { display: flex; align-items: center; justify-content: flex-start; }
.link-pdf, .link-web { margin: -14px 30px 20px 0px; }
.link-pdf::before { content: url(../imagens/pdf-ic.png); position: relative; top: 12px; left: -2px; }
.link-web::before { content: url(../imagens/icone-link-web.png); position: relative; top: 12px; left: -2px; }
.link-tit-relatorio { font-weight: 700; font-size: 23px; line-height: 48px;  color: #497B73; }
#content a:visited, a:visited. a:link { color: #497B73 !important; }
@media screen and (max-width: 760px) { .boxes-concs { flex-direction: column; } .remoserv-box { flex-direction: column;} .remoserv-box-item { width: 95%; } .display-flex {flex-direction: column; align-items: flex-start; }}
.bola-anos-concursos { width: 160px; height: 160px; background: linear-gradient(180deg, #FFFFFF 48.44%, #EFEFEF 100%); border: 1px solid #497B73; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; border-radius: 20em; text-align: center; }
.bola-anos-concursos:hover { background: #CEF8F1; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
/* **********/
/* ****************/
.para-cidadao { width: 100%; display: flex; align-items: stretch; justify-content: left; background: #F5F5F5; border-radius: 19px; }
.cidadao-box-left { background-image: url('imagens/servicos-cidadao-bg.png'); background-size: cover; background-repeat: no-repeat; flex-grow: 1; width: 70%; background-position: center; }
.cidadao-box-left img { width: 100%; }
/* **/
.cidadao-box-right { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-grow: 1;  width: 100%; margin-left: -60px;}
.cidadao-list { display: flex; align-items: center; justify-content: left; border-bottom: 1px dashed #c7c7c7; width: 85%}
.cidadao-ramo-links p { margin-bottom: 0 !important; }
@media only screen and (max-width: 800px) {
.para-cidadao { flex-direction: column; }
.cidadao-box-left { height: 350px; background-repeat: no-repeat; background-size: contain; }
.cidadao-box-right { margin-left: 0px;}
}
@media only screen and (max-width: 800px) {
.cidadao-list { flex-direction: column; }
}
/* */
.cookie-container {
position:fixed;
bottom: -100%;
left: 0;
right: 0;
background: #ddd !important;
color: #314E49;
padding: 1% 12%;
box-shadow: 0 -2px 16px rgb(47 54 64 / 39%);
transition: 400ms;
z-index: 999;
display: flex;
line-height: 1.4;
}
.cookie-container.active {
bottom: 0;
}
.cookie-container p {
font-size: 1.0rem;
}
.cookie-btn {
background: #314E49;
border: 0;
color: #f0f0f0;
padding: 12px 48px;
font-size: 18px;
margin-bottom: 16px;
margin-left: 1rem;
cursor: pointer;
border-radius: 60px;
}
@media only screen and (max-width: 600px) {
.cookie-container {
display: initial;
}
.cookie-container p {
font-size: 1.5rem;
line-height: 2rem;
}
.cookie-btn {
margin: .5rem auto;
font-size: 3rem;
padding: 2rem 5rem;
}
}
/* */
/* */
#searchGadget { padding: 12px; border-radius: 35px; border: 0; padding-left: 20px; margin-right: 35px; }
.searchSection { display: none !important; }
.searchButton { padding: 12px 15px; border-radius: 0 50px 50px 0; border: 0; right: 30px; position: absolute; top: -4px;}
.searchPage.searchButton { position: relative !important; padding: 8px 23px; border-radius: 0 50px 50px 0;  margin-left: 30px; font-size: 1.3em !important; color: white; background: #497b73; }
#portal-searchbox { margin: 2em 0 !important; }
#searchGadget { width: 18em !important; }
}

