1<!-- \\ ===================================================================================================================================== // --> 2 3<!DOCTYPE html> 4<html lang="pt-br"> 5 6<head> 7 <meta name="viewport" content="width=device-width, initial-scale=1" /> 8 <meta charset="UTF-8" /> 9 10 <!-- // ====================== | TITLE | ====================== \\ --> 11 <title>Prefeitura de Urubici â â â â â â â â â â </title> 12 <!-- \\ ======================================================= // --> 13 14 15 16 <!-- // ==================================== | METAS PADRÃES | ====================================== \\ --> 17 <meta name="robots" content="ALL" /> 18 <meta name="GOOGLEBOT" content="index,follow" /> 19 <meta http-equiv="content-language" content="pt-br" /> 20 <!-- \\ ============================================================================================= // --> 21 22 23 24 <!-- // =================== | META | ============== \\ --> 25 <title>Simbolos-do-municipio</title> 26 <meta name="url" content="www.urubici.sc.gov.br/simbolos-do-municipio" /> 27 <meta name="description" content="Site oficial da Prefeitura Municipal de Urubici (SC) â informações institucionais, serviços para cidadãos, turismo, agricultura e infraestrutura." /> 28 <meta name="keywords" content="Urubici, Prefeitura Municipal de Urubici, Prefeitura Urubici SC, serviços públicos Urubici, turismo Urubici, agricultura Urubici" /> 29 <!-- \\ =========================================== // --> 30 31 <!-- // ================ | META OG | ============== \\ --> 32 <meta property="og:title" content="Prefeitura Municipal de Urubici â SC" /> 33 <meta property="og:site_name" content="Prefeitura de Urubici" /> 34 <meta property="og:type" content="website" /> 35 <meta property="og:url" content="www.urubici.sc.gov.br/simbolos-do-municipio" /> 36 <meta property="og:image" content="https://www.urubici.sc.gov.br/imagens_pagina_thumbnail/meta_og_1764352847302.jpg" /> 37 <meta property="og:description" content="A Prefeitura Municipal de Urubici (SC) disponibiliza portais de atendimento, transparência, turismo, meio-ambiente e desenvolvimento rural para a comunidade e visitantes." /> 38 <!-- \\ =========================================== // --> 39 40 <!-- // ============= | META TWITTER | ============ \\ --> 41 <meta name ="twitter:card" content = "summary"></meta> 42 <meta name="twitter:title" content="Prefeitura Municipal de Urubici â SC"> 43 <meta name="twitter:site" content="Prefeitura de Urubici"> 44 <meta name="twitter:card" content="summary_large_image"> 45 <meta property="twitter:domain" content="https://www.urubici.sc.gov.br/"> 46 <meta property="twitter:url" content="www.urubici.sc.gov.br/simbolos-do-municipio"> 47 <meta name="twitter:image" content="https://www.urubici.sc.gov.br/imagens_pagina_thumbnail/meta_og_1764352847302.jpg"> 48 <meta name="twitter:description" content="A Prefeitura Municipal de Urubici (SC) disponibiliza portais de atendimento, transparência, turismo, meio-ambiente e desenvolvimento rural para a comunidade e visitantes."> 49 <!-- \\ =========================================== // --> 50 51 52 53 54 55 56
56<script type="application/ld+json"> 57 { 58 "@context": "http://schema.org", 59 "@type": "Organization", 60 "name": "Prefeitura de Urubici", 61 "url": "https://www.urubici.sc.gov.br/", 62 "address": "[email protected]", 63 "sameAs": [ 64 ] 65 } 66 </script>
66 67 68 69 70 71 <Meta xmlns:fb="https://www.facebook.com//rfautopeca"> 72 <meta property="fb:admins" content="100041857245391" /> 73 <meta name="fb:page_id" content="100041857245391" /> 74 75 <meta name="TITLE" content="Prefeitura de Urubici " /> 76 <meta name="copyright" content="© Agência Estúdio Sul" /> 77 78 <link rel="icon" href="https://www.urubici.sc.gov.br/images/icone-new.png" /> 79 <!--<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">--> 80 <link rel="stylesheet" href="https://www.urubici.sc.gov.br/css/bootstrap.min.css"> 81 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" referrerpolicy="no-referrer" /> 82 <link rel="stylesheet" href="https://www.urubici.sc.gov.br/css/flickity.min.css"> 83 <link rel="stylesheet" href="https://www.urubici.sc.gov.br/css/jquery.fancybox.min.css" /> 84 85
85<script src="https://www.urubici.sc.gov.br/js/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
85 86 87 88 <!-- // ============ | FONTES | ============ \\ --> 89 <link rel="preconnect" href="https://fonts.googleapis.com"> 90 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 91 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,600&display=swap" rel="stylesheet"> 92 <!-- \\ ==================================== // --> 93 94 95 <!-- // =========== | ESTILO CSS | ========= \\ --> 96 <style> 97<style> 98/* // ==================== | FONTES | ==================== \\ */ 99/* // ====== | GOTHAM BLACK | ===== \\ */ 100@font-face { 101 font-family: 'Gotham-Black'; 102 src: 103 url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.eot?#iefix')format('embedded-opentype'), 104 url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.otf') format('opentype'), 105 url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.woff') format('woff'), 106 url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.ttf') format('truetype'), 107 url('https://www.urubici.sc.gov.br/fonts/Gotham-Black.svg#Gotham-Black') format('svg'); 108 font-weight: normal; 109 font-style: normal; 110 font-display: swap; 111} 112/* \\ ============================= // */ 113/* // ====== | GOTHAM BOLD | ====== \\ */ 114@font-face { 115 font-family: 'Gotham-Bold'; 116 src: 117 url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.eot?#iefix')format('embedded-opentype'), 118 url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.otf') format('opentype'), 119 url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.woff') format('woff'), 120 url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.ttf') format('truetype'), 121 url('https://www.urubici.sc.gov.br/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'); 122 font-weight: normal; 123 font-style: normal; 124 font-display: swap; 125} 126/* \\ ============================= // */ 127/* // ====== | GOTHAM BOLD | ====== \\ */ 128@font-face { 129 font-family: 'Gotham-Book'; 130 src: 131 url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.eot?#iefix')format('embedded-opentype'), 132 url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.otf') format('opentype'), 133 url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.woff') format('woff'), 134 url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.ttf') format('truetype'), 135 url('https://www.urubici.sc.gov.br/fonts/Gotham-Book.svg#Gotham-Book') format('svg'); 136 font-weight: normal; 137 font-style: normal; 138 font-display: swap; 139} 140/* \\ ============================= // */ 141/* // ====== | GOTHAM BOLD | ====== \\ */ 142@font-face { 143 font-family: 'Gotham-Light'; 144 src: 145 url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.eot?#iefix')format('embedded-opentype'), 146 url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.otf') format('opentype'), 147 url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.woff') format('woff'), 148 url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.ttf') format('truetype'), 149 url('https://www.urubici.sc.gov.br/fonts/Gotham-Light.svg#Gotham-Light') format('svg'); 150 font-weight: normal; 151 font-style: normal; 152 font-display: swap; 153} 154/* \\ ============================= // */ 155/* // ====== | GOTHAM BOLD | ====== \\ */ 156@font-face { 157 font-family: 'Gotham-Medium'; 158 src: 159 url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.eot?#iefix')format('embedded-opentype'), 160 url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.otf') format('opentype'), 161 url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.woff') format('woff'), 162 url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.ttf') format('truetype'), 163 url('https://www.urubici.sc.gov.br/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); 164 font-weight: normal; 165 font-style: normal; 166 font-display: swap; 167} 168/* \\ ============================= // */ 169/* // ====== | GOTHAM BOLD | ====== \\ */ 170@font-face { 171 font-family: 'Gotham-Thin'; 172 src: 173 url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.eot?#iefix')format('embedded-opentype'), 174 url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.otf') format('opentype'), 175 url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.woff') format('woff'), 176 url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.ttf') format('truetype'), 177 url('https://www.urubici.sc.gov.br/fonts/Gotham-Thin.svg#Gotham-Thin') format('svg'); 178 font-weight: normal; 179 font-style: normal; 180 font-display: swap; 181} 182/* \\ ============================= // */ 183 184/* // ======== | ARCHIVE | ======== \\ */ 185@font-face { 186 font-family: 'Archive'; 187 src: 188 url('https://www.urubici.sc.gov.br/fonts/Archive.eot?#iefix')format('embedded-opentype'), 189 url('https://www.urubici.sc.gov.br/fonts/Archive.otf') format('opentype'), 190 url('https://www.urubici.sc.gov.br/fonts/Archive.woff') format('woff'), 191 url('https://www.urubici.sc.gov.br/fonts/Archive.ttf') format('truetype'), 192 url('https://www.urubici.sc.gov.br/fonts/Archive.svg#Archive') format('svg'); 193 font-weight: normal; 194 font-style: normal; 195 font-display: swap; 196} 197/* \\ ============================= // */ 198 199/* \\ ==================================================== // */ 200 201 202 203 204 205 206 207 208 209 210 211 212 213/* // ===================== CSS GERAL ===================== \\ */ 214* { 215 font-family: 'Gotham-Light', 'Montserrat', sans-serif; 216 caret-color: #FBB611; 217} 218 219ul li::marker{ 220 color: red; 221} 222 223a { 224 text-decoration: none !important; 225 color: black; 226} 227h1,h2{ 228 font-family: 'Archive', 'Montserrat', sans-serif; 229 font-weight: bold; 230} 231p{ 232 font-family: 'Gotham-Book'; 233} 234 235a:hover{ 236 text-decoration: none !important; 237 color: ; 238} 239 240 241 242 243 244 245 246::selection{ 247 background: #FBB611; 248 color: black; 249} 250 251 252 253 254.modal-title{ 255 font-family: 'Gotham-Bold'; 256 font-weight: normal; 257} 258 259
260.modal form .modal-body > *{ 261 margin-bottom: 1rem !important; 262} 263.modal form .form-control{ 264 height: 55px; 265} 266 267.text-aqua{ 268 color: #FBB611; 269} 270.text-black { 271 color: black !important; 272} 273 274 275.text-black{ 276 color: #6D6D6D !important; 277} 278.text-red{ 279 color: ; 280} 281 282.text-majope{ 283 color: #FBB611; 284} 285.bg-majope{ 286 background: ; 287} 288.bg-orange{ 289 background: #FBB611; 290} 291.bg-black{ 292 background: black; 293} 294.cursor-pointer{ 295 cursor: pointer; 296} 297 298.z-index-0{ 299 z-index: 0; 300} 301.z-index-1{ 302 z-index: 1; 303} 304.z-index-2{ 305 z-index: 2; 306} 307.z-index-3{ 308 z-index: 3; 309} 310.z-index-4{ 311 z-index: 4; 312} 313 314 315 316/* // ======== btn primary ======== \\ */ 317.btn-primary{ 318 background-image: linear-gradient(90deg, #F27A06, #FF7800); 319 border: none !important; 320 transition: 0.3s !important; 321 box-shadow: none !important; 322 font-size: 0.90rem; 323 border-radius: 4px; 324 font-family: 'Archive'; 325 letter-spacing: 4px; 326} 327.btn-primary:hover,.btn-primary:active,.btn-primary:focus{ 328 background-image: linear-gradient(150deg, #F27A06, #FF7800); 329 transition: 0.3s !important; 330} 331/* \\ ============================= // */ 332 333 334/* // ======== btn primary ======== \\ */ 335.btn-outline{ 336 background: transparent; 337 border: 1px solid #FBB611; 338 transition: 0.3s !important; 339 box-shadow: none !important; 340 font-size: 0.80rem; 341 border-radius: 180px; 342 font-weight: 400; 343 letter-spacing: 3px; 344 padding: 0.5rem 1rem 0.5rem 1rem; 345 color: #FBB611; 346} 347.btn-outline span{ 348 color: black; 349 font-weight: 600; 350} 351.btn-outline:hover,.btn-outline:active,.btn-outline:focus{ 352 background-image: linear-gradient(150deg, #FBB611, #FBB611); 353 transition: 0.3s !important; 354 border: 1px solid #FBB611; 355 color: white; 356} 357/* \\ ============================= // */ 358/* \\ ===================================================== // */ 359 360 361 362 363/* // ===================== CSS GERAL ===================== \\ */ 364iframe.endereco{ 365 height: 300px; 366} 367iframe.endereco{ 368 height: 400px; 369} 370/* \\ ===================================================== // */ 371 372 373 374 375 376/* // =================== | SEM REGISTROS | =============== \\ */ 377.sem-registros-encontrados{ 378 background: #EEE; 379 width: 100%; 380 border-radius: 12px; 381 padding: 2rem; 382} 383.sem-registros-encontrados h2{ 384 text-align: center; 385 margin: 0; 386} 387.sem-registros-encontrados h2 span{ 388 font-size: 4rem; 389 display: block; 390 color: #FF7800; 391} 392/* \\ ===================================================== // */ 393 394 395 396/* // ================ | MELHORAR LEITURA | =============== \\ */ 397.melhorar-leitura h3{ 398 margin-bottom: 1.2rem; 399} 400.melhorar-leitura{ 401 402} 403/* \\ ===================================================== // */ 404 405 406/* // ================== | CLEAN FORM | =================== \\ */ 407.clean-form h2{ 408 text-align: center; 409 margin-bottom: 2rem; 410} 411 412.clean-form .small{ 413 font-size: calc(70%) !important; 414 word-break: break-word; 415} 416 417.clean-form .bg-info{ 418 padding: 1.5rem; 419 border-radius: 12px; 420 background: #FCE3A3 !important; 421 margin-bottom: 3rem; 422} 423.clean-form .bg-info i{ 424 color: #FF7800; 425} 426 427.clean-form .bg-info p{ 428 margin-bottom: 0; 429 font-size: 0.90rem; 430} 431.clean-form .bg-info h3{ 432 text-align: center; 433 font-size: 1.5rem !important; 434} 435.clean-form .bg-info span{ 436 color: red; 437} 438 439.clean-form button{ 440 font-family: 'Gotham-Bold'; 441 background: #FBB611; 442 letter-spacing: initial; 443 text-transform: initial; 444 width: 100%; 445 color: black; 446 border-radius: 12px; 447 font-size: 1.1rem; 448 height: 60px; 449} 450.clean-form{ 451 background: #F1F1F1; 452 border-radius: 12px; 453 padding: 2rem 1rem 2rem 1rem; 454 margin-bottom: 2rem !important; 455} 456.clean-form .form-group{ 457 margin-bottom: 1rem; 458} 459.clean-form label{ 460 margin-bottom: 0.5rem; 461} 462.clean-form .form-control:not(textarea, [type="file"]){ 463 height: 60px; 464} 465.clean-form .form-control{ 466 border-radius: 12px; 467 border: none; 468} 469.clean-form h3{ 470 font-size: 0.9rem !important; 471} 472.clean-form h3 small{ 473 font-size: 0.65rem !important; 474} 475/* \\ ===================================================== // */ 476 477 478 479 480 481 482 483 484/* // ================== | LIKNS ÃTEIS | ================== \\ */ 485.links-uteis article h2{ 486 font-size: 1rem !important; 487 font-family: 'Gotham-Light' !important; 488} 489.links-uteis article h2 span{ 490 font-family: 'Gotham-Bold' !important; 491 display: block !important; 492} 493/* \\ ===================================================== // */ 494 495 496 497 498/* // ================== | CLEAN FORM | =================== \\ */ 499.acesso-rapido-links-uteis{ 500 display: flex; 501 flex-wrap: wrap; 502 width: 100%; 503} 504.acesso-rapido-links-uteis article{ 505 border: 1px solid #BFBFBF; 506 border-radius: 4px; 507 padding: 1rem; 508 display: flex; 509 flex-wrap: nowrap; 510 align-items: center; 511 transition: 0.3s; 512} 513 514.acesso-rapido-links-uteis a:hover article{ 515 background: #FBB611; 516 transition: 0.3s; 517 transform: scale(1.02); 518} 519.acesso-rapido-links-uteis a:hover img{ 520 filter: grayscale(100%) invert(1); 521 transition: 0.3s; 522} 523.acesso-rapido-links-uteis a:hover *{ 524 color: white; 525 transition: 0.3s; 526} 527.acesso-rapido-links-uteis article img{ 528 width: 40px; 529 height: auto; 530 margin-right: 0.7rem; 531} 532.acesso-rapido-links-uteis article h2, 533.acesso-rapido-links-uteis article span{ 534 font-size: 1rem; 535 text-transform: uppercase; 536 text-align: left; 537 font-family: 'Gotham-Bold'; 538 font-weight: normal; 539 margin:0; 540} 541/* \\ ===================================================== // */ 542 543 544 545 546 547 548/* // ================ | CONTAINER INTERNAS | ============= \\ */ 549.container-internas{ 550 display: flex; 551 width: 100%; 552 flex-wrap: wrap; 553 padding: 2rem; 554 text-align: justify; 555} 556.container-internas > main{ 557 display: flex; 558 width: 100%; 559 flex-wrap: wrap; 560 padding: 0rem;
561 align-content: flex-start; 562} 563 564.container-internas > main > *:not(div){ 565 width: 100%; 566} 567 568 569 570.container-internas > main h2{ 571 font-size: 1.7rem; 572 font-family: 'Gotham-Bold'; 573 color: black; 574} 575.container-internas > main h3{ 576 font-size: 1.3rem; 577 font-family: 'Gotham-Medium'; 578 color: black; 579} 580 581.container-internas > main h3 p{ 582 margin-bottom: 1rem; 583} 584.container-internas > main p{ 585 font-size: 1rem; 586 font-family: 'Gotham-Light'; 587 color: black; 588 margin-bottom: 2rem; 589} 590 591.container-internas > main div.col-lg-6 a:hover{ 592 color: black; 593} 594 595 596.container-internas .titulo-menu-lateral{ 597 color: #FF7800; 598 font-size: 1rem; 599 text-transform: uppercase; 600 font-family: 'Gotham-Bold'; 601 display: flex; 602 align-items: center; 603 justify-content: center; 604} 605 606.container-internas .link-menu-lateral{ 607 padding: 1rem; 608 border-radius: 180px; 609 border: 1px solid #707070; 610 font-family: 'Gotham-Bold'; 611 font-size: 0.80rem; 612 width: 100%; 613 text-align: center; 614 transition: 0.3s; 615} 616.container-internas .link-menu-lateral:hover{ 617 color: black; 618 transform: scale(1.04); 619 transition: 0.3s; 620} 621 622.container-internas .container-menu-lateral{ 623 padding-top: 3rem; 624 width: 300px; 625 display: flex; 626 flex-wrap: wrap; 627 align-content: flex-start; 628} 629/* \\ ===================================================== // */ 630 631 632 633 634/* // ==================== | INTERNA | ==================== \\ */ 635.interna{ 636 display: flex; 637 flex-wrap: wrap; 638 justify-content: center; 639 align-items: flex-start; 640 align-content: flex-start; 641 width: 100%; 642 padding: 3rem 2rem; 643} 644.interna > main{ 645 width: 100%; 646 max-width: 450px; 647 display: flex; 648 flex-wrap: wrap; 649} 650/* \\ ===================================================== // */ 651 652 653 654 655 656/* // ================== | MENU FLUTUANTE | =============== \\ */ 657.menu-flutuante{ 658 top: 0; 659 left: 0; 660 display: flex; 661 justify-content: center; 662 width: 100vw; 663 height: 100vh; 664 z-index: 2; 665 position: fixed; 666 padding: 0; 667} 668.menu-flutuante main{ 669 padding: 1rem; 670 width: 100%; 671 height: 100%; 672 background: white; 673 display: flex; 674 flex-wrap: wrap; 675 overflow-y: auto; 676 align-content: flex-start; 677} 678.menu-flutuante nav{ 679 margin-bottom: 1.2rem; 680} 681.menu-flutuante ul{ 682 list-style: none; 683} 684.menu-flutuante .header-fechar-menu{ 685 width: 100%; 686 display: flex; 687 justify-content: flex-end; 688} 689.menu-flutuante .header-fechar-menu i{ 690 color: crimson !important; 691} 692 693.menu-flutuante .estilo-menu-1 a{ 694 font-family: 'Gotham-Medium'; 695 font-size: 0.9rem; 696 color: black; 697 transition: 0.3s; 698} 699 700 701.menu-flutuante .estilo-menu-2 h2{ 702 font-family: 'Gotham-Book'; 703 font-size: 1.1rem; 704 font-weight: normal; 705 color: black; 706} 707.menu-flutuante .estilo-menu-2 a{ 708 font-family: 'Gotham-Book'; 709 font-size: 0.8rem; 710 color: black; 711 transition: 0.3s; 712} 713.menu-flutuante a:hover{ 714 color: #FBB611 !important; 715 transition: 0.3s; 716} 717.menu-flutuante .horario-de-atendimento{ 718 text-align: center; 719 font-size: 0.8rem; 720 font-family: 'Gotham-Book'; 721} 722.menu-flutuante .horario-de-atendimento b{ 723 font-family: 'Gotham-Bold'; 724} 725/* \\ ===================================================== // */ 726 727 728 729 730 731 732/* // ================== | GALERIAS DE FOTOS | ============ \\ */ 733.galerias-de-fotos{ 734 transition: 0.3s 735} 736.galerias-de-fotos *{ 737 transition: 0.3s; 738} 739.galerias-de-fotos:hover{ 740 transform: scale(1.03); 741 background: #fff1e6; 742} 743.galerias-de-fotos:hover h2{ 744 color: #FF7800; 745 transform: scale(1.05); 746} 747.galerias-de-fotos:hover h2 span{ 748} 749.galerias-de-fotos *:not(small){ 750 font-size: calc(100% + 0.05rem) !important; 751} 752.galerias-de-fotos h6{ 753 font-size: 0.90rem !important; 754 font-family: 'Gotham-Medium'; 755} 756.galerias-de-fotos h6 span{ 757 font-family: 'Gotham-Light'; 758} 759/* \\ ===================================================== // */ 760 761 762 763 764/* // =============== | LISTA DE INFORMAÃÃO | ============= \\ */ 765.lista-informacao article{ 766 width: 100%; 767} 768.urubici-start-info{ 769 width: 100% !important; 770 padding: 1rem 1rem 1rem 1.7rem !important; 771 background: #D5D5D5 !important; 772 border-left: 0.3rem solid #FF7800 !important; 773 margin-bottom: 1rem; 774} 775.urubici-start-info h2{ 776 text-align: left; 777 width: 100% !important; 778 color: black !important; 779 text-transform: uppercase !important; 780 font-family: 'Gotham-Light' !important; 781 margin: 0 !important; 782 font-size: 1.3rem !important; 783} 784 785.lista-informacao article h3{ 786 word-break: break-word; 787} 788.lista-informacao article main{ 789 padding: 0rem 1rem 1.5rem 1rem; 790} 791.lista-informacao article a{ 792 color: #007CB4; 793} 794 795.lista-informacao .accordion-button{ 796 background: #EEEEEE; 797} 798.accordion-button:not(.collapsed), 799.accordion-button:focus{ 800 box-shadow: 0 0 0 0.25rem rgb(255 120 0 / 25%) !important; 801} 802.lista-informacao .accordion-button:not(.collapsed){ 803 color: #FBB611; 804} 805/* \\ ===================================================== // */ 806 807 808 809 810 811/* // =========== | GALERIA DE FOTOS INTERNA | ============ \\ */ 812.galeria-galeria-de-fotos img{ 813 height: 150px; 814 object-fit: cover; 815 object-position: center; 816} 817/* \\ ===================================================== // */ 818 819 820 821 822/* // ================== | FORM BUSCA GERAL | ============= \\ */ 823form.busca{ 824 min-height: 300px;
825 background: #E9E9E9; 826 display: flex; 827 flex-wrap: wrap; 828 align-content: center; 829 padding: 1rem; 830 margin-bottom: 2rem !important; 831} 832 833form.busca label{ 834 font-family: 'Gotham-Bold'; 835 font-size: 1rem; 836} 837 838form.busca .form-control, 839form.busca button{ 840 height: 50px; 841 border-radius: 12px; 842 border: none; 843} 844form.busca .form-control:focus{ 845 box-shadow: 0 0 0 0.25rem rgb(242 122 6 / 25%); 846} 847form.busca button{ 848 width: 100%; 849 background: #FBB611; 850 font-family: 'Gotham-Bold'; 851 letter-spacing: normal; 852 font-size: 1.1rem; 853 color: black; 854} 855/* \\ ===================================================== // */ 856 857 858 859 860 861 862/* // ===================== | TURISMOS | ================== \\ */ 863.turismos *{ 864 transition: 0.3s; 865} 866.turismos nav ul{ 867 list-style:none; 868 display: flex; 869 flex-wrap: wrap; 870 width: 100%; 871 justify-content: center; 872 873} 874.turismos nav ul li{ 875 margin: 0rem 0.3rem 1rem 0rem; 876} 877.turismosr nav ul li:hover{ 878 transform: scale(1.05); 879} 880.turismos nav ul li a{ 881 padding: 1rem; 882 font-size: 0.80rem; 883 border-radius: 8px; 884} 885.turismos nav ul li a:hover{ 886 background: #FF7800; 887} 888.turismos nav ul li a:hover{ 889 color: white; 890 891} 892.turismos nav .selected{ 893 background: #FBB611; 894 color: white; 895} 896.card-turismo article figure{ 897 margin: 0; 898 position: relative; 899} 900.card-turismo article figure div{ 901 position: absolute; 902 top: 0; 903 left: 0; 904 width: 100%; 905 height: 100%; 906 display: flex; 907 background: rgb(251, 182, 17, 40%); 908 align-items: center; 909 justify-content: center; 910 opacity: 0; 911} 912.card-turismo{ 913 padding: 0; 914} 915.card-turismo article figure span{ 916 border: 1px solid white; 917 padding: 0.6rem 1.7rem; 918 color: white; 919 border-radius: 180px; 920 width: 180px; 921 text-align: center; 922 font-family: 'Gotham-Bold'; 923} 924 925.card-turismo article{ 926 display: flex; 927 flex-wrap: wrap; 928 box-shadow: 0px 11px 26px -23px black; 929 padding: 0; 930 background: white; 931 margin-bottom: 2rem; 932} 933.card-turismo article:hover figure div{ 934 opacity: 1; 935 transition: 0.3s; 936} 937.card-turismo article:hover{ 938 background: #FBB611; 939 transform: scale(1.05); 940 transition: 0.3s; 941} 942.card-turismo article > *{ 943 width: 100%; 944} 945.card-turismo article hgroup{ 946 padding: 1.7rem 1rem; 947} 948.card-turismo article img, 949.card-turismo article figure{ 950 width: 100%; 951 height: 270px; 952 object-fit: cover; 953 object-position: center; 954} 955.card-turismo article h2{ 956 font-size: 1.2rem; 957 text-align: center; 958} 959.card-turismo article h3{ 960 font-size: 0.9rem; 961 text-align: center; 962 font-family: 'Gotham-Light'; 963} 964 965.card-turismo{ 966 padding: 0; 967} 968 969/* \\ ===================================================== // */ 970 971 972 973 974/* // ================== | CARD - URUBICI | =============== \\ */ 975.card-urubici{ 976 background: white; 977 border-radius: 8px; 978 border: 1px solid #BABABA; 979 box-shadow: 0px 5px 15px -3px #ccc; 980} 981.card-urubici h2{ 982 word-break: break-word; 983} 984 985.card-urubici .galeria h2{ 986 font-size: 0.80rem; 987 word-break: break-word; 988 margin: 0; 989 display: flex; 990 align-items: center; 991} 992.card-urubici .galeria h2 i{ 993 font-size: 1.5rem; 994 color: #007CB4; 995 margin-right: 0.7rem; 996} 997.card-urubici figure img{ 998 height: 170px; 999 object-fit: cover; 1000 object-position: center; 1001} 1002.card-urubici .galeria.principal h2{ 1003 font-size: 0.90rem; 1004} 1005.card-urubici .galeria{ 1006 padding: 1.5rem; 1007 background: #EEE; 1008 height: 100%; 1009 border-radius: 12px; 1010 transition: 0.3s; 1011} 1012.card-urubici .galeria:hover{ 1013 transform: scale(1.03); 1014 background: #d9d9d9; 1015 transition: 0.3s; 1016} 1017.card-urubici .titulo-arquivo{ 1018 color: #004666; 1019} 1020/* \\ ===================================================== // */ 1021 1022 1023 1024 1025/* // =============== | CONTAINER LATERAL | =============== \\ */ 1026.container-lateral-direita-mais-items article h3{ 1027 padding-left: 0; 1028} 1029.mostrar-arquivo{ 1030 display: flex; 1031 align-items: center; 1032 padding-left: 0; 1033 margin-bottom: 1rem; 1034 transition: 0.3s; 1035} 1036.mostrar-arquivo:hover, 1037.mostrar-arquivo:active, 1038.mostrar-arquivo:focus{ 1039 transform: scale(1.03); 1040 transition: 0.3s; 1041} 1042.mostrar-arquivo img{ 1043 height: auto; 1044 width: 35px; 1045 margin-right: 0.7rem; 1046} 1047.mostrar-arquivo h2{ 1048 margin:0; 1049 font-size: 0.80rem !important; 1050 font-family: 'Gotham-Light' !important; 1051 text-transform: initial !important; 1052} 1053 1054.word-break *{ 1055 word-break: break-word; 1056} 1057/* \\ ===================================================== // */ 1058 1059 1060 1061 1062 1063 1064 1065/* // ================= | POST INTERNO | ================== \\ */ 1066.post-interno h1{ 1067 color: black; 1068 font-family: 'Gotham-Bold'; 1069} 1070.post-interno main .galeria img{ 1071 object-position: center; 1072 object-fit: cover; 1073 height: 130px; 1074} 1075.post-interno main .tags h6{ 1076 border-radius: 16px; 1077 background: #ccc; 1078 font-size: .65rem; 1079} 1080 1081.post-interno .noticia-relacionada h2{ 1082 font-size: 14px; 1083 color: black; 1084} 1085.post-interno .noticia-relacionada h2:hover{ 1086 color: #FF7800; 1087} 1088.publicacoes-relacionadas h3 { 1089 width: 100%; 1090 font-size: 1.3rem; 1091 color: #FF7800; 1092} 1093.post-interno .noticia-relacionada img{ 1094 min-height: 100px; 1095 object-position: center; 1096 object-fit: cover; 1097 border-radius: 16px; 1098} 1099.post-interno .noticia-relacionada p{ 1100 font-size: 0.90rem; 1101 color: #B3B3B3; 1102} 1103.post-interno figure img { 1104 object-fit: cover; 1105 object-position: center; 1106 height: 100%; 1107 width: 100%; 1108} 1109 1110.noticia-relacionada h2{ 1111 font-size: 0.9rem !important; 1112} 1113 1114.post-interno .produto-video-principal{ 1115 height: 300px; 1116} 1117.post-interno .conteudo p{ 1118 font-size: 1rem; 1119 line-height: 1.75; 1120 margin-bottom: 30px; 1121} 1122 1123.img-principal-post figure{ 1124 height: 500px; 1125} 1126 1127.post-interno .breve-descricao{
1128 background: #E9E9E9; 1129 font-style: italic; 1130 padding: 1rem; 1131 font-family: 'Gotham-Light'; 1132 font-size: 0.90rem; 1133 font-weight: normal; 1134 color: #101010; 1135 border-left: 3px solid #FF7800; 1136} 1137 1138 1139 1140 1141.post-interno .breve-descricao span b{ 1142 font-weight: ; 1143} 1144.post-interno .breve-descricao span{ 1145 display: block; 1146 width: 100%; 1147} 1148 1149 1150.post-interno h4{ 1151 font-family: 'Gotham-Bold'; 1152 font-size: 2rem; 1153 color: #FF7800; 1154 width: 100%; 1155 padding: 0px; 1156 margin-bottom: 30px 1157} 1158.post-interno header p{ 1159 font-size: 1.2rem; 1160} 1161 1162.post-interno header h2{ 1163 font-size: 0.80rem; 1164} 1165.post-interno header .compartilhar h2{ 1166 font-size: 0.90rem; 1167} 1168 .post-interno .conteudo p b{ 1169 font-weight: bold; 1170 } 1171 1172 1173.post-interno main .video iframe{ 1174 border: 1px solid #FF7800; 1175 border-radius: 32px; 1176} 1177/* \\ ===================================================== // */ 1178 1179 1180 1181 1182 1183 1184/* // ===================== EVENTOS ======================= \\ */ 1185.eventos{ 1186 display: flex; 1187 margin-bottom: 1.5rem; 1188 transition: 0.3s; 1189 flex-wrap: wrap; 1190} 1191.eventos:hover{ 1192 transform: scale(1.04); 1193 transition: 0.3s; 1194 background: #EEE; 1195} 1196.eventos *{ 1197 text-align: left; 1198} 1199.eventos figure{ 1200 width: 100%; 1201 min-height: 150px; 1202 margin: 0; 1203} 1204.eventos img{ 1205 height: 100%; 1206 width: 100%; 1207 object-fit: cover; 1208 1209 object-position: center; 1210} 1211.eventos hgroup{ 1212 display: flex; 1213 flex-wrap: wrap; 1214 align-content: center; 1215 padding: 1.5rem; 1216 width: 100%; 1217} 1218.eventos figure img{ 1219 height: 100%; 1220 width: 100%; 1221 object-fit: cover; 1222 object-position: center; 1223} 1224.eventos span{ 1225 width: auto; 1226 margin-right: 0.5rem; 1227 font-family: 'Gotham-Bold'; 1228 color: #FF7800; 1229} 1230.eventos hgroup h2, 1231.eventos hgroup h3{ 1232 width: 100%; 1233} 1234.eventos hgroup h3{ 1235 font-size: 1rem; 1236 font-family: 'Gotham-Light'; 1237} 1238/* \\ ===================================================== // */ 1239 1240 1241/* // =============== | CARTA DE SERVIÃOS | =============== \\ */ 1242.carta-de-servicos{ 1243 background: #EEE; 1244 border-radius: 8px; 1245 padding: 0.7rem; 1246} 1247.carta-de-servicos article{ 1248 padding: 1rem 0rem; 1249} 1250.carta-de-servicos a:not(:last-child) article{ 1251 border-bottom: 2px solid #FBB611; 1252} 1253.carta-de-servicos a:hover h2{ 1254 transform: scale(1.05); 1255 color: #FF7800; 1256 font-family: 'Gotham-Bold'; 1257 transition: 0.3s; 1258} 1259.carta-de-servicos.interna h2{ 1260 font-size: 1.5rem !important; 1261 font-family: 'Gotham-Bold' !important; 1262} 1263.carta-de-servicos.interna p{ 1264 margin-bottom: 1rem; 1265} 1266.carta-de-servicos h2{ 1267 font-family: 'Gotham-Light' !important; 1268 margin: 0; 1269 font-size: 0.8rem !important; 1270 text-align: center; 1271 width: 100%; 1272} 1273/* \\ ===================================================== // */ 1274 1275 1276/* // ============== | PÃGINA ARQUIVO DOWNLOAD | ========== \\ */ 1277.pagina-arquivo-download{ 1278 margin-top: 2rem; 1279} 1280.pagina-arquivo-download h2{ 1281 font-size: 1rem !important; 1282} 1283.pagina-arquivo-download article{ 1284 background: #809FC1; 1285 display: flex; 1286 align-items: center; 1287 border-radius: 12px; 1288 padding: 1.25rem; 1289 height: 100%; 1290} 1291.pagina-arquivo-download article img{ 1292 width: 50px; 1293 height: auto; 1294 margin-right: 0.5rem; 1295} 1296.pagina-arquivo-download article h2{ 1297 color: white; 1298 font-size: 1rem; 1299 margin-bottom: 0; 1300 word-break: break-word; 1301} 1302/* \\ ===================================================== // */ 1303 1304 1305 1306 1307/* // ================== | TABLE FEFE | =================== \\ */ 1308.table-fefe tr{ 1309 vertical-align: middle; 1310 font-size: 0.75rem; 1311} 1312.table-fefe{ 1313 margin-top: 1rem; 1314 margin-bottom: 1rem; 1315} 1316 1317.table-fefe tr th{ 1318 background: #004a9d; 1319 color: white; 1320 font-family: 'Archive', 'Montserrat', sans-serif; 1321 font-weight: normal; 1322 font-size: 1rem; 1323 text-align: center; 1324} 1325 1326.table-fefe tr td, 1327.table-fefe tr th{ 1328 padding: 0.35rem 0.5rem; 1329} 1330/* \\ ===================================================== // */ 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359/* // ============================================================= | 576 PX | ============================================================= \\ */ 1360@media (min-width: 576px) { 1361 1362} 1363/* \\ ====================================================================================================================================== // */ 1364 1365 1366/* // ============================================================= | 768 PX | ============================================================= \\ */ 1367@media (min-width: 768px) { 1368 /* // ===================== | TURISMOS | ================== \\ */ 1369 .card-turismo{ 1370 padding: 0rem 2rem 0rem 0rem; 1371 } 1372 /* \\ ===================================================== // */ 1373 1374 /* // ===================== EVENTOS ======================= \\ */ 1375 .eventos{ 1376 flex-wrap: nowrap; 1377 } 1378 .eventos hgroup h2{ 1379 font-size: 2.1rem; 1380 } 1381 .eventos figure{ 1382 width: 40%; 1383 } 1384 .eventos hgroup h3{ 1385 font-size: 1.2rem; 1386 } 1387 /* \\ ===================================================== // */ 1388 1389} 1390/* \\ ====================================================================================================================================== // */ 1391 1392 1393/* // ============================================================= | 992 PX | ============================================================= \\ */ 1394@media (min-width: 992px){ 1395 1396 /* // ==================== | INTERNA | ==================== \\ */ 1397 .interna > main{ 1398 max-width: 1300px; 1399 } 1400 /* \\ ===================================================== // */ 1401 1402 1403 /* // ============== | PÃGINA ARQUIVO DOWNLOAD | ========== \\ */ 1404 .pagina-arquivo-download h2{ 1405 font-size: 1.5rem !important; 1406 } 1407 /* \\ ===================================================== // */ 1408 1409 1410 1411 /* // =============== | LISTA DE INFORMAÃÃO | ============= \\ */ 1412 .lista-informacao article main{ 1413 padding: 0rem 1rem 3rem 2rem; 1414 } 1415 /* \\ ===================================================== // */ 1416 1417 1418 1419 /* // =============== | CARTA DE SERVIÃOS | =============== \\ */ 1420 .carta-de-servicos{ 1421 padding: 2rem; 1422 } 1423 .carta-de-servicos article{ 1424 padding: 1rem 0rem; 1425 } 1426 .carta-de-servicos h2{ 1427 font-size: 1rem !important; 1428 } 1429 /* \\ ===================================================== // */ 1430 1431 1432 /* // ================= | POST INTERNO | ================== \\ */ 1433 .post-interno main .galeria img{ 1434 height: 260px; 1435 } 1436 .post-interno .noticia-relacionada img{ 1437 height: 130px; 1438 border-radius: 16px; 1439 } 1440 .noticia-relacionada h2{ 1441 font-size: 1.1rem !important; 1442 } 1443 .post-interno h4{ 1444 font-size: 3rem; 1445 } 1446 .post-interno .breve-descricao{ 1447 font-size: 1rem; 1448 padding: 2rem; 1449 } 1450 1451 /* \\ ===================================================== // */ 1452 1453 /* // ================== | CLEAN FORM | =================== \\ */ 1454 .clean-form button{ 1455 width: 320px; 1456 } 1457 /* \\ ===================================================== // */ 1458 1459 /* // =========== | GALERIA DE FOTOS INTERNA | ============ \\ */
1460 .galeria-galeria-de-fotos img{ 1461 height: 18vw; 1462 } 1463 /* \\ ===================================================== // */ 1464 1465 1466 /* // =============== | CONTAINER LATERAL | =============== \\ */ 1467 .container-lateral-direita-mais-items{ 1468 padding-left: 2rem; 1469 position: sticky; 1470 top: 20%; 1471 } 1472 /* \\ ===================================================== // */ 1473 1474 /* // ================== | CARD - URUBICI | =============== \\ */ 1475 .card-urubici .galeria.principal h2{ 1476 font-size: 1.2rem; 1477 } 1478 .card-urubici .galeria h2{ 1479 font-size: 0.90rem; 1480 } 1481 .card-urubici figure img{ 1482 height: 270px; 1483 } 1484 /* \\ ===================================================== // */ 1485 1486 /* // ================== | FORM BUSCA GERAL | ============= \\ */ 1487 form.busca{ 1488 padding: 2rem; 1489 } 1490 form.busca .form-control, 1491 form.busca button{ 1492 height: 60px; 1493 } 1494 /* \\ ===================================================== // */ 1495 1496 /* // =============== | LISTA DE INFORMAÃÃO | ============= \\ */ 1497 .urubici-start-info h2{ 1498 font-size: 1.5vw !important; 1499 } 1500 /* \\ ===================================================== // */ 1501 1502 /* // ================ | CONTAINER INTERNAS | ============= \\ */ 1503 .container-internas > main{ 1504 padding: 0rem 1.5rem 0rem 0rem; 1505 } 1506 1507 .container-internas{ 1508 flex-wrap: nowrap; 1509 justify-content: center; 1510 } 1511 .container-internas .titulo-menu-lateral{ 1512 justify-content: space-between; 1513 } 1514 1515 .container-internas{ 1516 padding: 3rem; 1517 } 1518 .container-internas > main p{ 1519 margin-bottom: 3rem; 1520 } 1521 .container-internas .container-menu-lateral{ 1522 padding-top: 0rem; 1523 } 1524 /* \\ ===================================================== // */ 1525 1526 1527 1528 1529 /* // ================== | MENU FLUTUANTE | =============== \\ */ 1530 .menu-flutuante .header-fechar-menu{ 1531 display: none; 1532 } 1533 .menu-flutuante nav{ 1534 margin-bottom: 0rem; 1535 } 1536 .menu-flutuante .estilo-menu-1 a{ 1537 font-size: 0.8rem; 1538 } 1539 .menu-flutuante .estilo-menu-2 h2{ 1540 font-size: 1rem; 1541 } 1542 .menu-flutuante .estilo-menu-2 a{ 1543 font-size: 0.7rem; 1544 } 1545 1546 .menu-flutuante{ 1547 height: auto; 1548 top: 15%; 1549 } 1550 .menu-flutuante main{ 1551 width: 95%; 1552 height: auto; 1553 flex-wrap: nowrap; 1554 padding: 2rem; 1555 overflow-y: hidden; 1556 border-radius: 12px; 1557 box-shadow: 0px 8px 17px -17px; 1558 } 1559 .menu-flutuante nav:not(:last-child){ 1560 border-right: 1px solid #707070; 1561 } 1562 /* \\ ===================================================== // */ 1563 1564 1565 1566 1567} 1568/* \\ ====================================================================================================================================== // */ 1569 1570 1571/* // ============================================================= | 1200PX | ============================================================= \\ */ 1572@media (min-width: 1200px) { 1573 1574 /* // ================= | POST INTERNO | ================== \\ */ 1575 .post-interno h2{ 1576 font-size: 24px; 1577 } 1578 .informacoes-publicacao{ 1579 font-size: 12px; 1580 } 1581 /* \\ ===================================================== // */ 1582 1583 /* // ================== | MENU FLUTUANTE | =============== \\ */ 1584 .menu-flutuante .estilo-menu-1 a{ 1585 font-size: 0.9rem; 1586 } 1587 .menu-flutuante .estilo-menu-2 h2{ 1588 font-size: 1.1rem; 1589 } 1590 .menu-flutuante .estilo-menu-2 a{ 1591 font-size: 0.8rem; 1592 } 1593 1594 .menu-flutuante main{ 1595 width: 80%; 1596 } 1597 /* \\ ===================================================== // */ 1598 1599 /* // ===================== | TURISMOS | ================== \\ */ 1600 .turismos nav ul{ 1601 justify-content: space-between; 1602 } 1603 /* \\ ===================================================== // */ 1604 1605} 1606/* \\ ====================================================================================================================================== // */ 1607 1608 1609/* // ============================================================= | 1400PX | ============================================================= \\ */ 1610@media (min-width: 1400px) { 1611 1612 /* // ================= | POST INTERNO | ================== \\ */ 1613 .post-interno .noticia-relacionada h2{ 1614 font-size: 15px; 1615 } 1616 .post-interno .noticia-relacionada h5{ 1617 font-size: 1rem; 1618 } 1619 .post-interno .produto-video-principal{ 1620 height: 400px; 1621 } 1622 /* \\ ===================================================== // */ 1623 1624 /* // ================ | CONTAINER INTERNAS | ============= \\ */ 1625 .container-internas .titulo-menu-lateral{ 1626 font-size: 1.2rem; 1627 } 1628 /* \\ ===================================================== // */ 1629} 1630/* \\ ====================================================================================================================================== // */ 1631 1632/* // ============================================================= | 1600PX | ============================================================= \\ */ 1633@media (min-width: 1600px) { 1634 /* // ================ | CONTAINER INTERNAS | ============= \\ */ 1635 .container-internas > main{ 1636 max-width: 1000px; 1637 } 1638 /* \\ ===================================================== // */ 1639 1640 /* // ================= | POST INTERNO | ================== \\ */ 1641 .post-interno h1{ 1642 font-size: 48px; 1643 } 1644 .post-interno .produto-video-principal{ 1645 height: 500px; 1646 } 1647 /* \\ ===================================================== // */ 1648 1649} 1650/* \\ ====================================================================================================================================== // */ 1651</style> <!-- \\ ==================================== // --> 1652 1653 1654 1655</head> 1656<body> 1657 1658 1659 1660 <style> 1661 .easter-egg-estudio{ 1662 height: 100%; 1663 width: 100%; 1664 position: fixed; 1665 background: rgb(0, 0, 0, 0.9); 1666 z-index: 91000; 1667 } 1668 .easter-egg-estudio aside{ 1669 position: relative; 1670 } 1671 .easter-egg-estudio i{ 1672 position: absolute; 1673 right: 10%; 1674 top: 10%; 1675 font-size: 3rem; 1676 color: ; 1677 } 1678 .easter-egg-estudio a{ 1679 1680 animation: infinite; 1681 animation-iteration-count: 4; 1682 } 1683 /* keyframe para ajustar até onde treme */
1684 @keyframes tremer { 1685 0% {margin-left: 0;} 1686 25% {margin-left: 7px;} 1687 50% {margin-left: 0;} 1688 75% {margin-left: -7px;} 1689 100% {margin-left: 0;} 1690 } 1691</style> 1692<section class="easter-egg-estudio row m-0 align-content-center justify-content-center" style="display: none;"> 1693 <aside class="row m-0 align-content-center justify-content-center h-100 w-100"> 1694 <i class="fas fa-times-circle w-auto"></i> 1695 <a target="_blank" href="https://www.estudiosul.com.br/" class="col-8 col-md-5 col-lg-6 col-xxl-4"> 1696 <img src="https://www.urubici.sc.gov.br/images/logo-estudio-sul.svg" alt="Estúdio Sul, venha nos conhecer!"> 1697 </a> 1698 </aside> 1699</section>
1700<script> 1701 $(".easter-egg-estudio .fa-times-circle,.easter-egg-estudio a").click(function(){ 1702 $(".easter-egg-estudio").slideUp(300); 1703 }); 1704</script>
1704 1705<style type="text/css"> 1706 1707 body{ 1708 overflow-x: initial !important; 1709 } 1710 1711 header#header_supreme{ 1712 background: #004a9d; 1713 z-index: 1030; 1714 1715 position: sticky; 1716 top: 0; 1717 } 1718 header#header_supreme .nav-link{ 1719 font-size: 0.70rem; 1720 padding: .2rem .2rem; 1721 color: white; 1722 transition: 0.3s; 1723 font-weight: 400; 1724 text-transform: uppercase; 1725 font-family: 'Gotham-Book', 'Montserrat', sans-serif; 1726 } 1727 1728 header#header_supreme .nav-link:hover{ 1729 color: #FF7800 !important; 1730 } 1731 .espacamento-menu{ 1732 white-space: nowrap; 1733 } 1734 1735 1736 1737 header#header_supreme .nav-link:hover, 1738 header#header_supreme .nav-link:focus, 1739 header#header_supreme .nav-link:active{ 1740 transition: 0.3s; 1741 } 1742 1743 .redes-sociais a { 1744 height: 40px; 1745 width: 40px; 1746 border-radius: 40px; 1747 color: white; 1748 display: flex; 1749 text-align: center; 1750 align-items: center; 1751 justify-content: center; 1752 font-size: 1rem; 1753 color: white; 1754 background: linear-gradient(90deg,#023994,#04307A); ; 1755 } 1756 header#header_supreme .redes-sociais{ 1757 border-radius: 4px; 1758 height: auto; 1759 } 1760 1761 1762 header#header_supreme .dropdown:hover .dropdown-menu { 1763 display: block; 1764 position: absolute; 1765 transform: translate3d(5px, 50px, 0px); /* distancia entre menu e btn */ 1766 top: 0; 1767 left: auto; 1768 will-change: transform; 1769 } 1770 header#header_supreme .dropdown { 1771 display: inline-block; /* deixa o LO do "tamanho do próprio texto" e não da largura inteira da tela*/ 1772 list-style: none; /* rita a "bolinha" do LI*/ 1773 } 1774 1775 header#header_supreme .dropdown-menu{ 1776 right: 0; 1777 left: auto; 1778 } 1779 1780 1781 header#header_supreme{ 1782 transition: 0.3s; 1783 } 1784 1785 1786 .navbar-nav .nav-link{ 1787 color: #FFF;re 1788 } 1789 1790 1791 header#header_supreme .navbar-toggler{ 1792 background: #FF7800; 1793 color: white; 1794 } 1795 1796 /* // ============================================================= | 576 PX | ============================================================= \\ */ 1797 @media (min-width: 576px) { 1798 1799 } 1800 /* \\ ====================================================================================================================================== // */ 1801 1802 1803 /* // ============================================================= | 768 PX | ============================================================= \\ */ 1804 @media (min-width: 768px) { 1805 1806 } 1807 /* \\ ====================================================================================================================================== // */ 1808 1809 1810 /* // ============================================================= | 992 PX | ============================================================= \\ */ 1811 @media (min-width: 992px) { 1812 1813 1814 1815 1816 } 1817 /* \\ ====================================================================================================================================== // */ 1818 1819 1820 /* // ============================================================= | 1200PX | ============================================================= \\ */ 1821 @media (min-width: 1200px) { 1822 1823 header#header_supreme .nav-link{ 1824 font-size: 0.85vw; 1825 } 1826 1827 } 1828 /* \\ ====================================================================================================================================== // */ 1829 1830 1831 /* // ============================================================= | 1400PX | ============================================================= \\ */ 1832 @media (min-width: 1400px) { 1833 1834 1835 } 1836 /* \\ ====================================================================================================================================== // */ 1837 1838 /* // ============================================================= | 1600PX | ============================================================= \\ */ 1839 @media (min-width: 1600px) { 1840 1841 } 1842 /* \\ ====================================================================================================================================== // */ 1843 1844 1845 1846 @media (max-width: 991px) { 1847 .chamar-busca-header-mobile i{ 1848 color: black; 1849 } 1850 header#header_supreme div.header-menu{ 1851 position: fixed; 1852 padding: 25px; 1853 top: 0; 1854 height: 100%; 1855 background: #004a9d; 1856 z-index: 2; 1857 left: -100%; 1858 } 1859 header#header_supreme div.header-menu .nav-link{ 1860 font-size: 1rem; 1861 margin-bottom: 5px; 1862 color: white; 1863 font-family: 'Gotham-Bold'; 1864 } 1865 1866 1867 header#header_supreme span{ 1868 color: ; 1869 } 1870 1871 header#header_supreme nav.navbar { 1872 padding-left:5%; 1873 padding-right:5%; 1874 } 1875 .redes-sociais a{ 1876 background: #F27A06; 1877 } 1878 header#header_supreme .fa-times-circle{ 1879 font-size: 2rem; 1880 color: white; 1881 } 1882 } 1883 1884</style> 1885 1886<!-- // ========================== | HEADER SUPREME | ===================== \\ --> 1887<header id="header_supreme" class="col-12 m-0 p-0 row justify-content-center fixed-top"> 1888 <section class="row m-0 p-0 py-1 px-lg-3 justify-content-center"> 1889 <nav class="navbar navbar-expand-lg row m-0 col-12 p-0"> 1890 <div class="col-12 m-0 p-0 justify-content-between row"> 1891 <!-- // =========== | BOTÃES LEFT | =========== \\ --> 1892 <button class="col-2 col-md-1 me-3 text-center p-0 order-1 text-start navbar-toggler" type="button" > 1893 <i class="fas fa-bars text-azul"></i> 1894 </button> 1895 <a class="navbar-brand col-4 col-sm-3 col-md-2 m-0 px p-lg-3" href="https://www.urubici.sc.gov.br/"> 1896 <img src="https://www.urubici.sc.gov.br/images/logopref.webp" class="w-100 ml-3 ml-lg-0" alt="Logo Prefeitura de Urubici"> 1897 </a> 1898 <!-- \\ ======================================== // --> 1899 <div class="header-menu navbar-menu col-lg-10 col-xxl-9 justify-content-center row m-0 p-4 p-lg-0 align-content-start align-content-lg-center" id=""> 1900 <ul class="navbar-nav col-12 p-0 justify-content-between"> 1901 <li class="nav-item row m-0 align-content-center text-end d-lg-none"> 1902 <i class="fas fa-times-circle header-principal pt-3"></i> 1903 </li> 1904 <li class="nav-item row m-0 align-content-center"> 1905 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0" href="https://www.urubici.sc.gov.br/">InÃcio</a> 1906 </li> 1907 <li class="nav-item row m-0 align-content-center justify-content-center chama-menu"> 1908 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-municipio">O MunicÃpio â¾</a> 1909 <!-- // ============================== | MENU - MUNICÃPIO | ============================== \\ --> 1910<section id="menu-municipio" class="menu-flutuante" style="display: none;"> 1911 <main> 1912 <div class="header-fechar-menu"> 1913 <i class="fas fa-times-circle"></i> 1914</div> <nav class="col-lg-3 estilo-menu-1"> 1915 <ul> 1916 <li><a href="https://www.urubici.sc.gov.br/historia-do-municipio">História do MunicÃpio</a></li> 1917 <li><a href="https://www.urubici.sc.gov.br/dados-do-municipio">Dados do MunicÃpio</a></li> 1918 <li><a href="https://www.urubici.sc.gov.br/simbolos-do-municipio">SÃmbolos do MunicÃpio</a></li> 1919 <li><a href="https://www.urubici.sc.gov.br/404">Projetos</a></li> 1920 </ul> 1921 </nav> 1922 <nav class="col-lg-3 estilo-menu-2"> 1923 <ul> 1924 <li><h2>Atrações TurÃsticas</h2></li> 1925 <li><a href="https://www.urubici.sc.gov.br/turismos/5/agencias">Agências</a></li> 1926 <li><a href="https://www.urubici.sc.gov.br/turismos/1/atrativos">Atrativos</a></li> 1927 <li><a href="https://www.urubici.sc.gov.br/turismos/3/gastronomia">Gastronomia</a></li> 1928 <li><a href="https://www.urubici.sc.gov.br/turismos/7/guias-de-turismo">Guias de Turismo</a></li> 1929 <li><a href="https://www.urubici.sc.gov.br/turismos/4/hospedagem">Hospedagem</a></li> 1930 <li><a href="https://www.urubici.sc.gov.br/turismos/2/lazer">Lazer</a></li> 1931 <li><a href="https://www.urubici.sc.gov.br/turismos/6/mapa-turistico">Mapa TurÃstico</a></li> 1932 </ul> 1933 </nav> 1934 <nav class="col-lg-3 estilo-menu-2"> 1935 <ul> 1936 <li><h2>Serviços</h2></li> 1937 <li><a href="https://www.urubici.sc.gov.br/carta-de-servicos">Carta de Serviços</a></li> 1938 </ul> 1939 </nav> 1940 <nav class="col-lg-3"> 1941 <style> 1942.img-shadow { 1943 filter: brightness(0.8); 1944} 1945</style> 1946 1947<div class="horario-de-atendimento row m-0 align-content-center justify-content-center"> 1948 <a class="col-4" href="https://www.urubici.sc.gov.br/"> 1949 <img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow w-100 mb-3" alt="Horário de atendimento Urubici!"> 1950 </a> 1951 <a href=""> 1952 (49) 3191 3069 <br> 1953 <b>Horário de Atendimento</b> <br> 1954 Segunda a sexta-feira <br> 1955 12h à s 18h 1956 </a> 1957</div> </nav> 1958 </main> 1959</section> 1960<!-- \\ ================================================================================== // --> </li> 1961 <li class="nav-item row m-0 align-content-center justify-content-center chama-menu"> 1962 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-departamento">Departamentos â¾</a> 1963 <!-- // ============================== | MENU - MUNICÃPIO | ============================== \\ --> 1964<section id="menu-departamento" class="menu-flutuante" style="display: none;"> 1965 <main> 1966 <div class="header-fechar-menu"> 1967 <i class="fas fa-times-circle"></i> 1968</div> <nav class="col-lg-4 estilo-menu-1"> 1969 <ul> 1970 <li><a href="https://www.urubici.sc.gov.br/estrutura-organizacional">Estrutura Organizacional</a></li> 1971 <li><a href="https://www.urubici.sc.gov.br/secretaria/35/gabinete-do-prefeito">Gabinete do Prefeito</a></li> 1972 </ul> 1973 </nav> 1974 <nav class="col-lg-4 estilo-menu-2"> 1975 <ul> 1976 <li><h2>SECRETARIAS</h2></li> 1977 <li><a href="https://www.urubici.sc.gov.br/secretaria/43/controladoria-geral">CONTROLADORIA GERAL</a></li> 1978 <li><a href="https://www.urubici.sc.gov.br/secretaria/40/gabinete-do-prefeito">GABINETE DO PREFEITO</a></li> 1979 <li><a href="https://www.urubici.sc.gov.br/secretaria/41/gabinete-do-vice-prefeito">GABINETE DO VICE-PREFEITO</a></li> 1980 <li><a href="https://www.urubici.sc.gov.br/secretaria/42/procuradoria-geral">PROCURADORIA GERAL</a></li> 1981 <li><a href="https://www.urubici.sc.gov.br/secretaria/44/secretaria-de-administracao-e-mobilidade-urbana">SECRETARIA DE ADMINISTRAÃÃO E MOBILIDADE URBANA</a></li> 1982 <li><a href="https://www.urubici.sc.gov.br/secretaria/55/secretaria-de-agricultura">SECRETARIA DE AGRICULTURA</a></li> 1983 <li><a href="https://www.urubici.sc.gov.br/secretaria/54/secretaria-de-comunicacao-e-inovacao">SECRETARIA DE COMUNICAÃÃO E INOVAÃÃO</a></li> 1984 <li><a href="https://www.urubici.sc.gov.br/secretaria/50/secretaria-de-desenvolvimento-e-assistencia-social">SECRETARIA DE DESENVOLVIMENTO E ASSISTÃNCIA SOCIAL</a></li> 1985 <li><a href="https://www.urubici.sc.gov.br/secretaria/48/secretaria-de-educacao">SECRETARIA DE EDUCAÃÃO</a></li> 1986 <li><a href="https://www.urubici.sc.gov.br/secretaria/52/secretaria-de-meio-ambiente-desenvolvimento-sustentavel-e-saneamento-basico">
1986SECRETARIA DE MEIO AMBIENTE, DESENVOLVIMENTO SUSTENTÃVEL E SANEAMENTO BÃSICO</a></li> 1987 <li><a href="https://www.urubici.sc.gov.br/secretaria/46/secretaria-de-obras-e-defesa-civil">SECRETARIA DE OBRAS E DEFESA CIVIL</a></li> 1988 <li><a href="https://www.urubici.sc.gov.br/secretaria/45/secretaria-de-planejamento-fazenda-e-desenvolvimento-economico">SECRETARIA DE PLANEJAMENTO, FAZENDA E DESENVOLVIMENTO ECONÃMICO</a></li> 1989 <li><a href="https://www.urubici.sc.gov.br/secretaria/49/secretaria-de-saude">SECRETARIA DE SAÃDE</a></li> 1990 <li><a href="https://www.urubici.sc.gov.br/secretaria/53/secretaria-de-turismo-cultura-esporte-e-lazer">SECRETARIA DE TURISMO, CULTURA, ESPORTE E LAZER</a></li> 1991 </ul> 1992 </nav> 1993 <nav class="col-lg-4 estilo-menu-2"> 1994 <ul> 1995 <li><h2>CONSELHOS MUNICIPAIS</h2></li> 1996 <li><a href="https://www.urubici.sc.gov.br/secretaria/57/conselho-municipal-da-saude">CONSELHO MUNICIPAL DA SAÃDE</a></li> 1997 <li><a href="https://www.urubici.sc.gov.br/secretaria/59/conselho-municipal-de-assistencia-social">CONSELHO MUNICIPAL DE ASSISTÃNCIA SOCIAL</a></li> 1998 <li><a href="https://www.urubici.sc.gov.br/secretaria/56/conselho-municipal-de-turismo-comtur">CONSELHO MUNICIPAL DE TURISMO - COMTUR</a></li> 1999 <li><a href="https://www.urubici.sc.gov.br/secretaria/58/conselho-municipal-dos-direitos-da-crianca-e-adolescente">CONSELHO MUNICIPAL DOS DIREITOS DA CRIANÃA E ADOLESCENTE</a></li> 2000 </ul> 2001 </nav> 2002 </main> 2003</section> 2004<!-- \\ ================================================================================== // --> </li> 2005 <li class="nav-item row m-0 align-content-center justify-content-center chama-menu"> 2006 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-informativo">Informativos â¾</a> 2007 <!-- // ============================== | MENU - MUNICÃPIO | ============================== \\ --> 2008<section id="menu-informativo" class="menu-flutuante" style="display: none;"> 2009 <main> 2010 <div class="header-fechar-menu"> 2011 <i class="fas fa-times-circle"></i> 2012</div> <nav class="col-lg-4 estilo-menu-1"> 2013 <ul> 2014 <li><a href="https://www.urubici.sc.gov.br/noticias">NotÃcias</a></li> 2015 <li><a href="https://www.urubici.sc.gov.br/links-uteis">Links Ãteis</a></li> 2016 </ul> 2017 </nav> 2018 <nav class="col-lg-4 estilo-menu-2"> 2019 <ul> 2020 <li><h2>MultimÃdia</h2></li> 2021 <li><a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a></li> 2022 <!-- <li><a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de VÃdeos</a></li> --> 2023 <!-- <li><a href="https://www.urubici.sc.gov.br/audios">Ãudios</a></li> --> 2024 </ul> 2025 </nav> 2026 <nav class="col-lg-4"> 2027 <style> 2028.img-shadow { 2029 filter: brightness(0.8); 2030} 2031</style> 2032 2033<div class="horario-de-atendimento row m-0 align-content-center justify-content-center"> 2034 <a class="col-4" href="https://www.urubici.sc.gov.br/"> 2035 <img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow w-100 mb-3" alt="Horário de atendimento Urubici!"> 2036 </a> 2037 <a href=""> 2038 (49) 3191 3069 <br> 2039 <b>Horário de Atendimento</b> <br> 2040 Segunda a sexta-feira <br> 2041 12h à s 18h 2042 </a> 2043</div> </nav> 2044 </main> 2045</section> 2046<!-- \\ ================================================================================== // --> </li> 2047 <li class="nav-item row m-0 align-content-center justify-content-center chama-menu"> 2048 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" href="#" data-menu="menu-publicacoes-oficiais">Publicações Oficiais â¾</a> 2049 <!-- // ============================== | MENU - MUNICÃPIO | ============================== \\ --> 2050<section id="menu-publicacoes-oficiais" class="menu-flutuante" style="display: none;"> 2051 <main> 2052 <div class="header-fechar-menu"> 2053 <i class="fas fa-times-circle"></i> 2054</div> <nav class="col-lg-3 estilo-menu-2"> 2055 <ul> 2056 <li><h2>Licitações</h2></li> 2057 <li><a href="https://www.urubici.sc.gov.br/licitacoes/12/adesao-a-ata-de-registro-de-precos">Adesão à Ata de Registro de Preços</a></li> 2058 <li><a href="https://www.urubici.sc.gov.br/licitacoes/1/chamada-publica">Chamada Pública</a></li> 2059 <li><a href="https://www.urubici.sc.gov.br/licitacoes/2/chamamento-de-interessados">Chamamento de Interessados</a></li> 2060 <li><a href="https://www.urubici.sc.gov.br/licitacoes/11/concorrencia-eletronica">Concorrência Eletrônica</a></li> 2061 <li><a href="https://www.urubici.sc.gov.br/licitacoes/3/concorrencia-publica">Concorrência Pública</a></li> 2062 <li><a href="https://www.urubici.sc.gov.br/licitacoes/4/convite">
2062Convite</a></li> 2063 <li><a href="https://www.urubici.sc.gov.br/licitacoes/5/dispensa-de-licitacao">Dispensa de Licitação</a></li> 2064 <li><a href="https://www.urubici.sc.gov.br/licitacoes/14/fiscal-de-contrato">Fiscal de Contrato</a></li> 2065 <li><a href="https://www.urubici.sc.gov.br/licitacoes/6/inexigibilidade">Inexigibilidade</a></li> 2066 <li><a href="https://www.urubici.sc.gov.br/licitacoes/7/leilao">Leilão</a></li> 2067 <li><a href="https://www.urubici.sc.gov.br/licitacoes/13/plano-de-contratacoes-anual">Plano de Contratações Anual</a></li> 2068 <li><a href="https://www.urubici.sc.gov.br/licitacoes/8/pregao-eletronico">Pregão Eletrônico</a></li> 2069 <li><a href="https://www.urubici.sc.gov.br/licitacoes/9/pregao-presencial">Pregão Presencial</a></li> 2070 <li><a href="https://www.urubici.sc.gov.br/licitacoes/10/tomada-de-preco">Tomada de Preço</a></li> 2071 </ul> 2072 </nav> 2073 <nav class="col-lg-3 estilo-menu-2"> 2074 <ul> 2075 <li><h2>Editais</h2></li> 2076 <li><a href="https://www.urubici.sc.gov.br/concursos/6/chamamento-publico">Chamamento Público</a></li> 2077 <li><a href="https://www.urubici.sc.gov.br/concursos/1/concurso">Concurso</a></li> 2078 <li><a href="https://www.urubici.sc.gov.br/concursos/3/convocacao">Convocação</a></li> 2079 <li><a href="https://www.urubici.sc.gov.br/concursos/4/eleicoes-conselho-tutelar">Eleições Conselho Tutelar</a></li> 2080 <li><a href="https://www.urubici.sc.gov.br/concursos/5/processo-seletivo">Processo Seletivo</a></li> 2081 </ul> 2082 </nav> 2083 <nav class="col-lg-3 estilo-menu-2"> 2084 <ul> 2085 <li><h2>Legislação</h2></li> 2086 <li> 2087 <a 2088 href="https://www.urubici.sc.gov.br/leis/18/" 2089 2090 > 2091 2092 </a> 2093 </li> 2094 <li> 2095 <a 2096 href="https://www.urubici.sc.gov.br/leis/12/aditivos" 2097 2098 > 2099 Aditivos 2100 </a> 2101 </li> 2102 <li> 2103 <a 2104 href="https://www.urubici.sc.gov.br/leis/11/contratos-e-convenios" 2105 2106 > 2107 Contratos e Convênios 2108 </a> 2109 </li> 2110 <li> 2111 <a 2112 href="https://www.urubici.sc.gov.br/leis/7/decretos" 2113 2114 > 2115 Decretos 2116 </a> 2117 </li> 2118 <li> 2119 <a 2120 href="https://www.urubici.sc.gov.br/leis/2/estagio" 2121 2122 > 2123 Estágio 2124 </a> 2125 </li> 2126 <li> 2127 <a 2128 href="https://www.urubici.sc.gov.br/leis/8/lei-organica" 2129 2130 > 2131 Lei Orgânica 2132 </a> 2133 </li> 2134 <li> 2135 <a 2136 href="https://leismunicipais.com.br/prefeitura/sc/urubici" target="_blank" 2137 2138 > 2139 Leis 2140 </a> 2141 </li> 2142 <li> 2143 <a 2144 href="https://www.urubici.sc.gov.br/leis/16/leis-e-anexos" 2145 2146 > 2147 Leis e Anexos 2148 </a> 2149 </li> 2150 <li> 2151 <a 2152 href="https://www.urubici.sc.gov.br/leis/19/loa-lei-ordinaria-2-8772024-exercicio-2025" 2153 2154 > 2155 LOA - Lei-ordinaria-2.877/2024 - EXERCÃCIO 2025 2156 </a> 2157 </li> 2158 <li> 2159 <a 2160 href="https://www.urubici.sc.gov.br/leis/1/parcerias" 2161 2162 > 2163 Parcerias 2164 </a> 2165 </li> 2166 <li> 2167 <a 2168 href="https://www.urubici.sc.gov.br/leis/3/plano-de-cargos-e-carreiras" 2169 2170 > 2171 Plano de Cargos e Carreiras 2172 </a> 2173 </li> 2174 <li> 2175 <a 2176 href="https://www.urubici.sc.gov.br/leis/14/plano-municipal-de-educacao" 2177 2178 > 2179 Plano Municipal de Educação 2180 </a> 2181 </li> 2182 <li> 2183 <a 2184 href="https://www.urubici.sc.gov.br/leis/13/plano-municipal-de-saude" 2185 2186 > 2187 Plano Municipal de Saúde 2188 </a> 2189 </li> 2190 <li> 2191 <a 2192 href="https://www.urubici.sc.gov.br/leis/9/plano-plurianual" 2193 2194 > 2195 Plano Plurianual 2196 </a> 2197 </li> 2198 <li> 2199 <a 2200 href="https://www.urubici.sc.gov.br/leis/4/portaria" 2201 2202 > 2203 Portaria 2204 </a> 2205 </li> 2206 <li> 2207 <a 2208 href="https://www.urubici.sc.gov.br/leis/15/relatorio-de-gestao-municipal" 2209 2210 > 2211 RELATÃRIO DE GESTÃO MUNICIPAL 2212 </a> 2213 </li> 2214 <li> 2215 <a 2216 href="https://www.urubici.sc.gov.br/leis/17/relatorio-de-gestao-municipal-marco-2023-fms" 2217 2218 > 2219 Relatório de Gestão Municipal - Março 2023-FMS 2220 </a> 2221 </li> 2222 <li> 2223 <a 2224 href="https://www.urubici.sc.gov.br/leis/5/resolucoes" 2225 2226 > 2227 Resoluções 2228 </a> 2229 </li> 2230 </ul> 2231 </nav> 2232 <nav class="col-lg-3 estilo-menu-1"> 2233 <ul> 2234 <li><a href="https://www.urubici.sc.gov.br/diario-oficial">Diário Oficial</a></li> 2235 <li><a href="https://www.urubici.sc.gov.br/empresas-com-sancoes-administrativas">Empresas com Sanções Administrativas</a></li> 2236 </ul> 2237 </nav> 2238 </main> 2239</section> 2240<!-- \\ ================================================================================== // --> </li> 2241 <li class="nav-item row m-0 align-content-center"> 2242 <div class="dropdown p-0"> 2243 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" type="button" id="transparencia" data-bs-toggle="dropdown" aria-expanded="false"> 2244 Transparência â¾ 2245 </a> 2246 <ul class="dropdown-menu" aria-labelledby="transparencia"> 2247 <li><a class="dropdown-item" href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" target="_blank">Portal Transparência de Urubici</a></li> 2248 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/contas-publicas">Contas Públicas</a></li> 2249 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/lista-de-espera-do-sus">Lista de espera do SUS</a></li> 2250 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/carta-de-servicos">Carta de Serviços</a></li> 2251 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/perguntas-frequentes">Perguntas Frequentes</a></li> 2252 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/acesso-a-informacao">Acesso à Informação</a></li> 2253 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/e-sic-pedido-de-informacoes">e-SIC - Pedido de informações</a></li> 2254 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/politica-de-privacidade">PolÃtica de Privacidade</a></li> 2255 </ul> 2256 </div> 2257 </li> 2258 <li class="nav-item row m-0 align-content-center"> 2259 <div class="dropdown p-0"> 2260 <a class="nav-link ps-2 px-lg-2 py-lg-4 mb-2 mb-lg-0 espacamento-menu" type="button" id="contato" data-bs-toggle="dropdown" aria-expanded="false"> 2261 Contato â¾ 2262 </a> 2263 <ul class="dropdown-menu" aria-labelledby="contato"> 2264 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/telefones-e-enderecos">Telefones e Endereços</a></li> 2265 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/contato">Fale Conosco</a></li> 2266 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/ouvidoria">Ouvidoria</a></li> 2267 <li><a class="dropdown-item" href="https://www.urubici.sc.gov.br/secretaria/35/gabinete-do-prefeito?id_setor=30#setores">Assesoria de Comunicação</a></li> 2268 </ul> 2269 </div> 2270 </li> 2271 2272 </ul> 2273 </div> 2274 </div> 2275 </nav> 2276 </section> 2277</header> 2278<!-- \\ =================================================================== // --> 2279 2280 2281
2282<script> 2283 // // ============= | CONTROLLER MENU | ============= \\ 2284 2285 2286 2287 if(screen.width >= 992){ 2288 $(".chama-menu").hover(function(){ 2289 if(screen.width >= 992){ 2290 $(".menu-flutuante").css("top", ($(this).position().top+50)+"px"); 2291 } 2292 $("#"+$(this).children("a").data("menu")).fadeIn(10); 2293 }, 2294 function(){ 2295 $("#"+$(this).children("a").data("menu")).fadeOut(10); 2296 }); 2297 }else{ 2298 2299 2300 $(".chama-menu > a").click(function(){ 2301 $("#"+$(this).data("menu")).fadeIn(10); 2302 }); 2303 } 2304 2305 2306 $(".header-fechar-menu").click(function(){ 2307 $(".menu-flutuante").fadeOut(150); 2308 }); 2309 2310 // \\ =============================================== // 2311</script>
2311 2312 2313 2314 2315
2316<script type="text/javascript"> 2317 2318 // // ============= | CONTROLLER MENU | ============= \\ 2319 $("header .fa-times-circle.header-principal").click(function(){ 2320 // // == animation == \\ 2321 $("header .navbar-menu").animate({ 2322 left: '0', 2323 }, 0); 2324 $("header .navbar-menu").animate({ 2325 left: '-100%', 2326 }, 450); 2327 // \\ =============== // 2328 setTimeout(function(){ 2329 $("header .navbar-menu").removeClass("show"); 2330 }, 450); 2331 2332 }); 2333 $("header .navbar-toggler").click(function(){ 2334 $("header .navbar-menu").addClass("show"); 2335 // // == animation == \\ 2336 $("header .navbar-menu").animate({ 2337 left: '-100%', 2338 }, 0); 2339 $("header .navbar-menu").animate({ 2340 left: '0', 2341 }, 450); 2342 // \\ =============== // 2343 }); 2344 // \\ =============================================== // 2345 2346 2347 // // ============= | MUDAR HEADER | ================ \\ 2348 /* 2349 $(document).ready(function(){ 2350 var valor_distancia_para_mudar = 50; 2351 2352 $(window).scroll(function () { 2353 2354 if($(this).scrollTop() > valor_distancia_para_mudar){ 2355 $("#header_supreme").css('transition', '0.3s'); 2356 $("#header_supreme").css('background-color', 'rgb(0,0,0,0.6)'); 2357 $("#header_supreme section").removeClass('py-lg-3'); 2358 $("#header_supreme section").addClass('py-lg-1'); 2359 }else{ 2360 $("#header_supreme").css('transition', '0.3s'); 2361 $("#header_supreme").css('background-color', 'transparent'); 2362 $("#header_supreme section").addClass('py-lg-3'); 2363 $("#header_supreme section").removeClass('py-lg-1'); 2364 } 2365 2366 }); 2367 }); 2368 */ 2369 // \\ =============================================== // 2370 2371</script>
2371 2372 2373
2374<script type="text/javascript"> 2375 2376 // função que pega a altura do header e coloca no main para dar o espaçamento correto ------------------------------------ \\ 2377 /* 2378 function ajustar_main(){ 2379 if(screen.width < 992){ 2380 height_header_supreme = $("#header_supreme").outerHeight(); 2381 document.getElementById("main_supreme").setAttribute("style", " margin-top:" + height_header_supreme + 2382 "px !important;"); 2383 } 2384 } 2385 */ 2386 2387 document.body.onresize = function () { 2388 // // ========== | Sà AJUSTA CASO FOR MOBILE | ========== \\ 2389 ajustar_main(); 2390 // \\ =================================================== // 2391 }; 2392 2393 // executa a função ajudar main acima assim que a tela carregar ---------------------------------------------------------- \\ 2394 $(document).ready(function(){ 2395 2396 ajustar_main(); 2397 2398 2399 var recaptcha = document.forms["id_form"]["g-recaptcha-response"]; 2400 recaptcha.required = true; 2401 recaptcha.oninvalid = function(e) { 2402 // fazer algo, no caso to dando um alert 2403 Swal.fire({ 2404 icon: 'error', 2405 title: 'Oops...', 2406 text: 'Não esqueça de marcar o captcha!', 2407 footer: '' 2408 }) 2409 2410 } 2411 }); 2412 2413</script>
2413 2414 2415 2416 2417 2418 2419 2420 2421 2422<main id="main_supreme" class="m-0 p-0 justify-content-center row col-12 w-100 no-overflow"> 2423 2424 2425<style> 2426 /* // ==== | ANCORAS | === \\ */ 2427 .whatsapp-flutuante{ 2428 position: fixed; 2429 left: 3%; 2430 bottom: 20.4%; 2431 width: auto; 2432 height: 0; 2433 z-index: 9; 2434 } 2435 2436 .whatsapp-flutuante a, 2437 .whatsapp-flutuante div{ 2438 background: #25D366; 2439 border-radius: 100%; 2440 width: 50px; 2441 height: 50px; 2442 padding: 23% !important; 2443 cursor: pointer; 2444 font-size: 1.7rem; 2445 } 2446 2447 /* \\ ============================ // */ 2448 2449 2450 2451 @media (min-width: 768px) { 2452 .whatsapp-flutuante{ 2453 position: fixed; 2454 right: 1%; 2455 left: auto; 2456 bottom: 25%; 2457 width: auto; 2458 height: 0; 2459 z-index: 9; 2460 } 2461 2462 } 2463</style> 2464 2465 2466 2467<!-- // ===================== | WHATS | ====================== \\ 2468<div class="whatsapp-flutuante m-0 p-0 row align-content-end w-auto"> 2469 <aside class="w-auto p-0"> 2470 2471 <a target="_blank" href="https://api.whatsapp.com/send?phone= &text=Olá estou acessando seu site e gostaria de solicitar algumas informações.&source=&data=" class="col-12 m-0 p-1 row justify-content-center align-content-center" style="padding:0 !important"> 2472 <i class="p-0 fab fa-whatsapp text-white text-center" aria-hidden="true"></i> 2473 </a> 2474 2475 </aside> 2476</div> 2477\\ ====================================================== // --> 2478 2479 2480 2481 2482 2483 2484 2485 2486<style> 2487 /* // ================== | HEADER INTERNAS | ============== \\ */ 2488 .header-internas{ 2489 height: 500px; 2490 background-size: cover; 2491 background-position: center; 2492 background-blend-mode: multiply; 2493 background-color: #737373; 2494 padding: 2rem; 2495 flex-wrap: wrap; 2496 } 2497 .header-internas header > h2{ 2498 color: #FBB611; 2499 font-family: 'Gotham-Book', 'Montserrat', sans-serif; 2500 text-transform: uppercase; 2501 padding: 0; 2502 font-size: 1rem; 2503 font-weight: normal; 2504 } 2505 .header-internas h1{ 2506 color: white; 2507 font-weight: normal; 2508 text-transform: uppercase; 2509 font-size: 2rem; 2510 margin-bottom: 1rem; 2511 padding: 0; 2512 } 2513 .header-internas header{ 2514 display: flex; 2515 flex-wrap: wrap; 2516 align-items: end; 2517 } 2518 /* \\ ===================================================== // */ 2519 2520 /* // ============================================================= | 576 PX | ============================================================= \\ */ 2521 @media (min-width: 576px) { 2522 } 2523 /* \\ ====================================================================================================================================== // */ 2524 2525 2526 /* // ============================================================= | 768 PX | ============================================================= \\ */ 2527 @media (min-width: 768px) { 2528 2529 } 2530 /* \\ ====================================================================================================================================== // */ 2531 2532 2533 /* // ============================================================= | 992 PX | ============================================================= \\ */ 2534 @media (min-width: 992px) { 2535 .header-internas{ 2536 padding: 3rem; 2537 } 2538 .header-internas h1{ 2539 margin-bottom: 0rem; 2540 } 2541 .header-internas{ 2542 display: flex; 2543 flex-wrap: nowrap; 2544 height: 400px; 2545 } 2546 2547 .header-internas h2{ 2548 font-size: 1vw; 2549 } 2550 .header-internas h1{ 2551 font-size: 2.8vw; 2552 line-height: 2.4vw; 2553 letter-spacing: -0.1vw; 2554 } 2555 .header-internas header{ 2556 max-width: 65%; 2557 } 2558 } 2559 /* \\ ====================================================================================================================================== // */ 2560 2561 2562 /* // ============================================================= | 1200PX | ============================================================= \\ */ 2563 @media (min-width: 1200px) { 2564 2565 } 2566 /* \\ ====================================================================================================================================== // */ 2567 2568 2569 /* // ============================================================= | 1400PX | ============================================================= \\ */ 2570 @media (min-width: 1400px) { 2571 2572 } 2573 /* \\ ====================================================================================================================================== // */ 2574 2575 /* // ============================================================= | 1600PX | ============================================================= \\ */ 2576 @media (min-width: 1600px) { 2577 2578 } 2579 /* \\ ====================================================================================================================================== // */ 2580</style> 2581<section class="d-flex m-0 header-internas align-content-center align-content-lg-end justify-content-lg-between" style="background-image: url('https://www.urubici.sc.gov.br/images/header-internas/topo-municipio.webp');"> 2582 <header class="row m-0 align-content-end"> 2583 <h2>INÃCIO / O MunicÃpio</h2> 2584 <h1>SÃmbolos do MunicÃpio</h1> 2585 </header> 2586 <style> 2587 /* // ================== | HEADER INTERNAS | ============== \\ */ 2588 .busca-header{ 2589 width: 100%; 2590 display: flex; 2591 align-content: flex-end; 2592 flex-wrap: wrap; 2593 } 2594 .busca-header form{ 2595 background: white; 2596 border-radius: 12px; 2597 display: flex; 2598 flex-wrap: wrap; 2599 align-items: center; 2600 padding: 1.4rem; 2601 width: 100%; 2602 justify-content: center; 2603 } 2604 .busca-header h2{ 2605 color: #FBB611; 2606 font-size: 1.5rem; 2607 font-weight: normal; 2608 } 2609 .busca-header .separador{ 2610 height: 35px; 2611 background: #928283; 2612 width: 1px; 2613 margin: 0rem 1rem 0rem 1rem; 2614 display: none; 2615 } 2616 .busca-header div{ 2617 width: 100%; 2618 text-align: center; 2619 justify-content: center; 2620 } 2621 .busca-header input{ 2622 width: 75%; 2623 border: 0; 2624 height: 45px; 2625 } 2626 .busca-header button{ 2627 background: transparent; 2628 border: 0; 2629 box-shadow: 0; 2630 height: 45px; 2631 width: 45px; 2632 background: #FBB611; 2633 border-radius: 100px; 2634 } 2635 .busca-header nav ul{ 2636 list-style: none; 2637 display: flex; 2638 flex-wrap: wrap; 2639 justify-content: space-between; 2640 padding: 0; 2641 margin-bottom: 0.4rem; 2642 padding: 0rem 0.5rem; 2643 } 2644 .busca-header nav a{ 2645 font-size: 0.85rem; 2646 color: white; 2647 padding: 0rem 0.8rem; 2648 text-transform: uppercase; 2649 font-family: 'Gotham-Medium'; 2650 transition: 0.3s; 2651 } 2652 .busca-header nav a:hover{ 2653 transform: scale(1.05); 2654 transition: 0.3s; 2655 } 2656 .busca-header nav{ 2657 width: 100%; 2658 } 2659 /* \\ ===================================================== // */ 2660 2661 /* // ============================================================= | 576 PX | ============================================================= \\ */ 2662 @media (min-width: 576px) { 2663 } 2664 /* \\ ====================================================================================================================================== // */ 2665 2666 2667 /* // ============================================================= | 768 PX | ============================================================= \\ */ 2668 @media (min-width: 768px) { 2669 2670 } 2671 /* \\ ====================================================================================================================================== // */ 2672 2673 2674 /* // ============================================================= | 992 PX | ============================================================= \\ */ 2675 @media (min-width: 992px) { 2676 2677 .busca-header .separador{ 2678 display: block; 2679 } 2680 .busca-header h2{ 2681 font-size: 1.5vw; 2682 margin: 0; 2683 } 2684 .busca-header form{ 2685 padding: 1rem; 2686 flex-wrap: nowrap; 2687 justify-content: space-between; 2688 } 2689 .busca-header div{ 2690 width: 40%; 2691 } 2692 .busca-header{ 2693 justify-content: flex-end; 2694 width: 40%; 2695 } 2696 .busca-header input{ 2697 width: 50%; 2698 } 2699 .busca-header nav ul{ 2700 flex-wrap: nowrap; 2701 } 2702 } 2703 /* \\ ====================================================================================================================================== // */ 2704 2705 2706 /* // ============================================================= | 1200PX | ============================================================= \\ */ 2707 @media (min-width: 1200px) { 2708 2709 } 2710 /* \\ ====================================================================================================================================== // */ 2711 2712 2713 /* // ============================================================= | 1400PX | ============================================================= \\ */ 2714 @media (min-width: 1400px) { 2715 2716 } 2717 /* \\ ====================================================================================================================================== // */ 2718 2719 /* // ============================================================= | 1600PX | ============================================================= \\ */ 2720 @media (min-width: 1600px) { 2721 2722 } 2723 /* \\ ====================================================================================================================================== // */ 2724 2725 2726 2727</style> 2728<section class="busca-header"> 2729 <nav> 2730 <ul> 2731 <li><a href="https://www.urubici.sc.gov.br/acesso-a-informacao">Transparência</a></li> 2732 <li><a href="https://www.urubici.sc.gov.br/turismos">Turismo</a></li> 2733 <li><a href="https://www.urubici.sc.gov.br/ouvidoria">Ouvidoria</a></li> 2734 <li><a href="https://www.urubici.sc.gov.br/carta-de-servico/3/do-conselho-municipal-de-saude-e-assistencia-social">SUS</a></li> 2735 </ul> 2736 </nav> 2737 <form action="https://www.urubici.sc.gov.br/busca" method="get"> 2738 <div> 2739 <h2>BUSCA RÃPIDA</h2> 2740 </div> 2741 <span class="separador"></span> 2742 <input type="search" placeholder="O Que você procura?" name="busca" required minlength="5" maxlength="25"> 2743 <button> 2744 <i class="fa fa-search"></i> 2745 </button> 2746 </form> 2747</section></section> 2748<style> 2749.img-shadow { 2750 filter: brightness(0.8); 2751} 2752</style> 2753 2754<!-- // =================== | HISTÃRIA DO MUNICÃPIO | ===================== \\ --> 2755<section class="container-internas"> 2756 <main> 2757 <h2 class="mb-5">Brasão do MunicÃpio</h2> 2758 2759 <p> 2760 Inspirado no brasão da bandeira do MunicÃpio trazendo elementos que remetem à s caracterÃsticas de Urubici, dando enfoque para a agricultura e o turismo. 2761 Consulte abaixo a Lei de aprovação da Logomarca do MunicÃpio de Urubici: 2762 <a href="https://leismunicipais.com.br/a/sc/u/urubici/lei-ordinaria/2021/239/2386/lei-ordinaria-n-2386-2021-aprova-a-logomarca-do-municipio-de-urubici?q=logo"> 2763 <br> 2764 <b><u>Clique Aqui</u></b> 2765 </a> 2766 </p> 2767 2768 2769 2770 2771 <div class="col-lg-6 p-0 ps-lg-0 pe-lg-3"> 2772 2773 <h2>Hino do MunicÃpio</h2> 2774 2775 <p> 2776 Hino de Urubici 2777 </p> 2778 2779 <p> 2780 Salve a Terra das Hortaliças, <br> 2781 Do colono de mãos calejadas, <br> 2782 Dos riachos, pinheiros, treliças, <br> 2783 Minuano, manhãs congeladas. 2784 </p> 2785 2786 <p> 2787 Abençoada Estrela do Sul <br> 2788 Tu és a Terra dos pinheirais, <br> 2789 Tuas fazendas se vestem de azul, <br> 2790 Tuas lavouras são colossais. 2791 </p> 2792 2793 <p> 2794 Urubici, Terra amada e querida, <br> 2795 Que hoje brilha com grande valor, <br> 2796 Nas tuas várzeas floresce a vida, <br> 2797 Tua gente é um hino de amor. 2798 </p> 2799 2800 <p> 2801 Urubici do colono e o tropeiro, <br> 2802 Do comércio e a indústria sem par; <br> 2803 No turismo tu tens pioneiro, <br> 2804 Todo mundo pra ver, estudar. 2805 </p> 2806 2807 <p> 2808 Nosso lema é o trabalho crescente, <br> 2809 Progredir, expandir nosso sonho, <br> 2810 Ver sorrir de feliz nossa gente, <br> 2811 Neste vale de flores risonho. 2812 </p> 2813 2814 <p> 2815 A Esquina, o Traçado e a Praça <br> 2816 Representam a força, o ideal; <br> 2817 Hoje somos um povo a graça <br> 2818 Transformou em um grupo leal. 2819 </p> 2820 2821 <p> 2822 Urubici, o teu vale florido <br> 2823 Traz as cores do grande Brasil. <br> 2824 Nos capões, o sabiá incontido <br> 2825 Canta e voa por sobre o beril. 2826 </p> 2827 2828 <p> 2829 Somos filhos de raças de bravos, <br> 2830 Nossos pais foram heróis nesta serra. <br> 2831 Somos livres, não temos escravos. <br> 2832 Desejamos a paz sobre a Terra. 2833 </p> 2834 2835 </div> 2836 <div class="col-lg-6 p-0 pe-lg-0 ps-lg-3 row m-0 align-content-start"> 2837 <a href="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow mb-4 col-12" data-fancybox="gallery"> 2838 <img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="w-100" alt="Urubici Simbolos"> 2839 </a> 2840 <a href="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="img-shadow mb-4 col-12" data-fancybox="gallery"> 2841 <img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" class="w-100" alt="Urubici Simbolos"> 2842 </a> 2843 2844 </div> 2845 2846 2847 <!-- // =================== | HISTÃRIA DO MUNICÃPIO | ===================== \\ --> 2848<section class="pagina-arquivo-download"> 2849 <h2>Arquivos Para Download</h2> 2850 2851 <div class="row m-0 p-0"> 2852 <a class="col-lg-6 mb-3 p-0 pe-lg-3 ps-lg-0" href="https://www.urubici.sc.gov.br/galeria_pagina_download/164339903819.pdf" target="_blank"> 2853 <article> 2854 <img 2855 src="https://www.urubici.sc.gov.br/images/tipos-arquivo/pdf.webp" 2856 alt="Logo MunicÃpio de Urubici | pdf" 2857 title="Logo MunicÃpio de Urubici | pdf" 2858 > 2859 <h2>Logo MunicÃpio de Urubici</h2> 2860 </article> 2861 </a> 2862 <a class="col-lg-6 mb-3 p-0 pe-lg-3 ps-lg-0" href="https://www.urubici.sc.gov.br/galeria_pagina_download/1693857795364.pdf" target="_blank"> 2863 <article> 2864 <img 2865 src="https://www.urubici.sc.gov.br/images/tipos-arquivo/pdf.webp" 2866 alt="Brasão | pdf" 2867 title="Brasão | pdf" 2868 > 2869 <h2>Brasão</h2> 2870 </article> 2871 </a> 2872 </div> 2873</section> 2874<!-- \\ =================================================================== // --> 2875 </main> 2876 <footer class="container-menu-lateral"> 2877 2878<style> 2879 #acesso_rapido_menu_lateral article{ 2880 border: 1px solid black; 2881 border-radius: 4px; 2882 padding: 1rem; 2883 display: flex; 2884 flex-wrap: nowrap; 2885 align-items: center; 2886 transition: 0.3s; 2887 } 2888 2889 #acesso_rapido_menu_lateral a:hover article{ 2890 background: #FBB611; 2891 transition: 0.3s; 2892 transform: scale(1.02); 2893 } 2894 #acesso_rapido_menu_lateral a:hover img{ 2895 filter: grayscale(100%) invert(1); 2896 transition: 0.3s; 2897 } 2898 #acesso_rapido_menu_lateral a:hover *{ 2899 color: white; 2900 transition: 0.3s; 2901 } 2902 #acesso_rapido_menu_lateral article img{ 2903 width: 40px; 2904 height: auto; 2905 margin-right: 0.7rem; 2906 } 2907 #acesso_rapido_menu_lateral article h2{ 2908 font-size: 1rem; 2909 font-family: 'Gotham-Book'; 2910 font-weight: normal; 2911 margin:0; 2912 } 2913 #acesso_rapido_menu_lateral article h2 span{ 2914 font-family: 'Gotham-Bold'; 2915 font-weight: normal; 2916 } 2917 #acesso_rapido_menu_lateral h2 button{ 2918 height: 15px; 2919 width: 15px; 2920 position: initial; 2921 color: black; 2922 display: flex; 2923 align-content: center; 2924 margin: 0rem 0.5rem 0rem 0.5rem; 2925 } 2926 2927</style> 2928 2929 2930<div id="acesso_rapido_menu_lateral" class="carousel slide mb-4" data-bs-ride="carousel" data-bs-interval="7000"> 2931 <h2 class="titulo-menu-lateral"> 2932 Acesso Rápido 2933 <button class="carousel-control-prev" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="prev"> 2934 <i class="fa fa-chevron-left"></i> 2935 </button> 2936 <button class="carousel-control-next" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="next"> 2937 <i class="fa fa-chevron-right"></i> 2938 </button> 2939 </h2> 2940 <div class="carousel-inner"> 2941 <div class="carousel-item active"> 2942 <section class="row m-0"> 2943 <a href="https://www.urubici.sc.gov.br/noticias" class="px-0 p-2 p-sm-2 p-lg-1"> 2944 <article> 2945 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742995102819.webp" height="100px" alt="NotÃcias"> 2946
2946 <h2>NotÃcias</h2> 2947 </article> 2948 </a> 2949 </section> 2950 </div> 2951 <div class="carousel-item "> 2952 <section class="row m-0"> 2953 <a href="https://www.urubici.sc.gov.br/urubici-sem-papel" class="px-0 p-2 p-sm-2 p-lg-1"> 2954 <article> 2955 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1784831000616.png" height="100px" alt="Urubici [SEM PAPEL]"> 2956 <h2>Urubici <span>SEM PAPEL</span></h2> 2957 </article> 2958 </a> 2959 </section> 2960 </div> 2961 <div class="carousel-item "> 2962 <section class="row m-0"> 2963 <a href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 2964 <article> 2965 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525022616.png" height="100px" alt="Portal Transparência Prefeitura [Municipal de Urubici]"> 2966 <h2>Portal Transparência Prefeitura <span>Municipal de Urubici</span></h2> 2967 </article> 2968 </a> 2969 </section> 2970 </div> 2971 <div class="carousel-item "> 2972 <section class="row m-0"> 2973 <a href="https://www.urubici.sc.gov.br/urubici-redes-sociais" class="px-0 p-2 p-sm-2 p-lg-1"> 2974 <article> 2975 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742991614948.webp" height="100px" alt="Nossas Redes Sociais"> 2976 <h2>Nossas Redes Sociais</h2> 2977 </article> 2978 </a> 2979 </section> 2980 </div> 2981 <div class="carousel-item "> 2982 <section class="row m-0"> 2983 <a href="https://www.urubici.sc.gov.br/concursos" class="px-0 p-2 p-sm-2 p-lg-1"> 2984 <article> 2985 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525076780.png" height="100px" alt="[Concursos]"> 2986 <h2><span>Concursos</span></h2> 2987 </article> 2988 </a> 2989 </section> 2990 </div> 2991 <div class="carousel-item "> 2992 <section class="row m-0"> 2993 <a href="https://www.urubici.sc.gov.br/licitacoes" class="px-0 p-2 p-sm-2 p-lg-1"> 2994 <article> 2995 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252505618.png" height="100px" alt="[Licitações]"> 2996 <h2><span>Licitações</span></h2> 2997 </article> 2998 </a> 2999 </section> 3000 </div> 3001 <div class="carousel-item "> 3002 <section class="row m-0"> 3003 <a href="https://www.urubici.sc.gov.br/contas-publicas" class="px-0 p-2 p-sm-2 p-lg-1"> 3004 <article> 3005 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524971189.png" height="100px" alt="Contas [Públicas]"> 3006 <h2>Contas <span>Públicas</span></h2> 3007 </article> 3008 </a> 3009 </section> 3010 </div> 3011 <div class="carousel-item "> 3012 <section class="row m-0"> 3013 <a href="https://www.urubici.sc.gov.br/perguntas-frequentes" class="px-0 p-2 p-sm-2 p-lg-1"> 3014 <article> 3015 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525011538.png" height="100px" alt="Perguntas [Frequentes]"> 3016 <h2>Perguntas <span>Frequentes</span></h2> 3017 </article> 3018 </a> 3019 </section> 3020 </div> 3021 <div class="carousel-item "> 3022 <section class="row m-0"> 3023 <a href="https://www.urubici.sc.gov.br/acesso-a-informacao" class="px-0 p-2 p-sm-2 p-lg-1"> 3024 <article> 3025 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524981140.png" height="100px" alt="Acesso à [informação]"> 3026 <h2>
3026Acesso à <span>informação</span></h2> 3027 </article> 3028 </a> 3029 </section> 3030 </div> 3031 <div class="carousel-item "> 3032 <section class="row m-0"> 3033 <a href="https://www.urubici.sc.gov.br/carta-de-servicos" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 3034 <article> 3035 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252466597.png" height="100px" alt="Carta de [Serviços]"> 3036 <h2>Carta de <span>Serviços</span></h2> 3037 </article> 3038 </a> 3039 </section> 3040 </div> 3041 <div class="carousel-item "> 3042 <section class="row m-0"> 3043 <a href="https://www.urubici.sc.gov.br/diario-oficial" class="px-0 p-2 p-sm-2 p-lg-1"> 3044 <article> 3045 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525032113.png" height="100px" alt="Diário [Oficial]"> 3046 <h2>Diário <span>Oficial</span></h2> 3047 </article> 3048 </a> 3049 </section> 3050 </div> 3051 <div class="carousel-item "> 3052 <section class="row m-0"> 3053 <a href="https://e-gov.betha.com.br/transparencia/01037-132/main.faces" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 3054 <article> 3055 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1643828454143.png" height="100px" alt="Portal Transparência [Ãrgãos Vinculados a Prefeitura]"> 3056 <h2>Portal Transparência <span>Ãrgãos Vinculados a Prefeitura</span></h2> 3057 </article> 3058 </a> 3059 </section> 3060 </div> 3061 <div class="carousel-item "> 3062 <section class="row m-0"> 3063 <a href="https://leismunicipais.com.br/prefeitura/sc/urubici" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 3064 <article> 3065 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524696446.png" height="100px" alt="Leis [Municipais]"> 3066 <h2>Leis <span>Municipais</span></h2> 3067 </article> 3068 </a> 3069 </section> 3070 </div> 3071 <div class="carousel-item "> 3072 <section class="row m-0"> 3073 <a href="https://www.urubici.sc.gov.br/leis/8/legislacao" class="px-0 p-2 p-sm-2 p-lg-1"> 3074 <article> 3075 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525041354.png" height="100px" alt="[Legislação]"> 3076 <h2><span>Legislação</span></h2> 3077 </article> 3078 </a> 3079 </section> 3080 </div> 3081 <div class="carousel-item "> 3082 <section class="row m-0"> 3083 <a href="https://www.urubici.sc.gov.br/covid-19" class="px-0 p-2 p-sm-2 p-lg-1"> 3084 <article> 3085 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742987929853.webp" height="100px" alt="Covid-19"> 3086 <h2>Covid-19</h2> 3087 </article> 3088 </a> 3089 </section> 3090 </div> 3091 3092 </div> 3093 3094 3095</div><style> 3096 3097 .menu-de-includes-secretaria *{ 3098 transition: 0.3s; 3099 } 3100 .menu-de-includes-secretaria{ 3101 width: 100%; 3102 display: flex; 3103 flex-wrap: wrap; 3104 align-content: flex-start; 3105 } 3106 .menu-de-includes-secretaria a{ 3107 width: 100%; 3108 margin-bottom: 1rem; 3109 } 3110 .menu-de-includes-secretaria hgroup h2{ 3111 font-size: 1.2rem; 3112 margin-bottom: 0; 3113 text-align: left; 3114 font-family: 'Gotham-Bold'; 3115 } 3116 .menu-de-includes-secretaria hgroup h3{ 3117 font-size: 0.80rem; 3118 margin-bottom: 0; 3119 text-align: left; 3120 font-family: 'Gotham-Bold'; 3121 } 3122 .menu-de-includes-secretaria hgroup h3 span{ 3123 font-family: 'Gotham-Light'; 3124 } 3125 3126 .menu-de-includes-secretaria a:hover{ 3127 color: black; 3128 transform: scale(1.04); 3129 } 3130 3131</style> 3132 3133<div class="menu-de-includes-secretaria mb-4"> 3134 <h2 class="titulo-menu-lateral"> 3135 Secretarias 3136 </h2> 3137 3138 <a href="https://www.urubici.sc.gov.br/secretaria/49/secretaria-de-saude"> 3139 <hgroup> 3140 <h2>SECRETARIA DE SAÃDE</h2> 3141 <h3>Fone: <span>+55 49 3191-3060</span></h3> 3142 </hgroup> 3143 </a> 3144 3145 <a href="https://www.urubici.sc.gov.br/secretaria/57/conselho-municipal-da-saude"> 3146 <hgroup> 3147 <h2>CONSELHO MUNICIPAL DA SAÃDE</h2> 3148 <h3>Fone: <span>49 3191-3060</span></h3> 3149 </hgroup> 3150 </a> 3151 3152 <a href="https://www.urubici.sc.gov.br/secretaria/55/secretaria-de-agricultura"> 3153 <hgroup> 3154 <h2>SECRETARIA DE AGRICULTURA</h2> 3155 <h3>Fone: <span>+55 49 3191-3020</span></h3> 3156 </hgroup> 3157 </a> 3158 <a href="https://www.urubici.sc.gov.br/telefones-e-enderecos" class="link-menu-lateral"> 3159 Ver todas as Secretarias 3160 </a> 3161</div> </footer> 3162</section> 3163<!-- \\ =================================================================== // --> 3164 3165 3166 3167<style type="text/css"> 3168 3169 3170 3171 3172 3173 footer#footer_supreme .estudio-rodape img { 3174 width: 130px; 3175 } 3176 3177 3178 3179 footer#footer_supreme .estudio-rodape .d-flex { 3180 flex-wrap: wrap; 3181 } 3182 3183 footer#footer_supreme .estudio-rodape h2, 3184 footer#footer_supreme .estudio-rodape a { 3185 font-size: 0.80rem; 3186 font-weight: 300; 3187 color: white; 3188 font-family: 'Gotham-Book'; 3189 } 3190 3191 footer#footer_supreme .estudio-rodape figure {
3192 width: 100%; 3193 } 3194 3195 3196 /* // ============================================================= | 992 PX | ============================================================= \\ */ 3197 @media (min-width: 992px) { 3198 3199 3200 footer#footer_supreme .estudio-rodape figure { 3201 width: auto; 3202 } 3203 footer#footer_supreme .links-acesso *{ 3204 text-align: start; 3205 } 3206 3207 footer#footer_supreme .estudio-rodape h2, 3208 footer#footer_supreme .estudio-rodape a { 3209 font-size: 1rem; 3210 } 3211 3212 3213 footer#footer_supreme .estudio-rodape .d-flex { 3214 flex-wrap: nowrap; 3215 } 3216 3217 3218 footer#footer_supreme nav ul li{ 3219 text-align: left; 3220 } 3221 3222 3223 } 3224 3225 3226 3227 3228 footer#footer_supreme .linha-separatoria{ 3229 height: 1px; 3230 opacity: 0.8; 3231 background: #FF7800; 3232 width: 100%; 3233 } 3234 footer#footer_supreme{ 3235 background: #004a9d; 3236 } 3237 3238 3239 footer#footer_supreme .informacoes h2{ 3240 color: white; 3241 font-size: 1.4rem; 3242 } 3243 3244 footer#footer_supreme nav a{ 3245 color: #9F9F9F; 3246 width: 100%; 3247 font-family: 'Gotham-Light'; 3248 } 3249 3250 footer#footer_supreme nav span{ 3251 font-family: 'Gotham-Bold'; 3252 width: 100%; 3253 display: block; 3254 } 3255 footer#footer_supreme .numero{ 3256 font-size: 1.4rem; 3257 font-family: 'Gotham-Bold'; 3258 } 3259 footer#footer_supreme nav p{ 3260 color: #9F9F9F; 3261 width: 100%; 3262 font-family: 'Gotham-Light'; 3263 } 3264 footer#footer_supreme form p{ 3265 color: #9F9F9F; 3266 font-size: 1rem; 3267 } 3268 footer#footer_supreme .form-control{ 3269 background: transparent; 3270 border: 1px solid #9F9F9F; 3271 box-shadow: none !important; 3272 padding: 0.75rem; 3273 } 3274 /* \\ ====================================================================================================================================== // */ 3275</style> 3276 3277</main> 3278<footer id="footer_supreme" class="row p-0 mr-0 me-0 justify-content-center"> 3279 <!-- // ================= | CONTAINER FOOTER | ================= \\--> 3280 <div class="col-lg-11 row m-0"> 3281 3282 <!-- // ======= | INFORMAÃÃES | ======= \\ --> 3283 <div class="row m-0 p-0 py-4 py-xl-5 informacoes"> 3284 <a href="https://www.urubici.sc.gov.br/" class="col-lg-2 row m-0 p-0 justify-content-center mb-4 mb-lg-0"> 3285 <figure class="col-5 col-sm-2 col-lg-12 p-0"> 3286 <img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" alt="Logo Simples - Urubici" class="w-100 p-0"> 3287 </figure> 3288 </a> 3289 <form action="https://www.urubici.sc.gov.br/core/form-newsletter.php" method="post" class="col-lg-4 px-lg-4 px-xxl-5 row m-0 mb-4 mb-lg-0"> 3290 <div class="row m-0 align-content-start justify-content-lg-end"> 3291 <h2 class="p-0">NEWSLETTER</h2> 3292 <p class="p-0"> 3293 Acesse as informações sobre o andamento de licitações. 3294 </p> 3295 <input type="text" name="nome" placeholder="Nome" required minlength="5" maxlength="25" class="form-control mb-3"> 3296 <input type="email" name="email" placeholder="E-Mail" required minlength="5" maxlength="35" class="form-control mb-3"> 3297 <button class="btn btn-primary w-auto px-4 py-3">ENVIAR</button> 3298 </div> 3299 </form> 3300 <nav class="col-sm-6 col-lg-3 row m-0 px-lg-4 px-xxl-5 mb-4 mb-lg-0"> 3301 <h2>OUTRAS ÃREAS</h2> 3302 <a href="https://www.urubici.sc.gov.br/contas-publicas">Transparência</a> 3303 <a href="https://www.urubici.sc.gov.br/leis/12/aditivos">Legislação</a> 3304 <a href="https://www.urubici.sc.gov.br/turismos">Turismo</a> 3305 <a href="https://www.urubici.sc.gov.br/noticias">NotÃcias</a> 3306 <a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a> 3307 <a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de VÃdeos</a> 3308 <a href="https://www.urubici.sc.gov.br/eventos">Agenda de Eventos</a> 3309 </nav> 3310 <nav class="col-sm-6 col-lg-3 px-lg-4 px-xxl-5 row m-0 align-content-start mb-4 mb-lg-0"> 3311 <h2>ENDEREÃO</h2> 3312 <a href="" class="endereco"> 3313 Praça Francisco Pereira 3314 Souza, 53, Centro 3315 <span>CEP: 88650-000</span> 3316 </a> 3317 <a href="mailto:[email protected]" class="endereco mb-3"> 3318 [email protected] 3319 </a> 3320 <a href="tel:4931911609" class="numero mb-3"> 3321 +55 (49) 3191-3069 3322 </a> 3323 <p> 3324 Segunda a sexta <br> 3325 12:00h à s 18:00h 3326 </p> 3327 </nav> 3328 </div> 3329 <!-- \\ =============================== // --> 3330 3331 <div class="linha-separatoria"></div> 3332 <!-- // ======= | ESTÃDIO SUL | ======= \\ --> 3333 <div class="row m-0 p-0 justify-content-center justify-content-lg-between py-3 py-xxl-4 estudio-rodape"> 3334 <div class="col-11 row m-0 p-0 justify-content-center"> 3335 <div class="col-12 col-lg row m-0 align-content-center mb-3 mb-lg-0 p-0"> 3336 <h2 class="w-100 text-center text-lg-start m-0 p-0"> 3337 PREFEITURA DE URUBICI. TODOS OS DIREITOS RESERVADOS. 3338 </h2>
3339 </div> 3340 <a href="https://www.estudiosul.com.br" target="_blank" class="col-10 col-md-3 col-lg-5 col-xxl-4 d-flex justify-content-center justify-content-lg-end text-end"> 3341 <figure class="mt-1 mt-lg-0 m-0 text-center"> 3342 <img src="https://www.urubici.sc.gov.br/images/logo-estudio.webp" alt="Prefeitura de Urubici - Estúdio Sul"> 3343 </figure> 3344 </a> 3345 </div> 3346 </div> 3347 <!-- \\ =============================== // --> 3348 </div> 3349</footer> 3350 3351 <!-- // ================================= | SCRIPTS ================================= \\ --> 3352 3353 <!-- // ============ | V LIBRAS | ==================== \\ --> 3354 <div vw class="enabled"> 3355 <div vw-access-button class="active"></div> 3356 <div vw-plugin-wrapper> 3357 <div class="vw-plugin-top-wrapper"></div> 3358 </div> 3359 </div> 3360
3360<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
3360 3361
3361<script> 3362 new window.VLibras.Widget('https://vlibras.gov.br/app'); 3363 </script>
3363 3364 <!-- \\ ============================================== // --> 3365 3366 3367 <style type="text/css"> 3368 body .uwy.userway_p1 .userway_buttons_wrapper{ 3369 top: 35% !important; 3370 } 3371 </style> 3372
3372<script> 3373 (function(d){ 3374 var s = d.createElement("script"); 3375 s.setAttribute("data-account", "SEU_ID_AQUI"); // precisa se cadastrar no site 3376 s.src="https://cdn.userway.org/widget.js"; 3377 (d.body || d.head).appendChild(s); 3378 })(document) 3379 </script>
3379 3380 3381 3382 3383 3384 <!-- // ============ | CONFIG ESTADO | =============== \\ --> 3385
3385<script> 3386 $("form [name='id_estado']").change(function(){ 3387 3388 3389 var pagina_escolhida = $(this).data("contador"); 3390 $.ajax({ 3391 type: "POST", 3392 url:"https://www.urubici.sc.gov.br/pages/ouvidoria.php", 3393 data: { 3394 'id_estado': $(this).val() 3395 }, 3396 success:function(result){ 3397 $(".cidade").html(result); 3398 3399 } 3400 }); 3401 3402 $(".paginacao-lei").removeClass("actived_pagination"); 3403 $(this).addClass("actived_pagination"); 3404 3405 }); 3406 </script>
3406 3407 <!-- \\ ============================================== // --> 3408 3409 3410 3411 3412 <!-- // ============ | Google Analytics | ============ \\ --> 3413 <!-- Global site tag (gtag.js) - Google Analytics -->
3414<script async src=\\\\\\\"https://www.googletagmanager.com/gtag/js?id=UA-221605643-1\\\\\\\"></script>
vendor: 2 bytes, line 3414
3414
3415<script> 3416 window.dataLayer = window.dataLayer || []; 3417 function gtag(){dataLayer.push(arguments);} 3418 gtag(\\\\\\\'js\\\\\\\', new Date()); 3419 3420 gtag(\\\\\\\'config\\\\\\\', \\\\\\\'UA-221605643-1\\\\\\\'); 3421</script>
3421 3422 <!-- \\ ============================================== // --> 3423 3424
3424<script type="text/javascript"> 3425 document.cookie = 'screen_width='+screen.width+';path=/'; 3426 document.cookie = 'screen_height='+screen.height+';path=/'; 3427 </script>
3427 3428 3429
3429<script type='text/javascript'>window.location.href = "";</script>
3429 3430 3431
3431<script type="text/javascript"> 3432 $('a[href^="#"]').on('click', function (e) { 3433 e.preventDefault(); 3434 var id = $(this).attr('href'), 3435 targetOffset = $(id).offset().top; 3436 3437 $('html, body').animate({ 3438 scrollTop: targetOffset - 200 3439 }, 100); 3440 }); 3441 </script>
3441 3442 3443 3444 <!-- // ======= | TIRAR DRAGGABLE DAS IMG'S | ======== \\ --> 3445
3445<script> 3446 $(document).ready(function(){ 3447 $("img").attr('draggable', false) 3448 }); 3449 </script>
3449 3450 <!-- \\ ============================================== // --> 3451 3452 <!-- // = | FANCY BOX (GALERIA FLUTUANTE AO CLICAR | = \\ --> 3453
3453<script src="https://www.urubici.sc.gov.br/js/jquery.fancybox.min.js"></script>
3453 3454 <!-- \\ ============================================== // --> 3455 3456 <!-- // =========== | DEPENDECIAS BOOSTRAP | ========= \\ --> 3457
3457<script src="https://www.urubici.sc.gov.br/js/bootstrap.min.js"></script>
3457 3458 <!-- \\ ============================================== // --> 3459 3460 <!-- // ==== | FLICKITY - ROLAGEM DOS ELEMENTS | ===== \\ --> 3461
3461<script src="https://www.urubici.sc.gov.br/js/flickity.pkgd.min.js"></script>
3461 3462 <!-- \\ ============================================== // --> 3463 3464 <!-- // ===== | SWEET ALERT - ALERTAS BONITOS | ====== \\ --> 3465
3465<script src="https://www.urubici.sc.gov.br/js/[email protected]"></script>
3465 3466 <!-- \\ ============================================== // --> 3467 3468 <!-- // ============ | AO CLICAR CTRL Ã | ============ \\ --> 3469
3469<script> 3470 contador = 1; 3471 $(document).on('keydown', function(e) { 3472 var key = e.key; 3473 if( 3474 e.ctrlKey == true && key == 'ç' 3475 ){ 3476 3477 if(contador == 0){ 3478 $(".easter-egg-estudio").slideUp(300); 3479 contador = 1; 3480 }else{ 3481 $(".easter-egg-estudio").slideDown(3000); 3482 contador = 0; 3483 } 3484 } 3485 }); 3486 </script>
3486 3487 <!-- \\ ============================================== // --> 3488 3489 3490</body> 3491 3492</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.