<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<head>
    <link rel="shortcut icon" type="image/png" href="logos/logomarca.png"/>
</head>
<body>
<div id="tudo">
    <div id="topo">
                </div>
    <div id="principal">
          <!DOCTYPE html>
  <html>
  <head>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10896942-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script> 

<link rel="icon" href="logos/logomarca.png" type="image/x-icon"/>
    <meta charset="utf-8">

  <meta property="og:url"           content="/site/" />
  <meta property="og:type"          content="WebSite" />
  <meta property="og:title"         content="Prefeitura Municipal de Criciúma" />
  <meta property="og:description"   content="Prefeitura Municipal de Criciúma" />
  <meta property="og:image"         content="logos/logoPrefa.jpg" />
  <meta name="description" content="Prefeitura Municipal de Criciúma, Prefeitura Municipal de Criciúma">
    <title>Prefeitura Municipal de Criciúma</title>
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="google-site-verification" content="mAR1wpqkVNINPUfytmCHZxmxjMPmk3RuiLAi-2c5lfs" /> 
  <meta http-equiv="Content-Language" content="por" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store" />
  <meta http-equiv="Pragma" content="no-cache, no-store" />
  <meta name="robots" content="index, follow" />
  <meta name="author" content="Diretoria de Tecnologia da Informação - http://dti.criciuma.sc.gov.br/" />
  <meta name="google-site-verification" content="mAR1wpqkVNINPUfytmCHZxmxjMPmk3RuiLAi-2c5lfs" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<!--  <link href="http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css" rel="stylesheet">-->
  <script src="//code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="/site/css/style.css">
    <link rel="stylesheet" href="/site/css/style.css" type="text/css" media="screen"/>
  <link rel="stylesheet" href="/site/assets/demo.css">
  <link rel="stylesheet" href="/site/assets/navigation-basic.css">
  <link rel="stylesheet" href="/site/assets/slicknav/slicknav.min.css">
   <link rel="stylesheet" href="/site/css/styles.css">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="/site/js/script.js"></script>
    <!-- Bootstrap -->
     <script src="/site/js/index.js"></script>
    <link href="/site/css/bootstrap.min.css" rel="stylesheet">
    <link href="/site/css/geral.css" rel="stylesheet">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/site/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="/site/assets/slicknav/jquery.slicknav.min.js"></script>
  
    
    <link rel="stylesheet" type="text/css" href="/site/css/dx.common.css" />
    <link rel="dx-theme" data-theme="generic.light" href="https://cdn3.devexpress.com/jslib/17.2.4/css/dx.light.css" />
    <script src="/site/js/dx.all.js"></script>
    <script src="/site/js/index.js"></script>
<style type="text/css">
  body{
    font-family: helvetica, sans-serif !important;
  }
</style>
<input type="hidden" id="contraste" value="2">
<style type="text/css">
  .entraContraste{
    background: black !important;
    color: white !important;
    border-color: white !important;
  }
  
.linkPretoLinha {
  color: black !important;
  text-decoration: underline;
}
</style>
  <script>


//outras linhas
  //"#formulario";
  $(document).on('keydown', function(e) {
  if ((e.altKey) && (e.which === 49)) { 
    window.location.replace("#conteudoSite");
  }
  if ((e.altKey) && (e.which === 50)) { 
    $( "#fonteNormal" ).click();
  }
  if ((e.altKey) && (e.which === 51)) { 
    $( "#fonteMenos" ).click();
  }
  if ((e.altKey) && (e.which === 52)) { 
    $( "#fonteMais" ).click();
  }
  if ((e.altKey) && (e.which === 53)) { 
    $( "#autoContraste" ).click();
  }
  if ((e.altKey) && (e.which === 54)) { 
    window.location.replace("mapaSite");
  }
});

  $(document).on('keypress', function(e) {
  if ((e.altKey) && (e.which === 49)) { 
    window.location.replace("#conteudoSite");
  }
  if ((e.altKey) && (e.which === 50)) { 
    $( "#fonteNormal" ).click();
  }
  if ((e.altKey) && (e.which === 51)) { 
    $( "#fonteMenos" ).click();
  }
  if ((e.altKey) && (e.which === 52)) { 
    $( "#fonteMais" ).click();
  }
  if ((e.altKey) && (e.which === 54)) { 
    window.location.replace("mapaSite");
  }
});


    $(document).ready(function(){
      if(typeof localStorage.getItem('contrasteSessao') != "undefined"){
        if(localStorage.getItem('contrasteSessao') == '1'){
          $('#contraste').val(1);
          $( "a" ).removeClass("linkPretoLinha");
          $( "div" ).addClass("entraContraste");
          $( "b" ).addClass("entraContraste");
          $( "a" ).addClass("entraContraste");
          $( "body" ).addClass("entraContraste");
          $( "nav" ).addClass("entraContraste");
          $( "li" ).addClass("entraContraste");
          $( "span" ).addClass("entraContraste");
          $( "button" ).addClass("entraContraste");
          $( "font" ).addClass("entraContraste");
        }
      }

       $("#autoContraste").click(function() {
        if(parseInt($('#contraste').val())%2 == 0){
          localStorage.setItem('contrasteSessao','1');
          $('#contraste').val(1);
          $( "a" ).removeClass("linkPretoLinha");
          $( "div" ).addClass("entraContraste");
          $( "b" ).addClass("entraContraste");
          $( "a" ).addClass("entraContraste");
          $( "body" ).addClass("entraContraste");
          $( "nav" ).addClass("entraContraste");
          $( "li" ).addClass("entraContraste");
          $( "span" ).addClass("entraContraste");
          $( "button" ).addClass("entraContraste");
          $( "font" ).addClass("entraContraste");
        }else{
          $('#contraste').val(2);
          $( ".container .row .col-md-12 a" ).addClass("linkPretoLinha");
          localStorage.setItem('contrasteSessao','2');
          $( "div" ).removeClass("entraContraste");
          $( "b" ).removeClass("entraContraste");
          $( "a" ).removeClass("entraContraste");
          $( "body" ).removeClass("entraContraste");
          $( "nav" ).removeClass("entraContraste");
          $( "li" ).removeClass("entraContraste");
          $( "span" ).removeClass("entraContraste");
          $( "button" ).removeClass("entraContraste");
          $( "font" ).removeClass("entraContraste");
        }
       });

       //  $( "div" ).css("font-size", '20px');
       //1 - fonte menor nivel 3
       //2 - fonte menor nivel 2
       //3 - fonte menor nivel 1
       //4 - fonte normal
       //5 - fonte maior nivel 1
       //6 - fonte maior nivel 2
       //7 - fonte maior nivel 3

          if(localStorage.getItem('tamanhoFonte') == "NaN"){
            localStorage.setItem('tamanhoFonte','4');
          }

          switch(parseInt(localStorage.getItem('tamanhoFonte'))) {
            case 1:
              // codigooooo
              $( "div" ).css("font-size", '8px');
              $( "b" ).css("font-size", '8px');
              $( "a" ).css("font-size", '8px');
              $( "nav" ).css("font-size", '8px');
              $( "li" ).css("font-size", '8px');
              $( "span" ).css("font-size", '8px');
              $( "button" ).css("font-size", '8px'); 
            break;
            case 2:
              $( "div" ).css("font-size", '9px');
              $( "b" ).css("font-size", '9px');
              $( "a" ).css("font-size", '9px');
              $( "nav" ).css("font-size", '9px');
              $( "li" ).css("font-size", '9px');
              $( "span" ).css("font-size", '9px');
              $( "button" ).css("font-size", '9px'); 
            break;
            case 3:
              $( "div" ).css("font-size", '10px');
              $( "b" ).css("font-size", '10px');
              $( "a" ).css("font-size", '10px');
              $( "nav" ).css("font-size", '10px');
              $( "li" ).css("font-size", '10px');
              $( "span" ).css("font-size", '10px');
              $( "button" ).css("font-size", '10px'); 
                localStorage.setItem('tamanhoFonteQuatro','1');
            break;
            case 4:
              if(localStorage.getItem('tamanhoFonteQuatro') == '1' || localStorage.getItem('tamanhoFonteQuatro') == "NaN"){
                localStorage.setItem('tamanhoFonteQuatro','2');
                window.location.reload();
              }
            break;
            case 5:
                localStorage.setItem('tamanhoFonteQuatro','1');
              $( "div" ).css("font-size", '18px');
              $( "b" ).css("font-size", '18px');
              $( "a" ).css("font-size", '18px');
              $( "nav" ).css("font-size", '18px');
              $( "li" ).css("font-size", '18px');
              $( "span" ).css("font-size", '18px');
              $( "button" ).css("font-size", '18px'); 
            break;
            case 6:
              $( "div" ).css("font-size", '20px');
              $( "b" ).css("font-size", '20px');
              $( "a" ).css("font-size", '20px');
              $( "nav" ).css("font-size", '20px');
              $( "li" ).css("font-size", '20px');
              $( "span" ).css("font-size", '20px');
              $( "button" ).css("font-size", '20px'); 
            break;
            case 7:
              $( "div" ).css("font-size", '22px');
              $( "b" ).css("font-size", '22px');
              $( "a" ).css("font-size", '22px');
              $( "nav" ).css("font-size", '22px');
              $( "li" ).css("font-size", '22px');
              $( "span" ).css("font-size", '22px');
              $( "button" ).css("font-size", '22px'); 
            break;
            default:
          }

       $("#fonteMais").click(function() {
          var tamanhoFonteNova = parseInt(localStorage.getItem('tamanhoFonte')) + 1;
          if(parseInt(tamanhoFonteNova) > 7){
            tamanhoFonteNova = 7;
          }
            localStorage.setItem('tamanhoFonte',tamanhoFonteNova);
          if(parseInt(tamanhoFonteNova) == 4){
            window.location.reload();
          }
          switch(tamanhoFonteNova) {
            case 1:
              // codigooooo
              $( "div" ).css("font-size", '8px');
              $( "b" ).css("font-size", '8px');
              $( "a" ).css("font-size", '8px');
              $( "nav" ).css("font-size", '8px');
              $( "li" ).css("font-size", '8px');
              $( "span" ).css("font-size", '8px');
              $( "button" ).css("font-size", '8px'); 
            break;
            case 2:
              $( "div" ).css("font-size", '9px');
              $( "b" ).css("font-size", '9px');
              $( "a" ).css("font-size", '9px');
              $( "nav" ).css("font-size", '9px');
              $( "li" ).css("font-size", '9px');
              $( "span" ).css("font-size", '9px');
              $( "button" ).css("font-size", '9px'); 
            break;
            case 3:
              $( "div" ).css("font-size", '10px');
              $( "b" ).css("font-size", '10px');
              $( "a" ).css("font-size", '10px');
              $( "nav" ).css("font-size", '10px');
              $( "li" ).css("font-size", '10px');
              $( "span" ).css("font-size", '10px');
              $( "button" ).css("font-size", '10px'); 
                localStorage.setItem('tamanhoFonteQuatro','1');
            break;
            case 4:
              if(localStorage.getItem('tamanhoFonteQuatro') == '1' || localStorage.getItem('tamanhoFonteQuatro') == "NaN"){
                localStorage.setItem('tamanhoFonteQuatro','2');
                window.location.reload();
              }
            break;
            case 5:
                localStorage.setItem('tamanhoFonteQuatro','1');
              $( "div" ).css("font-size", '18px');
              $( "b" ).css("font-size", '18px');
              $( "a" ).css("font-size", '18px');
              $( "nav" ).css("font-size", '18px');
              $( "li" ).css("font-size", '18px');
              $( "span" ).css("font-size", '18px');
              $( "button" ).css("font-size", '18px'); 
            break;
            case 6:
              $( "div" ).css("font-size", '20px');
              $( "b" ).css("font-size", '20px');
              $( "a" ).css("font-size", '20px');
              $( "nav" ).css("font-size", '20px');
              $( "li" ).css("font-size", '20px');
              $( "span" ).css("font-size", '20px');
              $( "button" ).css("font-size", '20px'); 
            break;
            case 7:
              $( "div" ).css("font-size", '22px');
              $( "b" ).css("font-size", '22px');
              $( "a" ).css("font-size", '22px');
              $( "nav" ).css("font-size", '22px');
              $( "li" ).css("font-size", '22px');
              $( "span" ).css("font-size", '22px');
              $( "button" ).css("font-size", '22px'); 
            break;
            default:
          }
          // tamanhoFonteNova  fazer codigo abaixo com essa variavel para definir o tamanho da fonte em cada tag 
       });


       $("#fonteNormal").click(function() {
            localStorage.setItem('tamanhoFonte','4');
              if(localStorage.getItem('tamanhoFonteQuatro') == '1' || localStorage.getItem('tamanhoFonteQuatro') == "NaN"){
                localStorage.setItem('tamanhoFonteQuatro','2');
                window.location.reload();
              }
       });

       $("#fonteMenos").click(function() {
          var tamanhoFonteNova = parseInt(localStorage.getItem('tamanhoFonte')) - 1;
          if(tamanhoFonteNova < 1){
            tamanhoFonteNova = 1;
          }
            localStorage.setItem('tamanhoFonte',tamanhoFonteNova);
          if(tamanhoFonteNova == 4){
            window.location.reload();
          }
          switch(tamanhoFonteNova) {
            case 1:
              // codigooooo
              $( "div" ).css("font-size", '8px');
              $( "b" ).css("font-size", '8px');
              $( "a" ).css("font-size", '8px');
              $( "nav" ).css("font-size", '8px');
              $( "li" ).css("font-size", '8px');
              $( "span" ).css("font-size", '8px');
              $( "button" ).css("font-size", '8px'); 
            break;
            case 2:
              $( "div" ).css("font-size", '9px');
              $( "b" ).css("font-size", '9px');
              $( "a" ).css("font-size", '9px');
              $( "nav" ).css("font-size", '9px');
              $( "li" ).css("font-size", '9px');
              $( "span" ).css("font-size", '9px');
              $( "button" ).css("font-size", '9px'); 
            break;
            case 3:
              $( "div" ).css("font-size", '10px');
              $( "b" ).css("font-size", '10px');
              $( "a" ).css("font-size", '10px');
              $( "nav" ).css("font-size", '10px');
              $( "li" ).css("font-size", '10px');
              $( "span" ).css("font-size", '10px');
              $( "button" ).css("font-size", '10px'); 
                localStorage.setItem('tamanhoFonteQuatro','1');
            break;
            case 4:
              if(localStorage.getItem('tamanhoFonteQuatro') == '1' || localStorage.getItem('tamanhoFonteQuatro') == "NaN"){
                localStorage.setItem('tamanhoFonteQuatro','2');
                window.location.reload();
              }
            break;
            case 5:
                localStorage.setItem('tamanhoFonteQuatro','1');
              $( "div" ).css("font-size", '18px');
              $( "b" ).css("font-size", '18px');
              $( "a" ).css("font-size", '18px');
              $( "nav" ).css("font-size", '18px');
              $( "li" ).css("font-size", '18px');
              $( "span" ).css("font-size", '18px');
              $( "button" ).css("font-size", '18px'); 
            break;
            case 6:
              $( "div" ).css("font-size", '20px');
              $( "b" ).css("font-size", '20px');
              $( "a" ).css("font-size", '20px');
              $( "nav" ).css("font-size", '20px');
              $( "li" ).css("font-size", '20px');
              $( "span" ).css("font-size", '20px');
              $( "button" ).css("font-size", '20px'); 
            break;
            case 7:
              $( "div" ).css("font-size", '22px');
              $( "b" ).css("font-size", '22px');
              $( "a" ).css("font-size", '22px');
              $( "nav" ).css("font-size", '22px');
              $( "li" ).css("font-size", '22px');
              $( "span" ).css("font-size", '22px');
              $( "button" ).css("font-size", '22px'); 
            break;
            default:
          }
          // tamanhoFonteNova  fazer codigo abaixo com essa variavel para definir o tamanho da fonte em cada tag
       });

       
    });



    $(function(){

          var menu = $('.menu-navigation-basic');

          menu.slicknav();

          // Mark the clicked item as selected

          menu.on('click', 'a', function(){
              var a = $(this);

              a.siblings().removeClass('selected');
              a.addClass('selected');
          });
      });
      
  </script>


  <button style="display: none;" type="button" name="button3" id="button3" class="btn btn-info btn-lg" data-toggle="modal" data-target="#formulario"> </button>

  </head>
    <body>

  <style type="text/css">

    .backgroundCabecalho{
      background: url('logos/1.jpg');
    }

.stopfade { 
   opacity: .5;
}

#polina { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}
#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

  </style>
<!-- jquery -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<!-- chamada da função -->
  

  <style type="text/css">
  .rotateUm{
    transform: rotate(-2deg);
  }
  .rotateDois{
    transform: rotate(2deg);
  }
  .sejaBemVindo{
    top: 200px;
    text-align: center;
    position: absolute;
    font-weight:bold;
    color: #E62C32;
    width: 100%;
    z-index: 700;
    font-size: 0px;
  }
  .surpresa{
    top: 150px;
    text-align: center;
    position: absolute;
    font-weight:bold;
    color: #E62C32;
    width: 100%;
    z-index: 600;
    font-size: 60px;
  }
  /*
  -moz-transform-origin: left center;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(60px,0,0);
  */

    .lacoCortadoEsq{box-shadow: 10px 10px 5px #888888; display: inline-block;  z-index: 1000; border-radius: 100% 2% 2% 100%; border: 1px solid #B92023; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#B92023, red); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#B92023, red); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#B92023, red); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#B92023, red);  width: 50%; height: 50px; position: absolute; top:250px; left:50%;}
    .lacoCortadoDir{box-shadow: 10px 10px 5px #888888;  z-index: 999; border-radius: 2% 50% 100% 2%; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(red, #B92023); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(red, #B92023); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(red, #B92023); /* For Firefox 3.6 to 15 */
      background: linear-gradient(red, #B92023);  width: 50%; height: 50px; position: absolute; top:250px; right:50%;}
    .laco{ z-index: 1001; width: 13%; height: auto; position: absolute; top:225px; left:44%;}
    @media (max-width: 600px) 
    {
      .lacoCortadoEsq{
        height: 10px;
        top: 232px;
      }
      .lacoCortadoDir{
        height: 10px;
        top: 232px;
      }
      .surpresa{
        top: 90px;
        font-size: 20px;
      }
    }
  </style>

  <div class="escuroClaro">
  <style type="text/css">
body { padding-right: 0 !important }
#cssmenu > ul{
  box-shadow: none;
}
#search-box {
    position: relative;
    width: 100%;
    margin: 0;
}
.containerCabecalho{
  padding-top: 60px;
}
#search-form {
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#search-text {
    font-size: 14px;
    color: #ddd;
}
#search-box input[type="text"] {
    width: 90%;
    padding: 11px 0 12px 1em;
    color: #333;
    outline: none;
}
#search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
.iconeRS{
  -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
filter: grayscale(100%);
height: 20px;
}
.iconeRS:hover{
  -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
     -o-filter: grayscale(0%);
filter: grayscale(0%);
}
#iconePeq{
  max-width: 30px;
  max-height: 30px;
}
#logo{max-width: 150px; padding-top: 15px;}
#redesSociais{
  padding-bottom: 10px;
}
#redesSociais:hover{
  padding-bottom: 0px;
}
#iconePeq:hover{
  max-width: 40px;
  max-height: 40px;
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out;
}
  #menu{
    padding-top: 60px;
    text-align: center;
  }
  #linkMenu{
    font-size: 17px;
  }
  a:link, a:visited {
    text-decoration: none;
    color: white;
  }
  a:hover {
    text-decoration: underline; 
  }
  a:active {
    text-decoration: none;
  }
  #buscador{
    padding-top: 300px; padding-bottom: 50px;
  }
.classAcessibilidade{
  font-size: 12px;
}
@media (max-width: 1000px) {
  #iconeRS{
  text-align: center; 
}
.classAcessibilidade{
  font-size: 15px;
}
.img-responsive{

}
#logo{
  padding-top: 15px;
}
#menuLogo{text-align: center;}

  #menu{padding-bottom: 5px; padding-top: 5px;}

  #buscador{
    padding-top: 10px; padding-bottom: 10px;
  }
}
.acessoInformacaoFixo {
  position:fixed;
  z-index: 9999;
  top:50px;
  right: 0px;
  padding: 3px;
  background: white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  box-shadow: 1px 1px 3px 1px black;
}

@media (max-width: 800px) {
  #menu{
    margin-top: 15px;
    background: white;
  }
  #cssmenu #menu-button{color: black;}
  #cssmenu #menu-button::after{
    border-top: 2px solid black;
    border-bottom: 2px solid black;

  }
  #cssmenu #menu-button::before{
    border-top: 2px solid black;
    border-bottom: 2px solid black;

  } 
  a span{
    color: black;
  } 
  a span:hover{
    color: white;
  }
  li:hover a span{color: white;}
}
@media (max-width: 600px) {
.negritoResponsive{
  font-weight: bold;
}
  .viraRodape{
display: none;
  }
  .containerCabecalho{
    padding-top: 30px;
  }
  .buscador{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #menu{
    margin-bottom: 10px;
    margin-top: 10px;
  }
  #logo{
    padding-bottom: 30px;
  }
  .acessoInformacaoFixo{
  top:10px;
  padding: 1px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
  $(window).on("scroll", function() {
    var tamanhoTela = $(window).width();
    if(tamanhoTela > 999){
    var scroll = $(window).scrollTop();
    if((scroll > 100) && (scroll < 200)){
          $(".corpoUm").css("height", '140px');
          $(".corpoUm").css("transition", '0.5s');
          $(".corpoUm").css("color", '#EDEDED');
    }else if(( scroll > 199) && (scroll < 300)){
          $(".corpoUm").css("height", '110px');
          $(".corpoUm").css("transition", '0.5s');
          $(".corpoUm").css("color", '#EDEDED');
    }else if((scroll > 299) && (scroll < 400)){
          $(".corpoUm").css("height", '70px');
          $(".corpoUm").css("transition", '0.5s');
          $(".corpoUm").css("color", '#EDEDED');
    }else if((scroll > 399) && (scroll < 9999)){
          $(".corpoUm").css("height", '0px');
          $(".corpoUm").css("padding-top", '0px');
          $(".corpoUm").css("padding-bottom", '0px');
          $(".corpoUm").css("transition", '0.5s');
          $(".corpoUm").css("color", '#EDEDED');
    }else{
          $(".corpoUm").css("height", '140px');
          $(".corpoUm").css("padding-top", '30px');
          $(".corpoUm").css("padding-bottom", '30px');
          $(".corpoUm").css("transition", '0.5s');
          $(".corpoUm").css("color", 'white');
    }
    
      
    }
  });
</script>
<!--
<div style="background: black; float: left; margin: 0 auto; width: 100%;">
<div class="container">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10" style="background: black; color: white; padding-top: 22px; padding-bottom: 22px; font-size: 16px;">
  A Prefeitura Municipal de Criciúma - SC está de cara nova, estamos em uma constante evolução, <a data-toggle="modal" data-target="#formulario" style="font-weight: bold; color: #83BF50;" href="#">clique aqui</a> para dar sua opinião e nós ajudar a montar um novo site para ajudar você cidadão. 
    </div>
    <div class="col-md-1"></div>
  </div>
</div>
</div>
-->


<div class="viraRodape">
  
<style type="text/css">
@media (max-width: 450px) 
{
  .acessoInformacaoFixo{
    display: none;
  }
}
</style>
<a href="/site/acessoInformacao" alt="xxxxx" style="color: black;">
<div class="acessoInformacaoFixo">
    <center><a href="/site/acessoInformacao" style="color: black;"><img id="icone" src="/site/icones/acessoInformacao.png" alt="Icone Acesso a informação" style="max-width: 30px;" class="img-responsive"></a></center>
      
      <div class="col-md-12" style="padding-top: 5px;"><a href="/site/acessoInformacao" style="color: black; font-size: 12px;">Acesso à <br>informação</a></div>
    </div>
    </a>
<!--
<a target="_blanck" href="http://sistemas.criciuma.sc.gov.br/iptu2018/" style="color: black;">
<div class="acessoInformacaoFixo" style="top: 141px;">
    <center><a target="_blanck" href="http://sistemas.criciuma.sc.gov.br/iptu2018/" style="color: black;"><img id="icone" src="/site/imagens_gravadas/iptu2018.fw.png" style="max-width: 70px; margin: 10px;" class="img-responsive"></a></center>
    </div>
    </a>
-->
<div style="background: #757575; float: left; margin: 0 auto; width: 100%; padding-top: 2px; padding-bottom: 2px;">
  <div class="container">
    <div class="row">
      <div class="col-md-2">
        
      </div>
      <div class="col-md-8" style="text-align: center; color: white;">
        
<b class="classAcessibilidade"><a href="/site/acessibilidade">Acessibilidade:</a></b>&nbsp;&nbsp;
<a class="classAcessibilidade" id="siteConteudo" href="#conteudoSite">[1] Pular para conteúdo</a>&nbsp;&nbsp;
<a class="classAcessibilidade" id="fonteNormal" href="">[2] Fonte Normal</a>&nbsp;&nbsp;
<a class="classAcessibilidade" id="fonteMenos" href="#">[3] Diminuir Fonte</a> &nbsp;&nbsp;
<a class="classAcessibilidade" id="fonteMais" href="#">[4] Aumentar Fonte</a> &nbsp;&nbsp;
<a class="classAcessibilidade" id="autoContraste" href="#">[5] Contraste</a>&nbsp;&nbsp;
<a class="classAcessibilidade" id="mapaDoSite" href="/site/mapaSite">[6] Mapa do Site</a> 
      </div>
      <div class="col-md-2" id="iconeRS">
        <a href="https://www.instagram.com/prefcriciuma/"><img alt="Icone Instagram" src="/site/icones/instagran.png" class="iconeRS"></a>&nbsp;
        <a href="https://www.facebook.com/prefeituradecriciuma/"><img alt="Icone Facebook" src="/site/icones/facebook.png" class="iconeRS"></a>&nbsp;
        <a href="https://twitter.com/prefcriciuma"><img alt="Icone Twitter" src="/site/icones/twitter.png" class="iconeRS"></a>&nbsp;
        <a href="https://www.youtube.com/channel/UCgprBVuBEZrCnS-vyJNYCaQ"><img alt="Icone Youtube" src="/site/icones/youtube.png" class="iconeRS"></a>
      </div>
    </div>
  </div>
</div>
</div>
<div class="backgroundCabecalho" style=" background-repeat: no-repeat; background-attachment: fixed;  background-size: 100% 100%; ">


<div class="container containerCabecalho">
    <div class="row">
  <div class="col-md-2" id="iconeRS" ><a href="/site/"><img alt="Logo Prefeitura Municpal de Criciúma - Clesio Salvaro e Ricardo Fabris" src="/site/logos/logo.png" id="logo" ></a></div>
  <div id="menu" class="col-md-10">
<div id='cssmenu'>
<ul style="z-index: 2;">
   <li class='has-sub'><a href='/site/servicos'><span class="negritoResponsive"><i class="glyphicon glyphicon-cog"></i> Serviços</span></a>
    <ul style="z-index: 2;">
            <li><a href='https://e-gov.betha.com.br/cdweb/resource.faces?params=zwhPTMHxjYZyaJHa0X5DWw==' target="_blank"><span style="color: black;">Alvará 2018</span></a></li>
            <li><a href='/site/servico/117' target="_blank"><span style="color: black;">Certidão Negativa</span></a></li>
            <li><a href='https://e-gov.betha.com.br/cidadaoweb3/resource.faces?params=5pRRYKPAUrVbSWOj6I2B-A==' target="_blank"><span style="color: black;">Consulta de Processos</span></a></li>
            <li><a href='https://e-gov.betha.com.br/cidadaoweb3/resource.faces?params=zwhPTMHxjYbvhYpGkgF93Q==' target="_blank"><span style="color: black;">Dívida Ativa</span></a></li>
            <li><a href='https://e-gov.betha.com.br/cdweb/resource.faces?params=zwhPTMHxjYY1wcda61kghg==' target="_blank"><span style="color: black;">IPTU 2018</span></a></li>
            <li><a href='/site/servico/186' target="_blank"><span style="color: black;">Licitações / Editais</span></a></li>
            <li><a href='/site/servico/323' target="_blank"><span style="color: black;">Livro Eletrônico</span></a></li>
            <li><a href='/site/servico/322' target="_blank"><span style="color: black;">Nota Fiscal Eletrônica</span></a></li>
         <li><a href='/site/servicos'><span style="color: #00913E;">Mais Serviços</span></a></li>
    </ul>
   </li>
   <li class='has-sub'><a href='#'><span class="negritoResponsive"><i class="glyphicon glyphicon-th-large"></i> Setores</span></a>
      <ul style="z-index: 2;">
         <li class='has-sub'><a href='#'><span style="color: black;" class="negritoResponsive">Gabinete</span></a>
            <ul style="z-index: 2;">
               <li><a href='/site/prefeito'><span style="color: black;">Prefeito</span></a></li>
               <li><a href='/site/vice_prefeito'><span style="color: black;">Vice-Prefeito</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span style="color: black;" class="negritoResponsive">Secretarias</span></a>
            <ul style="z-index: 2;">
               <li><a href='/site/secretaria/6'><span style="color: black;">Secretaria Geral</span></a></li>
               <li><a href='/site/secretaria/1'><span style="color: black;">Secretaria Municipal de Saúde</span></a></li>
               <li><a href='/site/secretaria/2'><span style="color: black;">Secretaria Municipal de Educação</span></a></li>
               <li><a href='/site/secretaria/3'><span style="color: black;">Secretaria Municipal da Assistência Social</span></a></li>
               <li class='last'><a href='/site/secretaria/4'><span style="color: black;">Secretaria Municipal de Infraestrutura, Planejamento e Mobilidade Urbana</span></a></li>
               <li><a href='/site/secretaria/5'><span style="color: black;">Secretaria Municipal da Fazenda</span></a></li>
               
               <li><a href='/site/servico/311'><span style="color: black;">Procuradoria Geral do Município</span></a></li>               
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span class="negritoResponsive" style="color: black;">Diretorias</span></a>
            <ul>
               <li><a href='/site/comunicacao'><span style="color: black;">DECOM - Diretoria de Comunicação</span></a></li>
               <li><a href='/site/servico/186'><span style="color: black;">DL - Diretoria de Logística</span></a></li>
               <li><a href='http://dti.criciuma.sc.gov.br/'><span style="color: black;">DTI - Diretoria de Tecnologia da Informação</span></a></li>
               <li><a href='http://www.criciuma.sc.gov.br/site/dtt'><span style="color: black;">DTT - Diretoria de Trânsito e Transporte</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span class="negritoResponsive" style="color: black;">Órgãos</span></a>
            <ul>
               <li><a href='http://procon.criciuma.sc.gov.br/'><span style="color: black;">Programa de Proteção e Defesa do Consumidor - PROCON</span></a></li>
               <li><a href='/site/servico/criciumaPrev'><span style="color: black;">Previdência - CRICIUMAPREV</span></a></li>
               <li class='last'><a href='http://www.criciuma.sc.gov.br/defesacivil/' target="_blank"><span style="color: black;">Defesa Civil</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span class="negritoResponsive" style="color: black;">Fundações</span></a>
            <ul>
               <li><a href='http://www.famcri.sc.gov.br/'><span style="color: black;">Fundação do Meio Ambiente de Criciúma - FAMCRI</span></a></li>
               <li><a href='http://criciuma.sc.gov.br/fme/'><span style="color: black;">Fundação Municipal dos Esportes - FME</span></a></li>
               <li><a href='http://www.criciuma.sc.gov.br/fcc/'><span style="color: black;">Fundação Cultural de Criciúma - FCC</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='/site/turismo'><span class="negritoResponsive"><i class="glyphicon glyphicon-camera"></i> Turismo</span></a></li>
   <li><a href='/site/diarioOficial'><span class="negritoResponsive"><i class="glyphicon glyphicon-book"></i> Diário Oficial</span></a></li>
   <li><a href='/site/noticias'><span class="negritoResponsive"><i class="glyphicon glyphicon-blackboard"></i> Notícias</span></a></li>
   <li class='last'><a href='/site/ouvidoria'><span class="negritoResponsive"><i class="glyphicon glyphicon-bullhorn"></i> Ouvidoria</span></a></li>
</ul>
     
</div>
  </div>
    </div>
    <div class="row" id="buscador">
        <div class="col-md-6 col-md-offset-3 buscador">
            <div id='search-box'>
  <form action='/site/procurar' id='form' method='post' name="form">
    <input required style="z-index: 1;" id='search-text' id="procurar" name='procurar' placeholder='Digite o que você procura Ex: IPTU, Alvará, Secretarias..' type='text'/>
    <button style="background: #00913E;" id='search-button' type='submit'><span>Buscar</span></button>
  </form>
</div> 
        </div>
    </div>
</div>
</div>
<a name="conteudoSite"></a>
  <style type="text/css">
	#infi{
		padding-top: 5px;
		padding-bottom: 5px;
	}
  .corpoUm{
    font-size: 1.3333em;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
 background: #D9241B; color: white; font-size: 15px; 
  }
</style>
<div class="corpoUm" style="">
<div class="container">
    <div class="row">
  <div class="col-md-3" id="infi"><span class="glyphicon glyphicon-time" aria-hidden="true"></span> <br> 08:00h até às 17:00h</div>
  <div class="col-md-3" id="infi"><span class="glyphicon glyphicon-envelope"></span> <br> contato@criciuma.sc.gov.br</div>
  <div class="col-md-3" id="infi"><span class="glyphicon glyphicon-earphone"></span> <br> (48) 3431-0200</div>
  <div class="col-md-3" id="infi"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> <br> Rua Domênico Sônego, 542 - Paço Municipal Marcos Rovaris - Santa Bárbara - Criciúma - SC <br>CEP: 88.804-050</div>
  </div>
</div>
</div>
  <style type="text/css">
.carousel-indicators li{
  background-color: #333 !important;
}
.linhaSlid{
  margin-right: 24px !important;
}
#imgNoticia:hover{
opacity: 0.6;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
#imgNoticia{
  max-height: 100px;
  min-width: 90%;
}
.image { 

     position: relative; 

     width: 100%; /* for IE 6 */
}
.span { 
   color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); 
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}
.navNoticias{
  float: right;
}
.imagemNoticia:hover{
  opacity: 0.5;
  transition: 0.3s;
}
.imagemNoticia{
  opacity: 0.7;
}
.textoNoticia{
  font-size: 28px;
      text-shadow: 1px 0px 0px #424141, 
                 -1px 0px 0px  #424141, 
                 0px 1px 0px  #424141, 
                 0px -1px 0px  #424141;
}
.textoNoticiaDois{
  font-size: 20px;
      text-shadow: 1px 0px 0px #424141, 
                 -1px 0px 0px  #424141, 
                 0px 1px 0px  #424141, 
                 0px -1px 0px  #424141;
}
@media (max-width: 1000px) {
  .span{font-size: 17px;}
  .navNoticias{
    float: none;
  }
}
@media (max-width: 600px) {
.fundoCorpoTres{
  background: black;
  padding-bottom: 0px;
}
.container{
  padding-right: 0px !important; 
}
.textoNoticia{
  font-size: 20px;
}
.textoNoticiaDois{
  font-size: 15px;
}
}
</style>

<nav class="fundoCorpoTres" style=" color: white; background-repeat: no-repeat; background-attachment: fixed;  background-size: 100% 100%; ">
<nav style=" margin-bottom: 60px; color: black; background: #EDEDED; margin: 0 auto;">

  <div id="myCarousel" class="carousel slide" data-ride="carousel">
<nav class="container">
<center><nav style=" margin: 0 auto; width: 100%;  padding-top: 5px; color: black; font-family: helvetica, sans-serif; font-weight: bold;"><h1 style="font-size: 40px;"><a href="/site/noticias" style="color: black;">NOTÍCIAS</a></h1></nav></center>
</nav>
    <!-- Indicators -->

    <!-- Wrapper for slides -->
    <div class="container">
    <div class="row">
      <div class="col-md-12">
    <div class="carousel-inner container">

      <div class="item active container">
    <nav class="row linhaSlid">
      <nav class="col-md-6" style="padding-bottom: 10px; border-radius: 5px; padding-top: 10px;">
          <a href="/site/noticia/setembro_amarelo:_açao_de_valorizaçao_da_vida_sera_realizada_com_800_jovens_da_regiao-13019">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 500px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 500px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Acoes_do_Setembro_Amarelo_em_parceria_com_a_Assembleia_de_Deus_Foto_Jhulian_Pereira.jpg" alt="Prefeitura Municipal de Criciúma - Setembro Amarelo: ação de valorização da vida será realizada com 800 jovens da região" /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>Saúde<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticia" style="margin-left: 10px; position: relative; margin-top: -500px; height: 500px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Setembro Amarelo: ação de valorização da vida será realizada com 800 jovens da região</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      <nav class="col-md-6" style="padding-bottom: 10px; border-radius: 5px; padding-top: 10px;">
      <nav class="col-md-12" style=" padding-bottom: 5px;">
          <a href="/site/noticia/1º_sebo_literario_de_criciuma_sera_estendido_ate_fim_do_ano_-13018">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 245px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 245px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Sebo_Literario_Fotos_Beatriz_Formanski_200.JPG" alt="Prefeitura Municipal de Criciúma - 1º Sebo Literário de Criciúma será estendido até fim do ano " /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>Fundação Cultural de Criciúma<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticiaDois" style="margin-left: 10px; position: relative; margin-top: -245px; height: 245px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">1º Sebo Literário de Criciúma será estendido até fim do ano </nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      <nav class="col-md-12" style="padding-top: 5px;">
          <a href="/site/noticia/saude:_ubs_cristo_redentor_e_reinaugurada-13017">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 245px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 245px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Inauguracao_da_UBS_Cristo_Redentor_Foto_de_Jhulian_Pereira_3.jpg" alt="Prefeitura Municipal de Criciúma - Saúde: UBS Cristo Redentor é reinaugurada" /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>Saúde<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticiaDois" style="margin-left: 10px; position: relative; margin-top: -245px; height: 245px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Saúde: UBS Cristo Redentor é reinaugurada</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      </nav>
</nav>
      </div>

      <div class="item container">
    <nav class="row linhaSlid">
      <nav class="col-md-6" style="padding-bottom: 10px; border-radius: 5px; padding-top: 10px;">
          <a href="/site/noticia/criciuma_se_prepara_para_58ª_ediçao_dos_jasc_-13016">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 500px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 500px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Criciuma_embarca_para_os_58o_Jasc_Foto_Arquivo_Decom.JPG" alt="Prefeitura Municipal de Criciúma - Criciúma se prepara para 58ª edição dos Jasc " /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>FME<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticia" style="margin-left: 10px; position: relative; margin-top: -500px; height: 500px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Criciúma se prepara para 58ª edição dos Jasc </nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      <nav class="col-md-6" style="padding-bottom: 10px; border-radius: 5px; padding-top: 10px;">
      <nav class="col-md-12" style=" padding-bottom: 5px;">
          <a href="/site/noticia/ubs_cristo_redentor_sera_reinaugurada_nesta_quarta_feira-13015">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 245px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 245px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/UBS_Cristo_Redentor_sera_reinaugurada_nesta_quarta_feira_Fotos_Guilherme_Nuernberg_4.jpeg" alt="Prefeitura Municipal de Criciúma - UBS Cristo Redentor será reinaugurada nesta quarta-feira" /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>Saúde<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticiaDois" style="margin-left: 10px; position: relative; margin-top: -245px; height: 245px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">UBS Cristo Redentor será reinaugurada nesta quarta-feira</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      <nav class="col-md-12" style="padding-top: 5px;">
          <a href="/site/noticia/caratecas_criciumenses_conquistam_medalhas_em_competiçao_estadual-13014">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 245px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 245px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Campeonato_de_Karate_FME_2.jpeg" alt="Prefeitura Municipal de Criciúma - Caratecas criciumenses conquistam medalhas em competição estadual" /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>FME<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticiaDois" style="margin-left: 10px; position: relative; margin-top: -245px; height: 245px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Caratecas criciumenses conquistam medalhas em competição estadual</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      </nav>
</nav>
      </div>
    
      <div class="item container">
    <nav class="row linhaSlid">
      <nav class="col-md-6" style="padding-bottom: 10px; border-radius: 5px; padding-top: 10px;">
          <a href="/site/noticia/famcri_comemora_10_anos_com_posse_de_super_fiscais_do_meio_ambiente-13013">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 500px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 500px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/10_anos_da_Famcri_Foto_de_Jhulian_Pereira_4.jpg" alt="Prefeitura Municipal de Criciúma - Famcri comemora 10 anos com posse de Super Fiscais do Meio Ambiente" /></nav>        
    
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>Famcri<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticia" style="margin-left: 10px; position: relative; margin-top: -500px; height: 500px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Famcri comemora 10 anos com posse de Super Fiscais do Meio Ambiente</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      <nav class="col-md-6" style="padding-bottom: 10px; border-radius: 5px; padding-top: 10px;">
      <nav class="col-md-12" style=" padding-bottom: 5px;">
          <a href="/site/noticia/atletas_conquistam_21_medalhas_na_copa_estadual_de_ginastica_artistica-13012">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 245px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 245px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Meninas_faturam_21_medalhas_na_Copa_de_Ginastica_Foto_Divulgacao_FME.jpeg" alt="Prefeitura Municipal de Criciúma - Atletas conquistam 21 medalhas na Copa Estadual de Ginástica Artística" /></nav>        
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>FME<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticiaDois" style="margin-left: 10px; position: relative; margin-top: -245px; height: 245px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Atletas conquistam 21 medalhas na Copa Estadual de Ginástica Artística</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      <nav class="col-md-12" style="padding-top: 5px;">
          <a href="/site/noticia/criciuma_ultrapassa_meta_de_vacinaçao_contra_sarampo_e_poliomielite-13011">
            <nav class="navNoticias" style=" width: 100%; border-radius: 5px; background: white; color: black;">
              <nav class="image" style=" border-radius: 5px;">
                <nav style="height: 245px; border-radius: 5px; width: 100%; background: black;"><img class="imagemNoticia" style=" z-index: 9995; height: 245px; position: absolute; float: right;  border-radius: 5px; width: 100%; object-fit: cover;
    object-position: center;" src="http://www.criciuma.sc.gov.br/pmc/webroot/upload/Campanha_de_vacinacao2.jpg" alt="Prefeitura Municipal de Criciúma - Criciúma ultrapassa meta de vacinação contra sarampo e poliomielite" /></nav>
                  <nav style="font-size: 19px; color: white; position: absolute; z-index: 9999; top: 20px; font-family: Verdana, sans-serif; font-weight: bold; left: 5px; width: 100%; "><b>Saúde<br><nav style="background: #00913E; width: 150px; height: 5px;">&nbsp;</nav></b></nav>
                  <nav class="textoNoticiaDois" style="margin-left: 10px; position: relative; margin-top: -245px; height: 245px; vertical-align: text-bottom;width: 96%; color: white;  font-family: helvetica, sans-serif; font-weight: bold;"><nav style="vertical-align: text-bottom; position: absolute; bottom:0px;left:0px; z-index: 9997;">Criciúma ultrapassa meta de vacinação contra sarampo e poliomielite</nav></nav>
              </nav>
            </nav>  
          </a>
      </nav>
      </nav>
</nav>
      </div>
  
    </div>
  </div>
</div>

    <div class="row" style="padding-top: 100px;">
      <div class="col-md-12">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Anterior</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Próximo</span>
    </a>
      <center><a href="/site/noticias" style="color: white;"><button type="button" class="btn btn-success">Mais Notícias</button></a></center><br><br>
    </div>
  </div>


</nav>
</nav>  <style type="text/css">   
  #icone{
    max-width: 80px;
    max-height: 80px;
  }
  #icone:hover{
    max-width: 100px;
    max-height: 100px;
    transition: 1s;
  }
@media (max-width: 1000px){
  #corpoDois{padding-top: 15px; padding-bottom: 15px;}
}
</style>
<div style="background: white; padding-top: 50px; padding-bottom: 50px; font-size: 18px; font-weight: bold;" >
<div class="container">
    <div class="row">
    <div class="col-md-3" id="corpoDois">
    <a href="/site/telefonesUteis">
      <div class="col-md-12"><center><img id="icone" alt="icone telefones uteis prefeitura municpal de criciúma" src="/site/icones/telefone.png" class="img-responsive"></center></div>
      </a>
      <div class="col-md-12" style="padding-top: 15px;"><center>Telefones úteis</center></div>
    </div>
    <div class="col-md-3" id="corpoDois">
    <a href="/site/horariosOnibus#conteudoSite">
      <div class="col-md-12"><center><img id="icone" alt="icone horários de onibus da prefeitura municpal de criciúma" src="/site/icones/horario.png" class="img-responsive" alt="Cinque Terre"></center></div>
      </a>
      <div class="col-md-12" style="padding-top: 15px;"><center>Horários de ônibus</center></div>
    </div>
  	<div class="col-md-3" id="corpoDois">
    <a href="/site/perguntasFrequentes">
  		<div class="col-md-12"><center><img id="icone" alt="icone perguntas frequentes da prefeitura municpal de criciúma" src="/site/icones/interogacao.png" class="img-responsive" alt="Cinque Terre"></center></div>
      </a>
  		<div class="col-md-12" style="padding-top: 15px;"><center>Perguntas frequentes</center></div>
  	</div>
    <div class="col-md-3" id="corpoDois">
    <a href="https://e-gov.betha.com.br/cidadaoweb3/resource.faces?params=5pRRYKPAUrVbSWOj6I2B-A==">
      <div class="col-md-12"><center><img id="icone" src="/site/icones/consulta_processo.png" class="img-responsive" alt="Consultas de processos"></center></div>
      </a>
      <div class="col-md-12" style="padding-top: 15px;"><center>Consulta de processos</center></div>
    </div>
    
    <!--
    <div class="col-md-3" id="corpoDois">
    <a href="/site/obrasRealizadas">
      <div class="col-md-12"><center><img id="icone" src="/site/icones/obras.png" class="img-responsive" alt="Cinque Terre"></center></div>
      </a>
      <div class="col-md-12" style="padding-top: 15px;"><center>Obras realizadas</center></div>
    </div>
    -->
  </div>
</div>
</div>  <style>
  #tituloCorpoQuatro 
   {
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px; 
   }
   #tituloCorpoQuatroDois{
      font-size: 24px;
      text-align: center;
   }
   .listaServico{text-align: left; padding-bottom: 5px; padding-top: 5px; width: 100%; float: left; margin: 0 auto; }
   .classServicoDiv{
    padding-top: 60px; color: white; background: url('/site/logos/2.jpg'); background-repeat: no-repeat; background-attachment: fixed;  background-size: 100% 100%;
   }
   .nomeServicoCss{
    font-size: 20px;
   }
@media (max-width: 1000px) 
{
  .listaServico{padding-bottom: 10px; padding-top: 10px;}
}
@media (max-width: 800px) 
{
  #tituloCorpoQuatro 
   {
    font-size: 20px;
   }
   #tituloCorpoQuatroDois{
      font-size: 15px;
      text-align: center;
   }
}

@media (max-width: 600px) {
  .classServicoDiv{
    background: #e6e6e6; color: #353535;
  }  
  .nomeServicoCss{
    color: #353535 !important;
  }
}

</style>

<div class="classServicoDiv">

<div class="container" style="padding-bottom: 60px; font-family: helvetica, sans-serif;
font-weight: bold;
">
    <div class="row">
      <div class="col-md-12" id="tituloCorpoQuatro">
      Serviços, Programas e Projetos em destaque oferecidos pela prefeitura de Criciúma:      </div>
      <div class="col-md-12" id="tituloCorpoQuatroDois">
        <div class="bordaServico">
      <div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/143">ISS Fixo</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cdweb/resource.faces?params=zwhPTMHxjYY1wcda61kghg==">IPTU 2018</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="http://www.criciuma.sc.gov.br/pmc/webroot/upload/ckfinder/files/Edital%20-%20PMC%20-%20Edital%20n_006-2017-Retificado%20(2).pdf">ACT's 2018</a>
          </div>
        </div>
      </div>   
      </div><div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cdweb/resource.faces?params=zwhPTMHxjYZyaJHa0X5DWw==">Alvará 2018</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cidadaoweb3/resource.faces?params=zwhPTMHxjYbvhYpGkgF93Q==">Dívida Ativa</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/323">Livro Eletrônico</a>
          </div>
        </div>
      </div>   
      </div><div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/117">Certidão Negativa</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/281">Educação Especial</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cidadaoweb3/resource.faces?params=5pRRYKPAUrVbSWOj6I2B-A==">Consulta de Processos</a>
          </div>
        </div>
      </div>   
      </div><div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/186">Licitações / Editais</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/322">Nota Fiscal Eletrônica</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/66">Inscrições para Estágio</a>
          </div>
        </div>
      </div>   
      </div><div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cdweb/resource.faces?params=Y8dntMKhlgnUREs9BAtTZg==">Situação do Contribuinte</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/160">Boletim Cadastral de Imóvel</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cdweb/resource.faces?params=kSaNG4sj7aX1-Fa1UMqk-A==">Certidão de Baixa de Atividade</a>
          </div>
        </div>
      </div>   
      </div><div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/203">Bolsas de Estudo PMC/UNESC e PMC/Esucri</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/311">Câmara de Conciliação de Precatórios </a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/319">Edital de Chamamento Público nº 003/2018</a>
          </div>
        </div>
      </div>   
      </div><div class="row">      <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a " class="nomeServicoCss" href="/site/servico/316">Processo seletivo para contratação de médicos temporários</a>
          </div>
        </div>
      </div>   
            <div class="col-md-4">
        <div class="listaServico">
          <div style="width: 10%; float: left;">
            <span class="glyphicon glyphicon-ok" style="color:#00913E;"></span>
          </div> 
          <div style="width: 85%; float: left;">
            <a  target="_blank"  class="nomeServicoCss" href="https://e-gov.betha.com.br/cdweb/resource.faces?params=ctPzqqhTq6iaXNtl1mZ6DA==">Emitir o alvará de licença de localização e/ou funcionamento</a>
          </div>
        </div>
      </div>   
      </div>      </div>
      </div>
</div>
<br><br>
<center><a style="color: white;" href="/site/servicos"><button type="button" class="btn btn-success">Mais serviços</button></a></center></div>  <style type="text/css">
	#infi{
		padding-top: 5px;
		padding-bottom: 5px;
	}
  #imgNoticia{
    width: 100%;
    height: 100px;
  }
</style>
<div style="font-size: 1.3333em;
padding: 3.4em 0 1.9em;
text-align: center;
 background: #00913E; color: white; font-size: 15px; ">
 <div class="container">
    <div class="row">
  <div class="col-md-3" id="infi"><center><a href="/site/esic"><img style="border-radius: 10px;" id="imgNoticia" class="img-responsive" alt="/site/esic/site/imagens_gravadas/esic.jpg" src="/site/imagens_gravadas/esic.jpg"></a></center></div>
  <div class="col-md-3" id="infi"><center><a data-toggle="modal" data-target="#formulario" href="/site/#"><img style="border-radius: 10px;" id="imgNoticia" class="img-responsive"  alt="/site/esic/site/imagens_gravadas/esic.jpg" src="/site/imagens_gravadas/formulario.jpg"></a></center></div>
  <div class="col-md-3" id="infi"><center><a href="/site/servico/270"><img style="border-radius: 10px;" id="imgNoticia" class="img-responsive"  alt="/site/esic/site/imagens_gravadas/esic.jpg" src="/site/imagens_gravadas/bnr-pessoas-desaparecidas.png"></a></center></div>
  <div class="col-md-3" id="infi"><center><a href="/site/servico/278"><img style="border-radius: 10px;" id="imgNoticia" class="img-responsive"  alt="/site/esic/site/imagens_gravadas/esic.jpg" src="/site/imagens_gravadas/moovit-novo.png"></a></center></div>
  </div>
</div>
</div>

<!-- Trigger the modal with a button -->



<!-- Modal -->
<div id="formulario" class="modal fade" role="dialog">
  <div class="modal-dialog">

<form method="POST" name="formularioPesquisa" id="formularioPesquisa" action="/site/">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title" style="color: black;">Dê sua opnião</h4>
      </div>
      <div class="modal-body">

    <div class="row" style="margin: 3px;">
      <div class="col-md-12" style="color: black;">    
          <label>O que aconteceu?</label><br>
          <input  id="voto" name="voto" value="1" type="radio"> Tenho uma sugestão<br>
          <input  id="voto" name="voto" value="2" type="radio"> A página está confusa<br>
          <input  id="voto" name="voto" value="3" type="radio"> Algo não funcionou como esperado<br>
          <input  id="voto" name="voto" value="4" type="radio"> Encontrei um erro no conteúdo<br>
          <input  id="voto" name="voto" value="5" type="radio"> Tenho um elogio<br>

          <label style="margin-top: 15px;">Conte mais</label><br>
          <textarea name="opiniao" class="form-control"></textarea><br><br>
          <label>Você se identifica com qual perfil?</label><br>
          <input  id="perfil" name="perfil" value="Morador" type="radio"> Morador<br>
          <input  id="perfil" name="perfil" value="Servidor" type="radio"> Servidor<br>
          <input  id="perfil" name="perfil" value="Empreendedor" type="radio"> Empreendedor<br>
          <input  id="perfil" name="perfil" value="Turista" type="radio"> Turista<br><br>
        
      </div>     
    </div>  
     
      </div>
      <div class="modal-footer">
          <button class="btn btn-success" type="subimit">Enviar</button>
      </div>
    </div>
</form>
  </div>
</div>  
<style type="text/css">
.redesocial-1{
  background: #2a2c33; background-repeat: no-repeat; background-size: 100% 100%; 
float: left; margin: 0 auto; width: 100%;
}
.redesocial-2{
  padding-top: 30px; padding-bottom: 20px;
}
.redesocial-3{
font-size: 19px; color: white;  font-family: helvetica, sans-serif; font-weight: bold; left: 5px; width: 100%; 
}
.redesocial-4{
  background: #00913E; width: 150px; height: 5px;
}
.redesocial-5{
color: white; font-size: 20px;
}
.redesocial-6{
color: white; font-size: 20px;
}
.redesocial-7{
color: white; font-size: 20px;
}
.redesocial-8{
  max-height: 54px !important; background:#FFF;
  width: 100% !important;
}
.redesocial-9{
color: white; font-size: 20px; color: white; text-decoration: none;
}
.redesocial-10{
color: white; font-size: 20px;
}
.redesocial-11{
color: white; text-decoration: none;
}
.redesocial-12{
  max-height: 100px !important;
}
</style>
<script>
  $(window).load(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.9";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
$(window).load(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"));</script> 
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

<div class="redesocial-1">
  <div class="container redesocial-2">
    <div class="redesocial-3">
      <b>Conecte-se <br>
        <div class="redesocial-4">&nbsp;</div>
      </b>
    </div>
    <br><br>
    <div class="row">
      <div class="col-md-4 redesocial-5">
        Facebook<br>
        <div id="fb-root"></div>
        <div class="fb-page" data-href="https://www.facebook.com/prefeituradecriciuma/" data-tabs="timeline" data-height="483px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
          <blockquote cite="https://www.facebook.com/prefeituradecriciuma/" class="fb-xfbml-parse-ignore">
            <a href="https://www.facebook.com/prefeituradecriciuma/">Prefeitura de Criciúma</a>
          </blockquote>
        </div>
      </div>
      <div class="col-md-4">
        <div class="col-md-12 redesocial-6">
          Twitter<br>
<a class="twitter-timeline" data-width="345" data-height="387" href="https://twitter.com/prefcriciuma">Tweets by TwitterDev</a> 


        </div>
        <div class="col-md-12 redesocial-7">
          Instagram<br>
          <blockquote style="height: 100px !important;" class="instagram-media redesocial-8" data-instgrm-permalink="https://www.instagram.com/p/Bb7gksJH9mz/" data-instgrm-version="8"></blockquote>
        </div>
      </div>
      <div class="col-md-4">
        <div class="col-md-12 redesocial-9"> 
          <a href="/site/videos">
            Vídeos</a><br> 
        <iframe src='http://player.vimeo.com/video/251374481?title=0&amp;byline=0&amp;portrait=0' width='330px' height='auto' frameborder='0' webkitAllowFullScreen allowFullScreen></iframe>        </div>
        <div class="col-md-12 redesocial-10"><a class="redesocial-11" href="/site/videos">
          Podcasts</a><br>
          <iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/376476146&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
        </div>
      </div>
    </div>
  </div>
</div>    
<div class="viraRodapeDois">
  
<style type="text/css">
@media (max-width: 450px) 
{
  .acessoInformacaoFixo{
    display: none;
  }
}
</style>
<a href="/site/acessoInformacao" alt="xxxxx" style="color: black;">
<div class="acessoInformacaoFixo">
    <center><a href="/site/acessoInformacao" style="color: black;"><img id="icone" src="/site/icones/acessoInformacao.png" alt="Icone Acesso a informação" style="max-width: 30px;" class="img-responsive"></a></center>
      
      <div class="col-md-12" style="padding-top: 5px;"><a href="/site/acessoInformacao" style="color: black; font-size: 12px;">Acesso à <br>informação</a></div>
    </div>
    </a>
<!--
<a target="_blanck" href="http://sistemas.criciuma.sc.gov.br/iptu2018/" style="color: black;">
<div class="acessoInformacaoFixo" style="top: 141px;">
    <center><a target="_blanck" href="http://sistemas.criciuma.sc.gov.br/iptu2018/" style="color: black;"><img id="icone" src="/site/imagens_gravadas/iptu2018.fw.png" style="max-width: 70px; margin: 10px;" class="img-responsive"></a></center>
    </div>
    </a>
-->
<div style="background: #757575; float: left; margin: 0 auto; width: 100%; padding-top: 2px; padding-bottom: 2px;">
  <div class="container">
    <div class="row">
      <div class="col-md-2">
        
      </div>
      <div class="col-md-8" style="text-align: center; color: white;">
        
<b class="classAcessibilidade"><a href="/site/acessibilidade">Acessibilidade:</a></b>&nbsp;&nbsp;
<a class="classAcessibilidade" id="siteConteudo" href="#conteudoSite">[1] Pular para conteúdo</a>&nbsp;&nbsp;
<a class="classAcessibilidade" id="fonteNormal" href="">[2] Fonte Normal</a>&nbsp;&nbsp;
<a class="classAcessibilidade" id="fonteMenos" href="#">[3] Diminuir Fonte</a> &nbsp;&nbsp;
<a class="classAcessibilidade" id="fonteMais" href="#">[4] Aumentar Fonte</a> &nbsp;&nbsp;
<a class="classAcessibilidade" id="autoContraste" href="#">[5] Contraste</a>&nbsp;&nbsp;
<a class="classAcessibilidade" id="mapaDoSite" href="/site/mapaSite">[6] Mapa do Site</a> 
      </div>
      <div class="col-md-2" id="iconeRS">
        <a href="https://www.instagram.com/prefcriciuma/"><img alt="Icone Instagram" src="/site/icones/instagran.png" class="iconeRS"></a>&nbsp;
        <a href="https://www.facebook.com/prefeituradecriciuma/"><img alt="Icone Facebook" src="/site/icones/facebook.png" class="iconeRS"></a>&nbsp;
        <a href="https://twitter.com/prefcriciuma"><img alt="Icone Twitter" src="/site/icones/twitter.png" class="iconeRS"></a>&nbsp;
        <a href="https://www.youtube.com/channel/UCgprBVuBEZrCnS-vyJNYCaQ"><img alt="Icone Youtube" src="/site/icones/youtube.png" class="iconeRS"></a>
      </div>
    </div>
  </div>
</div>
</div>

<style type="text/css">
.viraRodapeDois{
  display: none;
}
#rodapeUm{
  text-align: left;
}
#rodapeDois{
  text-align: right;
}
.acessoInformacaoResponsivo{
  display: none;
}
@media (max-width: 1000px){
  #rodapeUm{
    text-align: center;
  }
  #rodapeDois{
    text-align: center;
  }
}
@media (max-width: 600px){
  .viraRodapeDois{
    display: block;
  }
@media (max-width: 450px){
  .acessoInformacaoResponsivo{
    display: block;
  }
}
</style>
<nav class="col-md-12 acessoInformacaoResponsivo">
    <center><a href="/site/acessoInformacao" style="color: black;"><img id="icone" src="/site/icones/acessoInformacao.png" style="max-width: 30px;" class="img-responsive" alt="icone acesso a informação"></a></center>
      
      <div class="col-md-12" style="padding-top: 5px; text-align: center;"><a href="/site/acessoInformacao" style="color: black; font-size: 12px;">Acesso à <br>informação</a></div>
</nav>
<nav style="background: black; float: left; margin: 0 auto; width: 100%; z-index: 9999;">
<nav class="container" style="padding-top: 5px; padding-bottom: 5px;">
    <nav class="row">
      <nav class="col-md-6" id="rodapeUm" style="color: white; font-size: 14px;">
        &copy; Todos os direitos reservados.
      </nav>
      <nav class="col-md-6" id="rodapeDois" style="color: white; font-size: 14px;">
        Site desenvolvido pela <a style="color: white; font-weight: bold;" href="http://dti.criciuma.sc.gov.br/">Diretoria de Tecnologia da Informação</a>.
      </nav>
    </nav>
</nav>
</nav>  </div>
  

<script type="text/javascript">
  $( document ).ready(function() {
          linkAtual = window.location.href;
          arrayLinkAtual = linkAtual.split("#");
          if(arrayLinkAtual[1] == "formulario"){
            $("#button3").click();
          }else{
            $("#button2").click();
          }
  });
</script>

  <button style="display: none;" type="button" name="button2" id="button2" class="btn btn-info btn-lg" data-toggle="modal" data-target="#destaque">Open Modal</button>

<!-- Modal -->



  <!-- INICIO Modal -->

<!--
<div class="modal fade" id="destaque" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Destaque da Prefeitura Municipal de Criciúma</h4>
      </div>
      <div class="modal-body">





        
<img src="" class="img-responsive">
        
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
</div>  -->


  <!-- FIM Modal -->





  </body>
  </html>    </div>
</div>
</body>
</html>