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>Historia-do-municipio</title> 26 <meta name="url" content="www.urubici.sc.gov.br/historia-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/historia-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/historia-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>História 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 2749 2750<!-- // =================== | HISTÃRIA DO MUNICÃPIO | ===================== \\ --> 2751<section class="container-internas"> 2752 <main> 2753 <a href="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici.webp" class="mb-4" data-fancybox="h-municipio"> 2754 <img src="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici.webp" alt="História do MunicÃpio, venha conhecer Urubici!" class="w-100"> 2755 </a> 2756 <p> 2757 Por marcar a história de várias civilizações, Urubici exibe, até hoje, a passagem de seus primeiros habitantes. São sinais registrados em pedras há pelo menos 40 séculos, comparável à s inscrições encontradas em alguns outros pontos do litoral catarinense. Segundo historiadores, o ano de 1711 é data base para Urubici, quando dom João V ordena que os jesuÃtas procurem minas e catequizem Ãndios até o rio Caçadores. Com essa missão, os padres José Mascarenhas e LuÃs de Albuquerque traçam marcos na região - marcos do Maranhão até Laguna, a considerada "região do ouro". O primeiro marco foi colocado no Morro Pelado (comando indÃgena), o segundo no Morro da Mala (onde moravam os padres) e o terceiro no Morro do Panelão (onde ficavam as tropas que c
2757arregariam o ouro). Conta-se que grande porção do ouro foi enterrada nas rochas pelos jesuÃtas. Os Ãndios, na maioria tupi-guarani, foram catequizados em grupos e já eram remanescentes de outras regiões. 2758 </p> 2759 <p> 2760 Conta-se que existem mapas em originais e cópias, nunca vistos. Urubici registrava um pinheiral espantoso, um "mar de pinheiros", e em outras regiões, não em todas, alguns banhados, com sumidouros de animais e pessoas não orientadas. Alguns Ãndios já conheciam missionários e orientavam jesuÃtas pelas andanças Padre LuÃs relata que, ao fincar uma grande cruz no dia 1 março, ela mergulhou no pântano, mais de um metro, sem nenhuma força . Em cada marco, foi plantada uma cruz jesuÃtica, com ramos amarrados na altura de Cristo. Nos anais do livro 12 JesuÃtas no Estado de Santa Catarina (Biblioteca dos JesuÃtas do Rio de Janeiro), além desse relatório, existe o seguinte: 2761 </p> 2762 <p> 2763 â Os jesuÃtas (que na opinião de muitos eram homens comuns com vestes de padres) levavam pessoas em cargueiros para acamparem e ficarem acampadas nas regiões por onde andavam. No planalto, acamparam doze homens com cavalos, fora os dois padres que comandavam a pesquisa. Balaios cheios de artefatos indÃgenas eram levados continuamente de volta à missão no Morro do Pelado de onde eram levados para o Rio. Com eles, ia um bugreiro, Samuel Kupll, que preparava o chão da missão e fazia o marco; Manuel Sampaio que era cuidador de tropas; os guapos que a cavalo iam pela região, com Liro Santo, Caetano Matoso e outros. â 2764 O municÃpio era habitado por Ãndios xoclengues quando os primeiros colonizadores de origem europeia, vindos de Tubarão, São Joaquim e Bom Jesus, chegaram na região. Os novos habitantes logo expulsaram os Ãndios, cujos vestÃgios ainda podem ser encontrados as e inscrições rupestres espalhadas por todo o território. De 1903 a 1911, imigrantes agricultores e madeireiros fixam-se na região. 2765 </p> 2766 <p> 2767 Em 1924, sabendo da fertilidade no solo do vale do rio Canoas, chegaram, à região, imigrantes italianos, alemães e letões, que tornaram, a agricultura e pecuária, as principais atividades econômicas da região. 2768 </p> 2769 <p> 2770 Fonte: Wikipédia 2771 </p> 2772 2773 <div class="row m-0 p-0"> 2774 <a class="col-sm-6 p-0 pe-sm-2 mb-3 mb-lg-0" href="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-1.webp" data-fancybox="gallery"> 2775 <img class="w-100" src="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-1.webp" alt="Historia do municipio de Urubici Galeria 1"> 2776 </a> 2777 <a class="col-sm-6 p-0 ps-sm-2" href="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-2.webp" data-fancybox="gallery"> 2778 <img class="w-100" src="https://www.urubici.sc.gov.br/images/container-internas/historia-do-municipio/historia-do-municipio-de-urubici-galeria-2.webp" alt="Historia do municipio de Urubici Galeria 2"> 2779 </a> 2780 </div> 2781 2782 <!-- // =================== | HISTÃRIA DO MUNICÃPIO | ===================== \\ --> 2783<!-- \\ =================================================================== // --> 2784 </main> 2785 <footer class="container-menu-lateral"> 2786 2787<style> 2788 #acesso_rapido_menu_lateral article{ 2789 border: 1px solid black; 2790 border-radius: 4px; 2791 padding: 1rem; 2792 display: flex; 2793 flex-wrap: nowrap; 2794 align-items: center; 2795 transition: 0.3s; 2796 } 2797 2798 #acesso_rapido_menu_lateral a:hover article{ 2799 background: #FBB611; 2800 transition: 0.3s; 2801 transform: scale(1.02); 2802 } 2803 #acesso_rapido_menu_lateral a:hover img{ 2804 filter: grayscale(100%) invert(1); 2805 transition: 0.3s; 2806 } 2807 #acesso_rapido_menu_lateral a:hover *{ 2808 color: white; 2809 transition: 0.3s; 2810 } 2811 #acesso_rapido_menu_lateral article img{ 2812 width: 40px; 2813 height: auto; 2814 margin-right: 0.7rem; 2815 } 2816 #acesso_rapido_menu_lateral article h2{ 2817 font-size: 1rem; 2818 font-family: 'Gotham-Book'; 2819 font-weight: normal; 2820 margin:0; 2821 } 2822 #acesso_rapido_menu_lateral article h2 span{ 2823 font-family: 'Gotham-Bold'; 2824 font-weight: normal; 2825 } 2826 #acesso_rapido_menu_lateral h2 button{ 2827 height: 15px; 2828 width: 15px; 2829 position: initial; 2830 color: black; 2831 display: flex; 2832 align-content: center; 2833 margin: 0rem 0.5rem 0rem 0.5rem; 2834 } 2835 2836</style> 2837 2838 2839<div id="acesso_rapido_menu_lateral" class="carousel slide mb-4" data-bs-ride="carousel" data-bs-interval="7000"> 2840 <h2 class="titulo-menu-lateral"> 2841 Acesso Rápido 2842 <button class="carousel-control-prev" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="prev"> 2843 <i class="fa fa-chevron-left"></i> 2844 </button> 2845 <button class="carousel-control-next" type="button" data-bs-target="#acesso_rapido_menu_lateral" data-bs-slide="next"> 2846 <i class="fa fa-chevron-right"></i> 2847 </button> 2848 </h2> 2849 <div class="carousel-inner"> 2850 <div class="carousel-item active"> 2851 <section class="row m-0"> 2852 <a href="https://www.urubici.sc.gov.br/noticias" class="px-0 p-2 p-sm-2 p-lg-1"> 2853 <article> 2854 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742995102819.webp" height="100px" alt="NotÃcias"> 2855 <h2>NotÃcias</h2> 2856 </article> 2857 </a> 2858 </section> 2859 </div> 2860 <div class="carousel-item "> 2861 <section class="row m-0"> 2862 <a href="https://www.urubici.sc.gov.br/urubici-sem-papel" class="px-0 p-2 p-sm-2 p-lg-1"> 2863 <article> 2864 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1784831000616.png" height="100px" alt="Urubici [SEM PAPEL]"> 2865 <h2>Urubici <span>SEM PAPEL</span></h2> 2866 </article> 2867 </a> 2868 </section> 2869 </div> 2870 <div class="carousel-item "> 2871 <section class="row m-0"> 2872 <a href="https://transparencia.betha.cloud/#/fEgnF_fyV_aofUpNQIKV9Q==" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 2873 <article> 2874 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525022616.png" height="100px" alt="Portal Transparência Prefeitura [Municipal de Urubici]"> 2875 <h2>Portal Transparência Prefeitura <span>Municipal de Urubici</span></h2> 2876 </article> 2877 </a> 2878 </section> 2879 </div> 2880 <div class="carousel-item "> 2881 <section class="row m-0"> 2882 <a href="https://www.urubici.sc.gov.br/urubici-redes-sociais" class="px-0 p-2 p-sm-2 p-lg-1"> 2883 <article> 2884 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742991614948.webp" height="100px" alt="Nossas Redes Sociais"> 2885 <h2>Nossas Redes Sociais</h2> 2886 </article> 2887 </a> 2888 </section> 2889 </div> 2890 <div class="carousel-item "> 2891 <section class="row m-0"> 2892 <a href="https://www.urubici.sc.gov.br/concursos" class="px-0 p-2 p-sm-2 p-lg-1"> 2893 <article> 2894 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525076780.png" height="100px" alt="[Concursos]"> 2895 <h2><span>Concursos</span></h2> 2896 </article> 2897 </a> 2898 </section> 2899 </div> 2900 <div class="carousel-item "> 2901 <section class="row m-0"> 2902 <a href="https://www.urubici.sc.gov.br/licitacoes" class="px-0 p-2 p-sm-2 p-lg-1"> 2903 <article> 2904 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252505618.png" height="100px" alt="[Licitações]"> 2905 <h2><span>Licitações</span></h2> 2906 </article> 2907 </a> 2908 </section> 2909 </div> 2910 <div class="carousel-item "> 2911 <section class="row m-0"> 2912 <a href="https://www.urubici.sc.gov.br/contas-publicas" class="px-0 p-2 p-sm-2 p-lg-1"> 2913 <article> 2914 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524971189.png" height="100px" alt="Contas [Públicas]"> 2915 <h2>Contas <span>Públicas</span></h2> 2916 </article> 2917 </a> 2918 </section> 2919 </div> 2920 <div class="carousel-item "> 2921 <section class="row m-0"> 2922 <a href="https://www.urubici.sc.gov.br/perguntas-frequentes" class="px-0 p-2 p-sm-2 p-lg-1"> 2923 <article> 2924 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525011538.png" height="100px" alt="Perguntas [Frequentes]"> 2925 <h2>Perguntas <span>Frequentes</span></h2> 2926 </article> 2927 </a> 2928 </section> 2929 </div> 2930 <div class="carousel-item "> 2931 <section class="row m-0"> 2932 <a href="https://www.urubici.sc.gov.br/acesso-a-informacao" class="px-0 p-2 p-sm-2 p-lg-1"> 2933 <article> 2934 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524981140.png" height="100px" alt="Acesso à [informação]"> 2935 <h2>
2935Acesso à <span>informação</span></h2> 2936 </article> 2937 </a> 2938 </section> 2939 </div> 2940 <div class="carousel-item "> 2941 <section class="row m-0"> 2942 <a href="https://www.urubici.sc.gov.br/carta-de-servicos" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 2943 <article> 2944 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/164252466597.png" height="100px" alt="Carta de [Serviços]"> 2945 <h2>Carta de <span>Serviços</span></h2> 2946 </article> 2947 </a> 2948 </section> 2949 </div> 2950 <div class="carousel-item "> 2951 <section class="row m-0"> 2952 <a href="https://www.urubici.sc.gov.br/diario-oficial" class="px-0 p-2 p-sm-2 p-lg-1"> 2953 <article> 2954 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525032113.png" height="100px" alt="Diário [Oficial]"> 2955 <h2>Diário <span>Oficial</span></h2> 2956 </article> 2957 </a> 2958 </section> 2959 </div> 2960 <div class="carousel-item "> 2961 <section class="row m-0"> 2962 <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"> 2963 <article> 2964 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1643828454143.png" height="100px" alt="Portal Transparência [Ãrgãos Vinculados a Prefeitura]"> 2965 <h2>Portal Transparência <span>Ãrgãos Vinculados a Prefeitura</span></h2> 2966 </article> 2967 </a> 2968 </section> 2969 </div> 2970 <div class="carousel-item "> 2971 <section class="row m-0"> 2972 <a href="https://leismunicipais.com.br/prefeitura/sc/urubici" target="_blank" class="px-0 p-2 p-sm-2 p-lg-1"> 2973 <article> 2974 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642524696446.png" height="100px" alt="Leis [Municipais]"> 2975 <h2>Leis <span>Municipais</span></h2> 2976 </article> 2977 </a> 2978 </section> 2979 </div> 2980 <div class="carousel-item "> 2981 <section class="row m-0"> 2982 <a href="https://www.urubici.sc.gov.br/leis/8/legislacao" class="px-0 p-2 p-sm-2 p-lg-1"> 2983 <article> 2984 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1642525041354.png" height="100px" alt="[Legislação]"> 2985 <h2><span>Legislação</span></h2> 2986 </article> 2987 </a> 2988 </section> 2989 </div> 2990 <div class="carousel-item "> 2991 <section class="row m-0"> 2992 <a href="https://www.urubici.sc.gov.br/covid-19" class="px-0 p-2 p-sm-2 p-lg-1"> 2993 <article> 2994 <img src="https://www.urubici.sc.gov.br/imagens_acesso_rapido/1742987929853.webp" height="100px" alt="Covid-19"> 2995 <h2>Covid-19</h2> 2996 </article> 2997 </a> 2998 </section> 2999 </div> 3000 3001 </div> 3002 3003 3004</div><style> 3005 3006 .menu-de-includes-secretaria *{ 3007 transition: 0.3s; 3008 } 3009 .menu-de-includes-secretaria{ 3010 width: 100%; 3011 display: flex; 3012 flex-wrap: wrap; 3013 align-content: flex-start; 3014 } 3015 .menu-de-includes-secretaria a{ 3016 width: 100%; 3017 margin-bottom: 1rem; 3018 } 3019 .menu-de-includes-secretaria hgroup h2{ 3020 font-size: 1.2rem; 3021 margin-bottom: 0; 3022 text-align: left; 3023 font-family: 'Gotham-Bold'; 3024 } 3025 .menu-de-includes-secretaria hgroup h3{ 3026 font-size: 0.80rem; 3027 margin-bottom: 0; 3028 text-align: left; 3029 font-family: 'Gotham-Bold'; 3030 } 3031 .menu-de-includes-secretaria hgroup h3 span{ 3032 font-family: 'Gotham-Light'; 3033 } 3034 3035 .menu-de-includes-secretaria a:hover{ 3036 color: black; 3037 transform: scale(1.04); 3038 } 3039 3040</style> 3041 3042<div class="menu-de-includes-secretaria mb-4"> 3043 <h2 class="titulo-menu-lateral"> 3044 Secretarias 3045 </h2> 3046 3047 <a href="https://www.urubici.sc.gov.br/secretaria/46/secretaria-de-obras-e-defesa-civil"> 3048 <hgroup> 3049 <h2>SECRETARIA DE OBRAS E DEFESA CIVIL</h2> 3050 <h3>Fone: <span>+55 49 3191-3050 (Secretaria)</span></h3> 3051 </hgroup> 3052 </a> 3053 3054 <a href="https://www.urubici.sc.gov.br/secretaria/57/conselho-municipal-da-saude"> 3055 <hgroup> 3056 <h2>CONSELHO MUNICIPAL DA SAÃDE</h2> 3057 <h3>Fone: <span>49 3191-3060</span></h3> 3058 </hgroup> 3059 </a> 3060 3061 <a href="https://www.urubici.sc.gov.br/secretaria/55/secretaria-de-agricultura"> 3062 <hgroup> 3063 <h2>SECRETARIA DE AGRICULTURA</h2> 3064 <h3>Fone: <span>+55 49 3191-3020</span></h3> 3065 </hgroup> 3066 </a> 3067 <a href="https://www.urubici.sc.gov.br/telefones-e-enderecos" class="link-menu-lateral"> 3068 Ver todas as Secretarias 3069 </a> 3070</div> </footer> 3071</section> 3072<!-- \\ =================================================================== // --> 3073 3074 3075 3076<style type="text/css"> 3077 3078 3079 3080 3081 3082 footer#footer_supreme .estudio-rodape img { 3083 width: 130px; 3084 } 3085 3086 3087 3088 footer#footer_supreme .estudio-rodape .d-flex { 3089 flex-wrap: wrap; 3090 } 3091 3092 footer#footer_supreme .estudio-rodape h2, 3093 footer#footer_supreme .estudio-rodape a { 3094 font-size: 0.80rem; 3095 font-weight: 300; 3096 color: white; 3097 font-family: 'Gotham-Book'; 3098 } 3099 3100 footer#footer_supreme .estudio-rodape figure {
3101 width: 100%; 3102 } 3103 3104 3105 /* // ============================================================= | 992 PX | ============================================================= \\ */ 3106 @media (min-width: 992px) { 3107 3108 3109 footer#footer_supreme .estudio-rodape figure { 3110 width: auto; 3111 } 3112 footer#footer_supreme .links-acesso *{ 3113 text-align: start; 3114 } 3115 3116 footer#footer_supreme .estudio-rodape h2, 3117 footer#footer_supreme .estudio-rodape a { 3118 font-size: 1rem; 3119 } 3120 3121 3122 footer#footer_supreme .estudio-rodape .d-flex { 3123 flex-wrap: nowrap; 3124 } 3125 3126 3127 footer#footer_supreme nav ul li{ 3128 text-align: left; 3129 } 3130 3131 3132 } 3133 3134 3135 3136 3137 footer#footer_supreme .linha-separatoria{ 3138 height: 1px; 3139 opacity: 0.8; 3140 background: #FF7800; 3141 width: 100%; 3142 } 3143 footer#footer_supreme{ 3144 background: #004a9d; 3145 } 3146 3147 3148 footer#footer_supreme .informacoes h2{ 3149 color: white; 3150 font-size: 1.4rem; 3151 } 3152 3153 footer#footer_supreme nav a{ 3154 color: #9F9F9F; 3155 width: 100%; 3156 font-family: 'Gotham-Light'; 3157 } 3158 3159 footer#footer_supreme nav span{ 3160 font-family: 'Gotham-Bold'; 3161 width: 100%; 3162 display: block; 3163 } 3164 footer#footer_supreme .numero{ 3165 font-size: 1.4rem; 3166 font-family: 'Gotham-Bold'; 3167 } 3168 footer#footer_supreme nav p{ 3169 color: #9F9F9F; 3170 width: 100%; 3171 font-family: 'Gotham-Light'; 3172 } 3173 footer#footer_supreme form p{ 3174 color: #9F9F9F; 3175 font-size: 1rem; 3176 } 3177 footer#footer_supreme .form-control{ 3178 background: transparent; 3179 border: 1px solid #9F9F9F; 3180 box-shadow: none !important; 3181 padding: 0.75rem; 3182 } 3183 /* \\ ====================================================================================================================================== // */ 3184</style> 3185 3186</main> 3187<footer id="footer_supreme" class="row p-0 mr-0 me-0 justify-content-center"> 3188 <!-- // ================= | CONTAINER FOOTER | ================= \\--> 3189 <div class="col-lg-11 row m-0"> 3190 3191 <!-- // ======= | INFORMAÃÃES | ======= \\ --> 3192 <div class="row m-0 p-0 py-4 py-xl-5 informacoes"> 3193 <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"> 3194 <figure class="col-5 col-sm-2 col-lg-12 p-0"> 3195 <img src="https://www.urubici.sc.gov.br/images/logo-pref-urubici1.webp" alt="Logo Simples - Urubici" class="w-100 p-0"> 3196 </figure> 3197 </a> 3198 <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"> 3199 <div class="row m-0 align-content-start justify-content-lg-end"> 3200 <h2 class="p-0">NEWSLETTER</h2> 3201 <p class="p-0"> 3202 Acesse as informações sobre o andamento de licitações. 3203 </p> 3204 <input type="text" name="nome" placeholder="Nome" required minlength="5" maxlength="25" class="form-control mb-3"> 3205 <input type="email" name="email" placeholder="E-Mail" required minlength="5" maxlength="35" class="form-control mb-3"> 3206 <button class="btn btn-primary w-auto px-4 py-3">ENVIAR</button> 3207 </div> 3208 </form> 3209 <nav class="col-sm-6 col-lg-3 row m-0 px-lg-4 px-xxl-5 mb-4 mb-lg-0"> 3210 <h2>OUTRAS ÃREAS</h2> 3211 <a href="https://www.urubici.sc.gov.br/contas-publicas">Transparência</a> 3212 <a href="https://www.urubici.sc.gov.br/leis/12/aditivos">Legislação</a> 3213 <a href="https://www.urubici.sc.gov.br/turismos">Turismo</a> 3214 <a href="https://www.urubici.sc.gov.br/noticias">NotÃcias</a> 3215 <a href="https://www.urubici.sc.gov.br/galeria-de-fotos">Galeria de Fotos</a> 3216 <a href="https://www.urubici.sc.gov.br/galeria-de-videos">Galeria de VÃdeos</a> 3217 <a href="https://www.urubici.sc.gov.br/eventos">Agenda de Eventos</a> 3218 </nav> 3219 <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"> 3220 <h2>ENDEREÃO</h2> 3221 <a href="" class="endereco"> 3222 Praça Francisco Pereira 3223 Souza, 53, Centro 3224 <span>CEP: 88650-000</span> 3225 </a> 3226 <a href="mailto:[email protected]" class="endereco mb-3"> 3227 [email protected] 3228 </a> 3229 <a href="tel:4931911609" class="numero mb-3"> 3230 +55 (49) 3191-3069 3231 </a> 3232 <p> 3233 Segunda a sexta <br> 3234 12:00h à s 18:00h 3235 </p> 3236 </nav> 3237 </div> 3238 <!-- \\ =============================== // --> 3239 3240 <div class="linha-separatoria"></div> 3241 <!-- // ======= | ESTÃDIO SUL | ======= \\ --> 3242 <div class="row m-0 p-0 justify-content-center justify-content-lg-between py-3 py-xxl-4 estudio-rodape"> 3243 <div class="col-11 row m-0 p-0 justify-content-center"> 3244 <div class="col-12 col-lg row m-0 align-content-center mb-3 mb-lg-0 p-0"> 3245 <h2 class="w-100 text-center text-lg-start m-0 p-0"> 3246 PREFEITURA DE URUBICI. TODOS OS DIREITOS RESERVADOS. 3247 </h2>
3248 </div> 3249 <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"> 3250 <figure class="mt-1 mt-lg-0 m-0 text-center"> 3251 <img src="https://www.urubici.sc.gov.br/images/logo-estudio.webp" alt="Prefeitura de Urubici - Estúdio Sul"> 3252 </figure> 3253 </a> 3254 </div> 3255 </div> 3256 <!-- \\ =============================== // --> 3257 </div> 3258</footer> 3259 3260 <!-- // ================================= | SCRIPTS ================================= \\ --> 3261 3262 <!-- // ============ | V LIBRAS | ==================== \\ --> 3263 <div vw class="enabled"> 3264 <div vw-access-button class="active"></div> 3265 <div vw-plugin-wrapper> 3266 <div class="vw-plugin-top-wrapper"></div> 3267 </div> 3268 </div> 3269
3269<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
3269 3270
3270<script> 3271 new window.VLibras.Widget('https://vlibras.gov.br/app'); 3272 </script>
3272 3273 <!-- \\ ============================================== // --> 3274 3275 3276 <style type="text/css"> 3277 body .uwy.userway_p1 .userway_buttons_wrapper{ 3278 top: 35% !important; 3279 } 3280 </style> 3281
3281<script> 3282 (function(d){ 3283 var s = d.createElement("script"); 3284 s.setAttribute("data-account", "SEU_ID_AQUI"); // precisa se cadastrar no site 3285 s.src="https://cdn.userway.org/widget.js"; 3286 (d.body || d.head).appendChild(s); 3287 })(document) 3288 </script>
3288 3289 3290 3291 3292 3293 <!-- // ============ | CONFIG ESTADO | =============== \\ --> 3294
3294<script> 3295 $("form [name='id_estado']").change(function(){ 3296 3297 3298 var pagina_escolhida = $(this).data("contador"); 3299 $.ajax({ 3300 type: "POST", 3301 url:"https://www.urubici.sc.gov.br/pages/ouvidoria.php", 3302 data: { 3303 'id_estado': $(this).val() 3304 }, 3305 success:function(result){ 3306 $(".cidade").html(result); 3307 3308 } 3309 }); 3310 3311 $(".paginacao-lei").removeClass("actived_pagination"); 3312 $(this).addClass("actived_pagination"); 3313 3314 }); 3315 </script>
3315 3316 <!-- \\ ============================================== // --> 3317 3318 3319 3320 3321 <!-- // ============ | Google Analytics | ============ \\ --> 3322 <!-- Global site tag (gtag.js) - Google Analytics -->
3323<script async src=\\\\\\\"https://www.googletagmanager.com/gtag/js?id=UA-221605643-1\\\\\\\"></script>
vendor: 2 bytes, line 3323
3323
3324<script> 3325 window.dataLayer = window.dataLayer || []; 3326 function gtag(){dataLayer.push(arguments);} 3327 gtag(\\\\\\\'js\\\\\\\', new Date()); 3328 3329 gtag(\\\\\\\'config\\\\\\\', \\\\\\\'UA-221605643-1\\\\\\\'); 3330</script>
3330 3331 <!-- \\ ============================================== // --> 3332 3333
3333<script type="text/javascript"> 3334 document.cookie = 'screen_width='+screen.width+';path=/'; 3335 document.cookie = 'screen_height='+screen.height+';path=/'; 3336 </script>
3336 3337 3338
3338<script type='text/javascript'>window.location.href = "";</script>
3338 3339 3340
3340<script type="text/javascript"> 3341 $('a[href^="#"]').on('click', function (e) { 3342 e.preventDefault(); 3343 var id = $(this).attr('href'), 3344 targetOffset = $(id).offset().top; 3345 3346 $('html, body').animate({ 3347 scrollTop: targetOffset - 200 3348 }, 100); 3349 }); 3350 </script>
3350 3351 3352 3353 <!-- // ======= | TIRAR DRAGGABLE DAS IMG'S | ======== \\ --> 3354
3354<script> 3355 $(document).ready(function(){ 3356 $("img").attr('draggable', false) 3357 }); 3358 </script>
3358 3359 <!-- \\ ============================================== // --> 3360 3361 <!-- // = | FANCY BOX (GALERIA FLUTUANTE AO CLICAR | = \\ --> 3362
3362<script src="https://www.urubici.sc.gov.br/js/jquery.fancybox.min.js"></script>
3362 3363 <!-- \\ ============================================== // --> 3364 3365 <!-- // =========== | DEPENDECIAS BOOSTRAP | ========= \\ --> 3366
3366<script src="https://www.urubici.sc.gov.br/js/bootstrap.min.js"></script>
3366 3367 <!-- \\ ============================================== // --> 3368 3369 <!-- // ==== | FLICKITY - ROLAGEM DOS ELEMENTS | ===== \\ --> 3370
3370<script src="https://www.urubici.sc.gov.br/js/flickity.pkgd.min.js"></script>
3370 3371 <!-- \\ ============================================== // --> 3372 3373 <!-- // ===== | SWEET ALERT - ALERTAS BONITOS | ====== \\ --> 3374
3374<script src="https://www.urubici.sc.gov.br/js/[email protected]"></script>
3374 3375 <!-- \\ ============================================== // --> 3376 3377 <!-- // ============ | AO CLICAR CTRL Ã | ============ \\ --> 3378
3378<script> 3379 contador = 1; 3380 $(document).on('keydown', function(e) { 3381 var key = e.key; 3382 if( 3383 e.ctrlKey == true && key == 'ç' 3384 ){ 3385 3386 if(contador == 0){ 3387 $(".easter-egg-estudio").slideUp(300); 3388 contador = 1; 3389 }else{ 3390 $(".easter-egg-estudio").slideDown(3000); 3391 contador = 0; 3392 } 3393 } 3394 }); 3395 </script>
3395 3396 <!-- \\ ============================================== // --> 3397 3398 3399</body> 3400 3401</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.