@media only screen and (max-width:1024px) and (orientation: portrait){

/*Start - Bloco principal*/
.bloco-contratos-diretos,
.bloco-servidores,
.bloco-pesquisa,
.bloco-legislacoes,
.bloco-organograma,
.bloco-dados-abertos,
.bloco-prestacao-de-contas,
.bloco-tabela-matriz,
.bloco-receitas,
.bloco-despesas,
.bloco-despesa,
.bloco-contratos,
.bloco-contrato,
.bloco-materia,
.bloco-noticias,
.bloco-servicos,
.bloco-acessibilidade,
.bloco-sic,
.bloco-transparencia,
.bloco-prefeito,
.bloco-vice-prefeito,
.bloco-gabinete-prefeito,
.bloco-secretaria-financas,
.bloco-secretaria-saude,
.bloco-secretaria-educacao,
.bloco-secretaria-obras,
.bloco-secretaria-desenvolvimento-social,
.bloco-secretaria-esportes,
.bloco-secretaria-cultura,
.bloco-secretaria-desenvolvimento-economico,
.bloco-secretaria-agricultura,
.bloco-historia,
.bloco-localizacao,
.bloco-hino,
.bloco-links-uteis,
.bloco-telefones-uteis,
.bloco-downloads,
.bloco-editais,
.bloco-licitacoes,
.bloco-contracheque,
.bloco-perguntas-frequentes {
padding-bottom: 2vw;
}
/*End - Bloco principal*/
/*Start - Global*/
body {
font-size: 4vw;
line-height: 8vw;
overflow-x: hidden;
}
label {
font-size: 5vw;
line-height: 10vw;
}
select {
width: 98%;
padding: 1%;
height: 15vw;
font-size: 5vw;
line-height: 15vw;
border: 0.5vw solid var(--branco03);
}
input {
width: 95%;
padding: 1%;
height: 15vw;
font-size: 5vw;
line-height: 15vw;
border: 0.5vw solid var(--branco03);
}
input[type='radio'] {
width: 6vw;
height: 6vw;
float: left;
margin: 0vw;
margin-top:2vw;
}
textarea {
width: 95%;
padding: 1%;
height: 30vw;
font-size: 5vw;
line-height: 7vw;
border: 0.1vw solid var(--branco03);
}
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr th {
border: 0.5vw solid var(--branco04);
line-height: 15vw;
padding: 2.5vw
}
table tr td {
border: 0vw solid var(--branco04);
line-height: 5vw;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-bottom:5vw;
width: 100%;
height: auto;
float: left;
}
table tr td a {
line-height:5vw;
}
table tr td:first-child:before {
content: "ITEM:";
}
table tr td:last-child {
border-bottom: 1vw solid var(--cinza);
margin-bottom:5vw;
}
pre {
font-size: 1vw;
line-height: 2vw;
width: 100%;
}
img {
width: 50vw !important;
}
p {
font-size: 5vw;
line-height: 8vw;
}
.bloco-texto {
overflow: auto;
float:left;
}
.titulo {
height: auto;
line-height: 14vw;
border-bottom: 1vw solid var(--branco04);
margin-bottom: 6vw;
font-size: 7vw;
}
.subtitulo {
font-size: 7vw;
height: auto;
line-height: 10vw;
margin-bottom: 5vw;
}
.btn {
padding-left: 5vw;
padding-right: 5vw;
padding-top: 5vw;
padding-bottom: 5vw;
min-height: 9vw;
line-height: 6vw;
border-radius: 1vw;
border: 0vw;
font-size: 5vw;
margin-top: 5vw;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.btn-up-arquivo {
padding-left: 5vw;
padding-right: 5vw;
line-height: 12.5vw;
border-radius: 1.5vw;
margin-left: 2.5vw;
margin-right: 2.5vw;
border: 0vw;
}
.card-box {
display: block;
}
.card {
border: 0.5vw solid var(--branco02);
border-radius: 2.5vw;
margin: 1%;
padding: 1%;
width: 94% !important;
margin-bottom: 5vw;
}
.card-btn-box {
border: 0.1vw solid var(--branco02);
border-radius: 0.5vw;
}
.card-titulo {
font-size: 6vw;
line-height: 10vw;
}
.card-btn-linha {
border-bottom: 0.1vw solid var(--branco02);
line-height: 15vw;
padding-left: 5vw;
}
.card-btn-box:last-child {
border-bottom: 0vw solid var(--branco02);
width: 100%;
}
.card-icone {
width: 100%;
height: 30vw;
background-position: center 10vw;
background-size: auto 20vw;
}
.card-titulo-02 {
width: 100%;
font-size: 7.5vw;
line-height: 22.5vw;
}
.card-lente {
width: 93%;
height: 88%;
margin-top: -5vw;
margin-left: -5vw;
border-radius: 2.5vw;
font-size: 6.5vw;
padding: 5%;
}
.card-btn-nivel-icone:before {
width: 1.5vw;
height: 1.8vw;
margin-right: 0.4vw;
}
.card-btn-nivel-02 {
padding-left: 5vw;
}
.card-btn-nivel-03 {
padding-left: 10vw;
}
.card-btn-nivel-04 {
padding-left: 15vw;
}
.card-btn-nivel-05 {
padding-left: 20vw;
}
.card-cinza {
border-radius: 2.5vw;
margin: 1%;
padding: 2.5vw;
border: 0.5vw solid var(--branco02);
width: 90%;
}
.card-cinza p {
margin: 0vw;
line-height: 12.5vw;
}
.comentario {
border-radius: 0.3vw;
padding: 3vw;
border: 0.1vw solid var(--branco02);
width: 90vw;
margin-left:5vw;
font-size:4vw;
line-height:5vw;
margin-bottom:5vw;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.comentario-azul {
border-radius: 0.3vw;
padding: 3vw;
border: 0.1vw solid var(--azul_escuro03);
width: 90vw;
margin-left:5vw;
font-size:4vw;
line-height:5vw;
margin-bottom:5vw;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.retrato {
width: 97vw;
height: 97vw;
border: 0.5vw solid var(--branco04);
border-radius: 97vw;
}
.painel-lateral {
width: 100%;
}
.painel-lateral-btn {
width: 100%;
height: auto;
border-bottom: 0.5vw solid var(--branco04);
line-height: 15vw;
font-size: 5vw;
}
.painel-lateral-btn:hover {}
.painel-lateral-btn:before {
width: 7.5vw;
height: 100%;
background-size: auto 5vw;
}
.painel-lateral-gaveta-icone {
width: 15vw;
height: 15vw;
background-size: auto 5vw;
}
.painel-lateral-gaveta {
width: calc(100% - 1vw);
border: 0.5vw var(--branco05);
}
.painel-lateral-gaveta-linha {
width: 100%;
min-height: 15vw;
border-bottom: 0.5vw solid var(--branco04);
line-height: 7vw;
font-size: 5vw;
}
.painel-lateral-gaveta-linha:hover {}
.download-card {
width: 96%;
border: 0.1vw solid var(--branco04);
padding: 2%;
border-radius: 1.5vw;
margin-bottom: 5vw;
}
.download-card:hover {}
.download-card-categoria {
line-height: 15vw;
}
.download-card-categoria:before {
width: 7.5vw;
height: 15vw;
background-size: auto 5vw;
}
.download-card-titulo {
line-height: 10vw;
font-size: 6vw;
}
.download-card-titulo a {}
.download-card-texto {
line-height: 10vw;
margin-bottom: 2.5vw;
margin-top: 2.5vw;
}
.download-card-img {
width: 100%;
height: 80vw;
border: 0.5vw solid var(--branco04);
border-radius: 1.5vw;
}
.mobile-td-titulo {
display: block;
width: 100%;
float: left;
line-height: 8vw;
font-size: 4vw;
font-weight: bold;
}
.label_radio {
width: 80vw;
height: 100%;
background-color: rgba(255, 0, 0, 0);
float: left;
margin-left: 3vw;
margin-right: 0vw;
margin-bottom: 3vw;
}
.cadastro_btn{
width:100%;
height:15vw;
float:left;
border:0vw;
border-radius:1.5vw;
margin:0vw;
margin-bottom:3vw;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-weight:400;
font-size:5vw;
line-height:15vw;
letter-spacing:0vw;
}
/*End - Global*/
/*Start - Topo*/
.topo {
display: none;
}
/*End - Topo*/
/*Start - Cabeçalho*/
.cabecalho {
width: 100%;
overflow: hidden;
height: auto;
}
.cabecalho-box {
width: 98vw;
height: 100%;
}
.cabecalho-logo {
width: 100%;
height: 57vw;
background-position:center center;
background-size:80vw auto;
margin-top: 27vw;
}
.cabecalho-contas {
width: 100%;
height: 28vw;
}
.cabecalho-contas-titulo {
width: 80vw;
height: 11vw;
margin-top: 0vw;
line-height: 10vw;
font-size: 4.5vw;
margin: 0 auto;
float: none;
border-top-left-radius: 3vw;
border-top-right-radius: 3vw;
}
.cabecalho-contas-btn {
width: 77vw;
height: auto;
margin-left: auto;
line-height: 6vw;
font-size: 3.3vw;
margin: 0 auto;
float: none;
overflow: auto;
border-radius: 3vw;
padding: 1.5vw;
}
.cabecalho-sic {
width: 100%;
height: 20vw;
margin-left: 0vw;
}
.cabecalho-sic-box {
width: 43vw;
height: 9vw;
margin-top: 0vw;
line-height: 10vw;
font-size: 3vw;
margin: 0 auto;
}
.logo-sic {
width: 9.9vw;
height: 9vw;
background-size: auto 8vw;
}
.cabecalho-sic-box {
width: 61vw;
height: 9vw;
line-height: 9vw;
font-size: 5vw;
margin-top: 0vw;
}
.texto-sic {
width: 51vw;
height: 9vw;
}
.cabecalho-busca {
width: 100%;
height: 26vw;
margin-left: 0vw;
}
.cabecalho-busca-input {
width: 44vw;
height: 9.1vw;
margin-top: 0vw;
border-left: 0.3vw solid var(--cinza_claro);
border-bottom: 0.3vw solid var(--cinza_claro);
border-top: 0.3vw solid var(--cinza_claro);
border-right: 0vw solid var(--cinza_claro);
padding-left: 2.4vw;
font-size: 3vw;
margin-left: 17vw;
}
.cabecalho-busca-btn {
width: 15vw;
height: 11.6vw;
margin-top: 0vw;
border-left: 0vw solid var(--cinza_claro);
border-bottom: 0.3vw solid var(--cinza_claro);
border-top: 0.3vw solid var(--cinza_claro);
border-right: 0.3vw solid var(--cinza_claro);
background-size: auto 3.9vw;
}
/*End - Cabeçalho*/
/*Start - Menu*/
.menu {
display: none;
}
.menu-mobile {
display: block;
height: 27vw;
width: 100%;
position: fixed;
top: 0vw;
background-color: var(--branco_lente08);
z-index: 2;
transition: all 0.5s linear;
}
.menu-mobile .box {
width: 100%;
}
.menu-mobile .col45 {
width: 88%;
float: left;
}
.menu-mobile .col55 {
width: 12%;
float: right;
}
.menu-mobile-hamburger {
width: 10vw;
height: 7.5vw;
margin-top: 8.25vw;
margin-left: 0vw;
background-color: rgba(253, 185, 19, 0);
padding-top: 2.5vw;
border-radius: 2vw;
}
.menu-mobile-hamburger-01 {
width: 6vw;
height: 1vw;
margin-left: 2vw;
background-color: rgba(51, 51, 61, 1);
transition: all 0.5s ease-in-out;
border-radius: 5vw;
}
.menu-mobile-hamburger-01-on {
transform: rotate(45deg);
margin-top: 18%;
transition: all 0.5s ease-in-out;
}
.menu-mobile-hamburger-02 {
width: 6vw;
height: 1vw;
margin-top: 1vw;
margin-left: 2vw;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(51, 51, 61, 1);
opacity: 1;
transition: all 0.2s ease-in-out;
border-radius: 5vw;
}
.menu-mobile-hamburger-02-on {
opacity: 0;
transition: all 0.2s ease-in-out;
}
.menu-mobile-hamburger-03 {
width: 6vw;
height: 1vw;
margin-top: 1vw;
margin-left: 2vw;
background-color: rgba(51, 51, 61, 1);
transition: all 0.5s ease-in-out;
border-radius: 5vw;
}
.menu-mobile-hamburger-03-on {
transform: rotate(-45deg);
margin-top: -30%;
transition: all 0.5s ease-in-out;
}
.menu-mobile-links {
position: absolute;
width: 100%;
top: -300vw;
left: 0vw;
z-index: 9;
background-color: rgba(255, 255, 255, 1);
display: block;
transition: all 0.3s ease-in-out;
height: calc(100vh - 27vw);
overflow: scroll;
}
.menu-mobile-links-on {
display: block;
top: 27vw;
transition: all 0.3s ease-in-out;
}
.menu-mobile-logo {
width: 81vw;
height: 27vw;
background-color: rgba(255, 0, 0, 0);
float: left;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 9.3vw;
cursor: pointer;
margin-left: 1vw;
line-height: 27vw;
text-align: center;
font-size: 3vw;
}
.botaoMenu01,
.botaoMenu02,
.botaoMenu03,
.botaoMenu04,
.botaoMenu05,
.botaoMenu06,
.botaoMenu07,
.botaoMenu08,
.botaoMenu09,
.botaoMenu10,
.botaoMenu11,
.botaoMenu12,
.botaoMenu13 {
width: 100%;
height: 9vw;
line-height: 9vw;
font-size: 4.2vw;
letter-spacing: 0.6vw;
float: left;
}
.menuIMG01,
.menuIMG02,
.menuIMG03,
.menuIMG04,
.menuIMG05,
.menuIMG06,
.menuIMG07,
.menuIMG08,
.menuIMG09,
.menuIMG10,
.menuIMG11,
.menuIMG12,
.menuIMG13,
.menuIMG14 {
width: 9vw;
}
.textoBotaoMenu {
background-color: rgba(255, 0, 0, 0);
font-size: 4.2vw;
font-weight: normal;
line-height: unset;
width: 85vw;
padding-left: 2.4vw;
cursor: pointer;
float: left;
font-weight: 100;
transition: all 0.1s linear;
padding-right: 0vw;
}
.iconeBTN {
height: 5vw;
width: auto;
float: left;
margin-top: 2vw;
margin-left: 2vw;
}
.espacamentoTopo {
height: 27vw;
}
.menu-btn-mobile {
width: 81vw;
height: auto;
background-color: rgba(0, 0, 0, 0.1);
float: left;
padding-left: 5vw;
padding-right: 5vw;
border-left: 0vw solid rgb(237, 237, 237);
line-height: 20vw;
cursor: pointer;
font-size: 5vw;
margin-left: 4vw;
margin-bottom: 3vw;
border-radius: 2vw;
}
.menu-btn-mobile:hover {
background-color: rgb(28, 117, 188);
color: white;
transition: all 0.2s ease-in-out;
}
.menu-btn-mobile:hover .menu-dropdown-mobile-btn {
color: rgb(109, 116, 112);
}
.menu-dropdown-mobile-arrow {
width: 3vw;
height: 20vw;
background-color: rgba(255, 0, 0, 0);
background-image: url("img/select_arrow.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 4vw;
float: right;
margin-top: 0vw;
margin-left: 5vw;
}
.menu-dropdown-mobile-box {
width: 90vw;
height: auto;
position: absolute;
margin-left: -5vw;
display: none;
z-index: 9999;
border: 0vw solid rgb(230, 230, 240);
background-color: rgba(240, 240, 250, 1);
overflow: hidden;
padding-bottom: 2vw;
border-radius: 2vw;
box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.3);
margin-top: 2vw;
}
.menu-dropdown-mobile-btn {
background-color: rgba(200, 200, 210, 1);
padding: 0vw;
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
padding-left: 9vw;
width: 77vw;
line-height: 15vw;
margin-bottom: 3vw;
border-radius: 3vw;
margin-top: 3vw;
margin-left: 2vw;
font-size: 4vw;
}
.menu-dropdown-mobile-btn:hover {
background-color: rgb(28, 117, 188);
color: white !important;
transition: all 0.2s ease-in-out;
}
.menu a,
.menu-btn-mobile a {
font-weight: normal !important;
text-decoration: unset !important;
display: block;
}
.menu-dropdown-mobile-btn a {
display: block !important;
}
.menu a:hover,
.menu-btn-mobile:hover .menu-btn-mobile a,
.menu-dropdown-mobile-btn:hover .menu-dropdown-mobile-btn a {
font-weight: normal !important;
text-decoration: unset !important;
color: white !important;
}
.mobile-voltar-ao-topo {
position: fixed;
z-index: 9999;
bottom: 2vh;
right: 7vw;
width: 15vw;
height: 15vw;
background-color: rgba(0, 0, 10, 0.5);
background-image: url("img/up-chevron-branca.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 8vw;
border-radius: 3vw;
display: none;
}
/*End - Menu*/
/*Start - Bloco 01*/
.bloco-01 {
width: 100vw;
height: 150vw;
background-position: -89vw top;
}
.bloco-01-lente {
position: absolute;
width: 100%;
height: 150vw;
background-color: rgba(30, 30, 30, 0.5);
z-index: 0;
}
.bloco-01-texto {
position: relative;
color: white;
font-size: 9vw;
line-height: 25vw;
font-family: "Quicksand";
padding-top: 30vw;
text-align: center;
}
.bloco-01-titulo {
position: relative;
color: white;
font-size: 22vw;
line-height: 30vw;
font-family: "Quicksand";
text-align: center;
}
/*End - Bloco 01*/
/*Start - Bloco 02*/
.bloco-02 {
width: 100%;
height: auto;
overflow: hidden;
}
.acesso-rapido-arrow {
width: 0.7vw;
height: 0.7vw;
}
.acesso-rapido-btn-img {
width: 4.5vw;
height: 100%;
background-size: auto 2.7vw;
}
.acesso-rapido-btn-txt {
width: 21vw;
height: 100%;
line-height: 4vw;
font-size: 1.2vw;
}
.acesso-rapido-btn {
width: 25.6vw;
height: 4vw;
margin-bottom: 0.2vw;
border-radius: 0.2vw;
}
.acesso-rapido-campo {
display: none;
}
.acesso-rapido-dropdown-btn {
padding: 0.5vw;
}
.acesso-rapido-dropdown {
line-height: 2.5vw;
margin-left: 4vw;
}
.acesso-rapido-titulo {
width: 100%;
height: 3.8vw;
line-height: 4.6vw;
font-size: 1.3vw;
}
.noticias-carrossel-campo-resumo {
margin-left: 0vw;
margin-top: 2.1vw;
font-size: 4vw;
line-height: 7vw;
}
.noticias-carrossel-campo-titulo {
margin-left: 0vw;
font-size: 6vw;
line-height: 8vw;
}
.noticias-carrossel-campo {
width: 100%;
height: 55vw;
}
.noticias-carrossel-img {
width: 100%;
height: 80vw;
border-radius: 0.5vw;
}
.noticias-carrossel-nav-before {
width: 16vw;
height: 16vw;
border: 0.3vw solid var(--branco04);
background-size: auto 10vw;
}
.noticias-carrossel-nav-btn {
width: 51vw;
height: 16vw;
border: 0.1vw solid var(--branco04);
line-height: 16vw;
margin-left: 5vw;
font-size: 5vw;
}
.noticias-carrossel-nav-next {
width: 16vw;
height: 16vw;
border: 0.3vw solid var(--branco04);
background-size: auto 10vw;
margin-left: 5vw;
}
.noticias-carrossel-nav {
width: 100%;
height: 20vw;
}
.noticias-carrossel-thumb-campo {
width: 100%;
height: 160vw;
}
.noticias-carrossel-thumb-img {
width: 100%;
height: 26vw;
}
.noticias-carrossel-thumb-txt {
width: 100%;
margin-top: 1vw;
}
.noticias-carrossel-thumb-titulo {
width: 96%;
height: 12vw;
line-height: 12vw;
padding-left: 4%;
font-size: 5vw;
}
.noticias-carrossel-thumb {
width: 46vw;
height: 60vw;
margin-left: 2vw;
}
.noticias-carrossel {
width: 100%;
height: 125vw;
margin-top: 3vw;
}
.noticias-carrossel-item {
width: 100%;
height: 100%;
}
.noticias-carrossel-nav-02 {
width: 100%;
height: 12vw;
background-color: var(--teste00);
float: left;
margin-top: 0vw;
margin-bottom: 5.4vw;
}
.noticias-carrossel-thumb-titulo-02 {
width: auto;
height: 12vw;
background-color: var(--teste00);
float: left;
line-height: 13.8vw;
text-transform: uppercase;
font-weight: 900;
font-size: 3.9vw;
}
.noticias-carrossel-nav-campo-02 {
float: right;
width: auto;
height: 100%;
}
.noticias-carrossel-nav-btn-02 {
width: 24vw;
height: 6.9vw;
background-color: transparent;
border: 0.3vw solid var(--cinza_claro);
line-height: 6.9vw;
text-align: center;
margin-left: 0vw;
margin-top: 3vw;
margin-right: 1.5vw;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
transition: .3s;
float: left;
}
.noticias-carrossel-nav-btn-02::before {
content: '';
width: 0;
height: 300%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
background: var(--cinza_claro);
transition: .5s ease;
display: block;
z-index: -1;
}
.noticias-carrossel-nav-btn-02:hover::before {
width: 105%;
}
.noticias-carrossel-nav-btn-02:hover {
color: #111;
}
.noticias-carrossel-nav-next-02 {
width: 9vw;
height: 6.9vw;
background-color: var(--transp);
float: left;
border: 0.3vw solid var(--cinza_claro);
background-image: url("img/left-chevron.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 3.9vw;
cursor: pointer;
margin-top: 3vw;
margin-right: 1.5vw;
}
.noticias-carrossel-nav-before-02 {
width: 9vw;
height: 6.9vw;
background-color: var(--transp);
float: left;
border: 0.3vw solid var(--cinza_claro);
background-image: url("img/right-chevron.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 2.9vw;
cursor: pointer;
margin-top: 3vw;
margin-right: 0vw;
}
.noticias-carrossel-02 {
width: 100%;
height: 120vw;
background-color: var(--teste00);
float: left;
margin-top: 0vw;
margin-bottom: 0vw;
}
.noticias-carrossel-img-02 {
width: 100%;
height: 60vw;
background-color: rgba(0, 0, 0, 0.8);
float: left;
margin-top: 0vw;
margin-bottom: 0vw;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.noticias-carrossel-campo-02 {
width: 100%;
height: 63vw;
background-color: var(--teste00);
float: left;
margin-top: 3vw;
margin-bottom: 0vw;
overflow: hidden;
}
.noticias-carrossel-campo-titulo-02 {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 0vw;
margin-bottom: 0vw;
color: var(--cinza);
font-size: 5.4vw;
line-height: 6.3vw;
}
.noticias-carrossel-campo-resumo-02 {
width: 100%;
height: auto;
background-color: var(--teste00);
float: left;
margin-top: 3vw;
margin-bottom: 0vw;
color: var(--cinza);
font-size: 3vw;
line-height: 4.2vw;
}
.noticias-carrossel-campo-resumo-02 a {
color: var(--cinza);
}
.noticias-carrossel-thumb-campo-02 {
width: 100%;
height: 120vw;
background-color: var(--teste00);
float: left;
margin-top: 9vw;
margin-bottom: 0vw;
}
.noticias-carrossel-thumb-02 {
width: 100%;
height: 17.4vw;
background-color: var(--teste00);
float: left;
margin-top: 0vw;
margin-bottom: 5.1vw;
}
.noticias-carrossel-thumb-img-02 {
width: 24.6vw;
height: 17.4vw;
background-color: rgba(0, 0, 0, 0.8);
float: left;
margin-top: 0vw;
margin-bottom: 0vw;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.noticias-carrossel-thumb-txt-02 {
width: 48.9vw;
height: 17.4vw;
background-color: var(--teste00);
float: left;
margin-top: 0vw;
margin-left: 3vw;
color: var(--cinza);
font-size: 3vw;
line-height: 5.4vw;
}
/*End - Bloco 02*/
/*Start - Bloco 04*/
.bloco-04 {
width: 100%;
height: 517vw;
overflow: hidden;
}
.bloco-04-box-item-resumo {
width: 100%;
padding: 1.5vw;
line-height: 7vw;
font-size: 4vw;
}
.bloco-04-box-item-resumo pre {
width: 100%;
height: 100%;
}
.bloco-04-box-item-titulo {
width: 100%;
line-height: 9vw;
font-size: 6vw;
padding: 1.5vw;
}
.bloco-04-box-item {
width: 100%;
height: 45vw;
border-bottom: 0.3vw solid var(--branco04);
overflow: hidden;
}
.bloco-04-box {
width: 100%;
border: 0.3vw solid var(--branco04);
}
.bloco-04-btn {
width: 98vw;
height: 14vw;
border: 0.1vw solid var(--branco04);
line-height: 14vw;
margin-left: 0vw;
margin-top: 4vw;
font-size: 4vw;
}
.bloco-04-col {
width: 100%;
height: 33.33%;
margin-left: 0vw;
margin-right: 0vw;
}
.bloco-04-titulo {
width: 100%;
height: 15.5vw;
font-size: 7vw;
line-height: 15.5vw;
display:none;
}
.bloco-04-tempo {
width:90vw;
height: auto;
padding-top: 5vw;
padding-left: 0vw;
margin: 0 auto;
}
.bloco-04-tempo iframe {
height: 97vw;
width: 55vw;
}
/*End - Bloco 04*/
/*Start - Bloco 06*/
.bloco-06 {
width: 100%;
height: 221vw;
overflow: hidden;
}
.bloco-06-col01 {
width: 100%;
height: auto;
margin-left: 0vw;
}
.bloco-06-col02 {
width: 100%;
height: auto;
margin-left: 0vw;
}
.bloco-06-video {
width: 100%;
height: 55vw;
margin-top: 9vw;
}
.bloco-06-video iframe {
width: 100%;
height: 100%;
}
.bloco-06-titulo {
width: 100%;
height: 8vw;
line-height: 8vw;
font-size: 5vw;
}
.bloco-06-btn {
width: 98vw;
height: 15vw;
border: 0.1vw solid var(--branco04);
line-height: 15vw;
margin-left: 0vw;
font-size: 4vw;
}
.bloco-06-facebook {
width: 100%;
height: 125vw;
margin-top: 3.1vw;
}
/*End - Bloco 06*/
/*Start - Bloco COVID 01*/
.bloco-covid-01 {
width: 100%;
height: 125vw;
overflow: hidden;
background-position: top left;
}
.bloco-covid-01-menu {
width: 88vw;
height: 6.1vw;
border-bottom: 0.1vw solid white;
display: none;
}
.bloco-covid-01-menu-btn-mobile {
width: 20%;
height: 100%;
line-height: 6.1vw;
font-size: 1vw;
}
.bloco-covid-01-redes {
width: 17vw;
height: 3vw;
margin-top: 3.5vw;
display: none;
}
.bloco-covid-01-titulo {
width: 98vw;
height: auto;
margin-top: 35vw;
font-size: 12vw;
line-height: 15vw;
}
.bloco-covid-01-redes-btn {
width: 3vw;
height: 3vw;
margin-right: 0.3vw;
background-size: auto 2vw;
}
/*End - Bloco COVID 01*/
/*Start - Bloco COVID 02*/
.bloco-covid-02 {
width: 100%;
height: auto;
overflow: hidden;
}
.covid-titulo-02 {
width: 100%;
font-size: 6vw;
line-height: 13vw;
height: auto;
margin-top: 5vw;
}
/*End - Bloco COVID 02*/
/*Start - Bloco COVID 03*/
.bloco-covid-03 {
width: 100%;
height: 333vw;
overflow: hidden;
}
.bloco-covid-03-box {
width: 85vw;
overflow: hidden;
margin-top: 15vw;
padding: 1.5vw;
}
.bloco-covid-03-img {
width: 100%;
height: 35vw;
background-size: auto 30vw;
}
.bloco-covid-03-titulo {
width: 100%;
line-height: 10vw;
}
.bloco-covid-03-texto {
width: 100%;
line-height: 7vw;
}
/*End - Bloco COVID 03*/
/*Start - Bloco COVID 04*/
.bloco-covid-04 {
width: 100%;
height: auto;
overflow: hidden;
}
/*End - Bloco COVID 04*/
/*Start - Bloco COVID 05*/
.bloco-covid-05 {
width: 100%;
height: 455vw;
overflow: hidden;
}
.bloco-covid-05-titulo {
width: 100%;
height: auto;
line-height: 14vw;
font-size: 10vw;
padding-top: 5vw;
padding-bottom: 5vw;
}
.bloco-covid-05-box-01 {
width: 96%;
padding: 2%;
}
.bloco-covid-05-box-01-titulo {
width: 100%;
line-height: 15vw;
font-size: 7.5vw;
}
.bloco-covid-05-box-01-atualizacao {
width: 93vw;
height: 30vw;
margin-top: 5vw;
border: 0.5vw solid white;
}
.bloco-covid-05-box-01-atualizacao-titulo {
width: 100%;
height: 18vw;
line-height: 21vw;
font-size: 6vw;
}
.bloco-covid-05-box-01-atualizacao-texto {
width: 100%;
height: 13.5vw;
line-height: 8.5vw;
font-size: 3vw;
}
.bloco-covid-05-numeros {
width: 30%;
height: 21vw;
margin-right: 1%;
margin-top: 2vw;
border: 0.1vw solid white;
border-bottom: 0.3vw solid rgb(255, 167, 0);
margin-left: 1vw;
}
.bloco-covid-05-numeros-last {
margin-right: 0vw;
}
.bloco-covid-05-numeros-titulo {
width: 100%;
height: 12vw;
line-height: 3.6vw;
font-size: 2.9vw;
}
.bloco-covid-05-numeros-texto {
width: 100%;
height: 9vw;
font-size: 6vw;
line-height: 6vw;
}
.bloco-covid-05-box-02 {
width: 96%;
margin-top: 4vw;
border: 0.1vw solid white;
padding: 2%;
}
.bloco-covid-05-box-02-titulo {
width: 100%;
line-height: 4vw;
}
.bloco-covid-05-box-02-campo {
width: 100%;
}
/*End - Bloco COVID 05*/
/*Start - Bloco COVID 06*/
.bloco-covid-06 {
width: 100%;
height: 370vw;
overflow: hidden;
}
.bloco-covid-06-titulo {
width: 100%;
height: 18vw;
line-height: 27vw;
font-size: 6vw;
}
.bloco-covid-06-item {
width: 100%;
border-bottom: 0.5vw solid white;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.bloco-covid-06-linha {
width: 100%;
line-height: 6vw;
}
.bloco-covid-06-linha-titulo {
width: 100%;
line-height: 6vw;
}
.bloco-covid-06-btn {
width: 30vw;
height: 11vw;
border: 0.5vw solid var(--branco04);
line-height: 11vw;
margin-left: 2.5vw;
margin-top: 6vw;
}
/*End - Bloco COVID 06*/
/*Start - Bloco COVID 07*/
.bloco-covid-07 {
width: 100%;
height: 55vw;
overflow: hidden;
}
.bloco-covid-07-banner {
width: 60vw;
height: 30vw;
margin-top: 12vw;
}
/*End - Bloco COVID 07*/
/*Start - Mapa*/
.bloco-localizacao iframe {
width: 100%;
height: 125vw;
border: 0.1vw solid var(--branco02);
overflow: hidden;
border-radius: 0.5vw;
}
/*End - Mapa*/
/*Start - Perguntas Frequentes*/
.perguntas-frequentes-categoria {
font-size: 5vw;
height: auto;
line-height: 15vw;
margin-bottom: 5vw;
width: 100%;
}
.perguntas-frequentes-campo {
width: 100%;
}
.perguntas-frequentes-pergunta {
width: 95%;
line-height: 10vw;
padding: 1%;
font-size: 5vw;
border: 0.5vw var(--branco05);
}
.perguntas-frequentes-gaveta {
width: 95.5%;
border: 0.1vw var(--branco05);
padding: 1%;
}
.perguntas-frequentes-gaveta p {
width: 100%;
}
/*End - Perguntas Frequentes*/
/*Start - Matéria*/
.materia-img {
width: 100%;
height: 60vw;
background-size: auto 100%;
margin-top: 9vw;
margin-bottom: 9vw;
}
/*End - Matéria*/
/*Start - Licitações*/
.licitacao-card {
width: 96%;
border: 0.5vw solid var(--branco04);
padding: 2%;
border-radius: 1.5vw;
margin-bottom: 5vw;
}
.licitacao-card-categoria {
width: 100%;
line-height: 3vw;
}
.licitacao-card-categoria:before {
width: 1.5vw;
height: 3vw;
background-size: auto 1vw;
}
.licitacao-card-titulo {
width: 100%;
line-height: 15vw;
font-size: 7.5vw;
}
.licitacao-card-texto {
width: 100%;
line-height: 10vw;
margin-bottom: 2.5vw;
margin-top: 2.5vw;
}
.licitacao-card-img {
width: 10vw;
height: 10vw;
border: 0.1vw solid var(--branco04);
border-radius: 0.5vw;
}
/*End - Licitações*/
/*Start - footer*/
.footer {
width: 100%;
height: 98vw;
}
.footer-txt {
margin-top: 10vw;
}
.footer-txt p {
margin: 0vw;
line-height: 8vw;
font-size: 5vw;
text-align: center;
}
.footer-autor {
width: 100%;
height: 45vw;
margin-top: 6vw;
background-size: 50vw auto;
}
/*End - footer*/
/*Start - GRID*/
.linha,
.separador {
width: 100%;
height: 15vw;
line-height: 15vw;
margin-top: 2.5vw;
margin-bottom: 2.5vw;
}
.col05,
.col10,
.col15,
.col16,
.col20,
.col25,
.col30,
.col33,
.col35,
.col40,
.col45,
.col50,
.col55,
.col60,
.col65,
.col66,
.col70,
.col75,
.col80,
.col85,
.col90,
.col95,
.col100 {
width: 100%;
height: auto;
padding-left: 0%;
padding-right: 0%;
}
.box-interna {
width: 98vw;
overflow: hidden;
}
.linha-auto {
height: auto;
}
/*End - GRID*/
/*Start - meio-ambiente*/
.meio-ambiente {
width: 90vw;
height: 139vw;
background-color: var(--teste00);
float: left;
margin-left: 4vw;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
border-radius: 3vw;
margin-top: 10vw;
margin-bottom: 10vw;
}
/*End - meio-ambiente*/
/*Start - widget-acessibilidade*/
.widget-acessibilidade {
top: 30vw;
right: -39.9vw;
}
.widget-acessibilidade-btn {
width: 9vw;
height: 9vw;
line-height: 9vw;
border-radius: 1.2vw;
margin-right: 0.6vw;
border: 0.3vw solid rgb(220, 220, 230);
}
.widget-acessibilidade-btn svg {
height: 5.4vw;
}
.widget-acessibilidade-campo {
border: 0.3vw solid rgb(220, 220, 230);
}
.widget-acessibilidade-campo-btn {
height: 9vw;
}
.widget-acessibilidade-campo-img {
width: 9vw;
height: 9vw;
line-height: 9vw;
}
.widget-acessibilidade-campo-img svg {
height: 5.4vw;
}
.widget-acessibilidade-campo-titulo {
width: 30vw;
height: 9vw;
line-height: 9vw;
}
.widget-acessibilidade-on {
right: 0vw;
transition: all 0.2s ease-in-out;
}
/*End - widget-acessibilidade*/
/*Start - vlibras*/
[vw] [vw-access-button] {
width: 30.6vw !important;
margin: 0px 0px 0px -22.2vw !important;
}
[vw] [vw-access-button] span {
font-size: 3vw !important;
}
[vw] [vw-access-button] .pop-up {
margin-right: 1.5vw !important;
}
[vw] [vw-access-button] .access-button.left {
margin-right: 1.5vw !important;
}
[vp] [vp-change-avatar] {
left: 3vw !important;
top: 11.1vw !important;
}
[vp] [vp-change-avatar] .vp-button-change-avatar {
border-radius: 11.1vw !important;
width: 7.5vw !important;
height: 7.5vw !important;
box-shadow: 0.3vw 0.3vw 0.4vw 0.3vw rgba(0, 0, 0, 0.45);
}
[vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-female {
width: 3.3vw !important;
margin-right: 0.3vw;
}
[vp] [vp-change-avatar] .vp-button-change-avatar .change-avatar-male {
width: 3.6vw !important;
margin-left: 0.3vw !important;
}
[vp] [vp-rate-button] {
bottom: 13.2vw !important;
}
[vp] [vp-rate-button] .vp-button {
margin-right: 6vw !important;
margin-bottom: 4.5vw !important;
}
[vp] [vp-rate-button] .vp-button img {
width: 129px;
margin-right: -3vw !important;
margin-bottom: -3vw !important;
}
/*End - vlibras*/

/*Start - Processos Seletivos*/
.ps-card{
width:100%;
border: 0.3vw solid var(--branco04);
padding:2%;
border-radius:0.9vw;
margin-bottom:3vw;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ps-card-categoria{
line-height:9vw;
}
.ps-card-categoria:before{
width:4.5vw;
height:9vw;
background-size:auto 3vw;
}
.ps-card-titulo{
line-height:6vw;
font-size:5vw;
}
.ps-card-texto{
line-height:6vw;
margin-bottom:1.5vw;
margin-top:1.5vw;
}
.ps-card-img{
width:30vw;
height:30vw;
border: 0.3vw solid var(--branco04);
border-radius: 1.5vw;
}
/*End - Processos Seletivos*/

/*Start - Paginação DataTable*/
.pagination li a{
width:12vw;
height:12vw;
font-size:6vw;
line-height:12vw;
margin:3vw;
border-radius:1.5vw;
}
/*End - Paginação DataTable*/
}