/* - ploneCustom.css - */
@media all {
/* https://memorial.mpf.mp.br/portal_css/ploneCustom.css?original=1 */
@charset "utf-8";
/* */
body {
vertical-align: top !important;
}
p.texto-principal, li.texto-principal {
font-size: 1.2rem;
line-height: 1.6rem;
}
p.texto-secundario, li.texto-secundario {
font-size: 0.9rem;
line-height: 1.2rem;
}
p.quote-text-small {
font-size: .8rem;
font-weight: bold;
font-style: italic;
line-height: 1.1rem;
color: #8b161a;
margin: 1rem 0 0.5rem 40% !important;
width: 60%;
float: right;
clear: left;
}
p.quote-text-assinatura-small {
text-align: right;
font-size: .7rem;
font-weight: bold;
font-style: italic;
color: #444444;
margin: 0 0 1.5rem 0 !important;
}
.ressalte {
color: #8b161a;
}
.identado-simples {
margin-left: 3rem;
}
.identado-duplo {
margin-left: 5rem;
}
h1.h-1, h2.h-2, h3.h-3, h4.h-4, h5.h-5 {
color: #8b161a !important;
font-weight: bold !important;
}
h1.h-1 {
font-size: 2rem !important;
line-height: 2.4rem !important;
margin-bottom: 1.5rem !important;
}
h2.h-2 {
font-size: 1.7rem !important;
line-height: 2rem !important;
margin-bottom: .6rem !important;
}
h3.h-3 {
font-size: 1.5rem !important;
line-height: 1.7rem !important;
margin-bottom: .6rem !important;
margin-top: 1.82rem !important;
}
h4.h-4 {
font-size: 1.2rem;
line-height: 1.5rem;
margin-bottom: .5rem;
margin-top: 1.82rem;
}
h5.h-5 {
font-size: 1rem !important;
line-height: 1.2rem !important;
margin-bottom: 1rem !important;
margin-top: 0 !important;
}
.visual {
border-bottom: 1px solid #999 !important;
padding-bottom: .5rem !important;
}
h5.visual {
color: #555 !important;
font-style: italic;
}
hr.h-r-sedes {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
color: #8b161a !important;
border: 1px solid;
}
p.quote-text {
font-size: 1.5rem;
font-weight: bold;
font-style: italic;
line-height: 1.5rem;
color: #8b161a;
margin: 3rem;
}
div.div-quote {
padding: 0 1rem;
}
p.quote-text-assinatura {
text-align: right;
margin-left: 20rem;
font-size: 1.2rem;
font-weight: bold;
font-style: italic;
color: #444444;
}
p.quote-text-assinatura span {
font-weight: normal;
line-height: 1rem !important;
font-size: .8rem;
position: relative !important;
top: .5rem !important;
}
.smq-text discreet {
font-size: .6rem;
position: relative;
top: -0.3rem;
}
.cordel, .cordel-titulo {
text-align: center;
margin: 0 auto;
display: block;
font-family: 'Rum Raisin', sans-serif;
}
.cordel {
font-size: 1.4rem;
line-height: 1.6rem;
color: #555555;
}
h4.cordel-titulo {
margin-bottom: 1rem;
font-size: 2rem;
line-height: 2rem;
color: #8b161a;
margin-top: 1rem !important;
}
.quote-box {
padding: 1rem;
border: 1px solid #8b161a;
border-radius: 10px;
}
.quote-box-text {
font-size: 1.5em;
text-align: center;
font-weight: bold;
margin-bottom: 0 !important;
line-height: 2em;
color: #8b161a;
}
span.numero {
font-size: 1.5em;
}
#estrutura, #arquitetura, #instalacoes-eletricas, #instalacoes-hidraulicas, #climatizacao-central, #sonorizacao, #cabeamento-estruturado, #sistema-acesso, #transporte-vertical, #comunicacao-visual, #glp {
width: 32%;
display: inline-block;
text-align: center;
}
#estrutura p, #arquitetura p, #instalacoes-eletricas p, #instalacoes-hidraulicas p, #climatizacao-central p, #sonorizacao p, #cabeamento-estruturado p, #sistema-acesso p, #transporte-vertical p, #comunicacao-visual p, #glp p {
font-size: 0.6rem;
font-weight: bold;
font-style: italic;
margin: 0 1.5rem;
line-height: .8rem;
}
#estrutura img, #arquitetura img, #instalacoes-eletricas img, #instalacoes-hidraulicas img, #climatizacao-central img, #sonorizacao img, #cabeamento-estruturado img, #sistema-acesso img, #transporte-vertical img, #comunicacao-visual img, #glp img {
width: 50%;
margin: 1rem auto 0;
}
div#comunicacao-visual {
margin-left: 18%;
}
.smq-1 {
width: 45%;
display: inline-block;
margin-right: 4%;
}
.smq-2 {
width: 50%;
display: inline-block;
}
.smq-2 img {
margin-bottom: 0.6rem !important;
}
.smq-3 {
width: 48%;
display: inline-block;
margin-right: 1%;
}
.smq-4 {
width: 48%;
display: inline-block;
margin-right: 0;
}
.smq-5 {
width: 50%;
display: inline-block;
margin-right: 5%;
}
.smq-6 {
width: 40%;
display: inline-block;
}
.smq-7 {
width: 50%;
display: inline-block;
margin-right: 5%;
}
.smq-8 {
width: 40%;
display: inline-block;
}
.smq-9 {
width: 40%;
display: inline-block;
margin-right: 5%;
}
.smq-10 {
width: 50%;
display: inline-block;
}
.smq-11 {
width: 50%;
display: inline-block;
margin-right: 5%;
}
.smq-12 {
width: 40%;
display: inline-block;
}
.smq-13 {
width: 55%;
display: inline-block;
margin-right: 5%;
}
.smq-14 {
width: 35%;
display: inline-block;
}
.smq-14 .smq-img {
margin-top: 3rem !important;
}
.smq-15 {
width: 20%;
display: inline-block;
margin-right: 5%;
}
.smq-15 img {
position: relative;
top: -50rem;
}
.smq-16 {
width: 55%;
display: inline-block;
margin-bottom: 2rem;
}
.smq-img {
width: 100%;
}
.smq-text {
width: 100%;
}
@media (max-width: 1100px) {
.smq-1 {
width: 100%;
display: block;
margin-right: 0;
}
.smq-2 {
width: 100%;
display: block;
}
.smq-3 {
width: 100%;
display: block;
}
.smq-4 {
width: 100%;
display: block;
}
.smq-5 {
width: 100%;
display: block;
}
.smq-6 {
width: 100%;
display: block;
}
.smq-7 {
width: 100%;
display: block;
}
.smq-8 {
width: 100%;
display: block;
}
.smq-9 {
width: 100%;
display: block;
}
.smq-10 {
width: 100%;
display: block;
}
.smq-11 {
width: 100%;
display: block;
}
.smq-12 {
width: 100%;
display: block;
}
.smq-13 {
width: 100%;
display: block;
}
.smq-14 {
width: 100%;
display: block;
}
.smq-15 {
width: 20%;
display: block;
}
.smq-15 img {
top: 0rem;
}
.smq-16 {
width: 100%;
display: block;
}
.smq-img {
width: 100%;
}
.smq-text {
width: 100%;
}
p.quote-text {
font-size: 1.1rem;
line-height: 1.5rem;
margin: 1rem 0 3rem;
}
div.div-quote {
padding: 0 1rem 2rem;
}
p.quote-text-assinatura {
margin-left: 1rem;
font-size: .9rem;
}
}

}