@import url('https://fonts.googleapis.com/css?family=Audiowide|Monoton|Poiret+One|Raleway');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
body {
  font-family: 'Montserrat', sans-serif; 
  font-size:14px; 
  background-color: #fdfdfd;  
  overflow: hidden;
}
h1{
  font-family: 'Montserrat', sans-serif; 
}
h2{  
  font-family: 'Montserrat', sans-serif; }
h3{
  font-family: 'Montserrat', sans-serif; 
}
h4{
  font-family: 'Montserrat', sans-serif; 
}
h5 {
  font-family: 'Montserrat', sans-serif; 
  font-size:12px;
}
h6 {
  font-family: 'Montserrat', sans-serif; 
  font-size:10px;
}
.faqt{
  font-size: 16px;
}
ul {
list-style: none;
}

/* width */

ol li::before{
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
}
.bullet{
  list-style-type: disc;
  margin-left: 30px;
}
a, .sidelink{
  text-decoration: none; 
}
a:hover{
  color: #133463;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  text-decoration: none;
}

img, .responsive {
  max-width: 100%;
}

.footerlink:hover{
  color: #F4792A;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  text-decoration: none;
}
.nohvr:hover{
  text-decoration: none;
  color:#133463;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
p{
  text-align: justify;
}
.title{
  text-align: justify;
  font-size: 14px;
  line-height: 22px;
}
.title2{
  font-size: 20px;
  margin-top: 100px;
  margin-bottom: 35px;
  line-break:auto;
  white-space:normal;
  overflow-wrap: break-word;
}
@media screen and (max-width:600px){
  .title2{
    font-size: 20px;
    margin-top: 60px;
  }
  .layoutorla {
    padding-top: 15%;
  }
  #div1 {
    order: 1;
  }
  #div2 {
    order: 2;
  }
}
.sectitle{
  font-size: x-large; 
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px;
}
.sectitlet{
  font-size: x-large; 
  text-align: center;
  margin-bottom: 20px;
}
.projtitle{
  font-size: 32px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}
@media screen and (max-width: 800px) {
  .projtitle{
margin-top: 40px;
  }
}
.contline{
  line-height: 40px;
}
.layout{
  padding: 2% 5% 3% 2%;
}

.layoutrans{
  padding: 2% 5% 0 2%;
}

@media screen and (max-width: 600px){
  .layout{
    padding: 5px;
  }
  .layoutrans{
    padding: 0 1% 0 1%;
  }
}

.equipe1 {
  margin-top: auto; 
  text-align: justify; 
  padding-left: 30px; 
  line-height: 25px;
}
.equipe2{
  margin-top: 10px; 
  text-align: justify; 
  padding-left: 60px; 
  line-height: 18px;
}
#primeirospanlic{
	padding-top: 0px;
}

.licspan {
  padding-top: 70px;
  display: inline-block;
  }
/* Progress bar */
#progress-bar {
  --scrollAmount: 0%;
  
  background-image: linear-gradient(120deg, #133463 0%, #68b4e7 100%);
  width: var(--scrollAmount);

  /*  background: linear-gradient(to right, #F24E1E var(--scrollAmount), transparent 0);
  width: 100%; */
  
  height: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
  border-bottom-right-radius: 5px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.iconsizing {
padding-top: 70px;
display: inline-block;
}

* {
  box-sizing: border-box;
}
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #79b7eb;
}

::selection {
  color: white;
  background: #79b7eb;
}
/* Create two equal columns that floats next to each other */
.column1 {
  float: left;
  width: 15%;
  padding: 25px;
  background-color: #eeeeee; 
}
.column2 {
  float: left;
  width: 85%;
  padding: 10px;
}

.text, .btn-group {
  width: 100%;
}

.paragraph {
  width: 100%;
  padding: 2% 5% 2% 2%;
  margin-top: auto; 
  text-align: justify;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column1 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
    text-align: center;
  }
}
html {
scroll-behavior: smooth;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #808080 (128, 128, 128, 0.856); 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #133463; 
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background-color:#07254e;
}
::-webkit-scrollbar {
width: 10px;
}


/*menu-------*/
*{
margin:0;
padding:0;
font-family:'Montserrat';
}
@media screen and (max-width: 600px){
.mcase{
  z-index: 995; 
  height:50px;
  width: 100%;
  position: fixed;
  background-color:#ffffffe3;
}
.btnorla {
margin-left: 20%
}
}
@media (min-width: 600px){
.mcase{
  z-index: 995; 
  height: 70px;
  width: 100%;
  position: fixed;
  background-color:#ffffffe3;
}
}

/*TestMenuHigh*/
#MenuTest3 {
  height: 81px;
}
@media screen and (max-width:800px){
  #MenuTest3 {
    height: 70px;
  }
}
@media screen and (max-width:600px){
  #MenuTest3 {
    height: 9px;
  }
}


@media (min-width: 800px){
.logo{
  z-index:998; 
  position:fixed;
   float: left; 
   margin-left: 25px;
   margin-top: 8px;
   max-width: 24vw;
}
}

.logo:hover {
  opacity: 50%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
} 
@media screen and (max-width: 800px){
  .logo{
    z-index:998; 
    position:fixed;
     float: left; 
     margin-left: 30%;
     margin-top: 8px;
     max-width:42vw;
  }
  }
  
.menu{
width:100%;
height:all;
  background-color:#ffffffe3;
  position: fixed;
  z-index: 997;
}
@media(min-width: 2000px){
  .menu{
    padding-bottom: 40px;
  }
  }
.menu>ul{
list-style:none;	
position:relative;
  margin-left:35%;
  position: sticky;
  z-index: 997;
}
@media(max-width:1100px){
  .menu>ul{
    margin-left: 25%;
}}
.menu ul li{
  width:150px;
      float:left;
      position: sticky;
      z-index: 997;
}

.menu a{
padding:25px;
display:block;
text-decoration: none;
background-color: #ffffff00;
text-align:center;
position: sticky;
z-index: 997;
}
@media(max-width:1000px){
.menu a  {
padding:15px;
height:80px
}
}
.menu ul ul{
list-style:none;
position:absolute;
  visibility:hidden;
  z-index: 200;
  

}
.menu ul li:hover ul{
  visibility:visible;
  z-index: 200;
  background-color: #ffffffe3;
  
}
.menu a:hover{
background-color: #F4792A;
color: #ffffff;
z-index: 200;
}
.menu a:active{
  background-color: #f35f03;
  color: #eee8e8;
  z-index: 200;
  }
.menu ul ul li{
float:none;
z-index: 200;
}
.menu ul ul li a{
background-color: #ffffffe3;
z-index: 200;
}
#bt_menu{
display: none;
}

@media screen and (max-width: 600px){
label[for='bt_menu']{
padding:2px;
background-color:#222222;
color:#ffffff;
font-family:'Montserrat';
text-align:center;
font-size:30px;
cursor:pointer;
display:none;
width:50px;
height:50px;
z-index: 998;
position: fixed;
top: 0px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}	
label[for='bt_menu']:hover{
background-color:#f0f0f0;
color:#222222;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
}
@media (min-width: 600px){
  label[for='bt_menu']{
    padding:10px;
    background-color:#222222;
    color:#ffffff;
    font-family:'Montserrat';
    text-align:center;
    font-size:30px;
    cursor:pointer;
    display:none;
    width:70px;
    height:70px;
      z-index: 998;
      position: fixed;
      top: 0px;
    }	
    label[for='bt_menu']:hover{
      background-color:#f0f0f0;
      color:#222222;
      transition: 0.5s;
     -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
    }
    
}

@media screen and (max-width: 800px) {
.menu{
margin-left:-100%;
transition:all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
  z-index: 120;
}
label[for='bt_menu']{
  display:block; 
}
.menu>ul{
margin-left:0;
  z-index: 120;
}
.menu{
margin-top:50px;
}
.menu ul li{
width:100%;
float:none;
}
.menu ul ul{
position:static;
overflow:hidden;
max-height:0;
transition:all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
}
.menu ul li:hover ul{
height:auto;
max-height:700px;
transition:all 2s;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;
}
#bt_menu:checked ~ .menu{
  margin-left:0;
  
}
}

/*imagem menu*/
.menu img{
  position: absolute;
  top:1%;
  left: 2%;
  height: 75px;
}
@media screen and (min-width:800px){
  .squarecarousel{
    width: 50%;
    text-align: center;
  }
}
/* Para un comportamiento responsive */
.carousel-inner img {
  width: 100%;
  height: 80%;
  }

.carousel-inner {
  vertical-align: middle;
  max-height: 500px;
}

/* Position the image container (needed to position the left and right arrows) */
.slider-container {
  position: relative;
  max-height: 600px;
  max-width: 800px;
}

/* Hide the images by default */
.mySlides {
  display: none;
  
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & news-ious buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 80px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: #1334635d;
  border-radius: 20px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 20;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 10px 16px 5px 10px;
  color: white;

}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 12%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.8;
  transition: 0.2s;
}

.active,
.demo:hover {
  opacity: 1;
}
.circle {
    width: 200px;
    height: 200px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    margin: 5% 18% 10% 0%;
    background-color: #133463;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    padding: 5px;
    position: relative;
    left:8%;
    
    }
    .circle:hover{
      background-color: #04224b;
      color:#e4dfdf;
    }

    .square {
    width: 200px; /*200px*/
    height: 200px; /*200px*/ 
    -moz-border-radius: 5px; /*5px*/
    -webkit-border-radius: 50px; /*50px*/
    border-radius: 50px; /*50px*/
    display: inline-block;
    margin: 5% 18% 10% 0%;
    background-color: #133463;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    padding: 10px;
    position: relative;
    /*left: 8%;*/
    }
    .square:hover{
      background-color: #133463;
      color:#e4dfdf;
    }

    /*Alinhando o square, deixando só se precisar, mas os valores são iguais*/
    @media screen and (max-width: 768px) {
      .square {
        left: 8%;
       
       }
     }
    @media screen and (max-width: 992px) {
      .square {
        left: 8%;
      
      }
      
    }
    @media screen and (max-width: 1500px) {
      .square {
        left: 8%;
      
      }
    }
    
    @media (min-width: 1500px) {
      .square {
        left: 8%;
      
      }
    }




    .sqtxt{
      color: #ffffff;
       text-align:center;
    }

    .sqtxt1 {
      font-size: 14px; margin-right: 1%;
    }

    .sqtxt:hover{
      color:rgb(226, 226, 226);
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
    }

    /*
=====================================
CSS for <iframe> embedded Google Map
=====================================
*/
.mapWrapper {
  position: relative;
  /*
  Do math with the height of your iframe divided by the width, then converted to percent
  In this example the height is 400 and the width is 600
  400 / 600 = .66666667
  which is 66.6666667% */
  height: 100%;
  width: 100%;
  border: none;
  max-width: 100%;

}
.mapWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  border: none;
}
.wise-iframe-wrapper {
  position: relative;
  padding-bottom: 56.10%;
  height: 0;
  overflow: hidden;
}

.wise-iframe-wrapper iframe,
.wise-iframe-wrapper object,
.wise-iframe-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.noborder {
  border: none;
}
/* This sets an overlay element that covers the map and helps prevent people from zooming the map while scrolling. */
.overlay {
 background:transparent;
 position:relative;
 width:100%;
 height:100%;
 z-index: 1;
}


#myBtn {
display: none; 
position: fixed; 
bottom: 5px; 
left: 15px; 
z-index: 99; 
border: none; 
outline: none; 
background-color: #f4772aa4; 
color: rgba(255, 255, 255, 0.699); 
cursor: pointer; 
width: 45px;
height:45px;
border-radius: 30px; /* Rounded corners */
font-size: 18px; 
font-weight: bold;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}

#myBtn:hover {
background-color: #ff6200a4; 
}
/* Responsive Button Styling */
.resp {
    padding: 20px 20px;
    font-size: 14px;
    font-style: bold;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #4c8a8a;
    border: 0px transparent;
    border-radius: 15px;
    box-shadow: 3px 3px 5px #999999b2;
    text-decoration: none;
    width: 50%;
    line-height: 50px;
  overflow-wrap: break-word;
  }
  
  .resp:hover {
    background-color:#238383; 
    color: #f0f0f0;
  }
  .resp:active {
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    background-color:rgb(2, 80, 80);
    box-shadow: 3px 3px 5px #6b6a6ab2;
    color: #bbbbbb;
    transform: translateY(4px);
  }
  .respborder {
    text-align: center;
    margin-top: 20px;
  }
  /* Aumentar o tamanho do botao de acompanhar processo
  @media screen and (max-width: 600px) {
    #Conteudo.w3-row #ConteudoParc #ContentServ.w3-threequarter.respConstultProc {
      font-size: 20px;
   
  }
  */
  @media screen and (max-width: 800px) {
    .resp{
      font-size: 16px;
      display: block;
    height: 15vh; 
    line-height: 4vh; 
    width: 55vw;
    margin: 0 auto;
    
    }
  }
  
  #container {
    width: 100%;
    height: 100%;
  }
  
  
  /*--*/
  
  .fade-in{
    -webkit-animation: fade-in 2s ease;
    -moz-animation: fade-in ease-in-out 2s both;
    -ms-animation: fade-in ease-in-out 2s both;
    -o-animation: fade-in ease-in-out 2s both;
    animation: fade-in 2s ease;
    visibility: visible;
  }
  
  @-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
  @-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
  @-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
  @keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
  .funcbtn, .collapsed{
    background: none; 
    border: 1px transparent; 
    text-align: left;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    color: #222222;
  }
 .functbtn:hover, .collapsed:hover{
    color:#133463;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
  }
  .fa-chevron-up {
    transition: .3s transform ease-in-out;
    font-size: 12px;
  }
  .collapsed .fa-chevron-up {
    transform: rotate(180deg);
  }

.collapsing {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}


  .scroll {transition: 25s;}
  a {
    -o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s;
    text-decoration: #F4792A;
  }
  
  .flip-box {
    background-color: transparent;
    width: 100%;
    height: 50px;
    border: 0px transparent #f1f1f1;
    background-color: #eeeeee;
    font-size: 14px; 
    color: #444444;
    text-align: center;
    margin-bottom: 10px;
  }

 /* Style the list */
 ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
  cursor: default;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
  cursor: default;
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #133463;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #125252;
  text-decoration: underline;
} 
#sr_searchform {
  /* div enclosing search form */
  padding: 15px;
}
#sr_searchbox {
  /* searchbox input element */
  border-radius: 4px;
  font-family: 'Montserrat';
  font-size: 11pt;
  padding: 5px;
  border: 1px solid #D7DDE3;
  box-shadow: inset 0px 1px 2px #CED1D5;
}
#sr_searchbutton {
  /* searchbutton input element */
  border-radius: 4px;
  font-size: 11pt;
  font-family: 'Montserrat';
  padding: 5px;
  background-color: #EEEEEE;
  font-weight: bold;
  text-shadow: 0px 1px 1px #FFFFFF;
  color: #000000;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
#sr_searchbutton:hover{
  color: #133463;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}
#sr_searchbutton:active {
  /* searchbutton input element */
  font-family: 'Montserrat';
  background-color: #919191;
  color: #057070;
  -o-transition:0.2s;
  -ms-transition:0.2s;
  -moz-transition:0.2s;
  -webkit-transition:0.2s;
  transition:0.2s;
}
.sr_count {
  /* div enclosing search result counter */
  color: #8496A8;
  margin: 20px 0px 20px 0px;
}
.sr_container {
  /* div enclosing list of results */
  margin-top: 20px;
}
.sr_item {
  /* div enclosing each result item */
  margin: 0px 0px 20px 0px;
}
.sr_link {
  /* link tag of search result title */
  font-size: 13pt;
}
.sr_link_key {
  /* keyword within link tag of search result title */
  font-weight: bold;
}
.sr_url {
  /* div tag of search result url */
  color: #339933;
}
.sr_url_key {
  /* keyword within search result url */
  font-weight: bold;
}
.sr_text {
  /* div tag of search result page excerpt */
  padding: 1px;
}
.sr_text_key {
  /* keyword within search result page excerpt */
  font-weight: bold;
}
.sr_pages {
  /* div enclosing result page numbers */
  padding: 10px 0px 10px 0px;
}
.sr_currpage {
  /* span enclosing current page number */
  padding: 7px 10px;
  background-color: #EEEEEE;
  border-radius: 4px;
  color: #8496A8;
}
.sr_page {
  /* link tag with result page numbers*/
  padding: 7px 10px;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid transparent;
}
.sr_page:hover {
  /* link tag with result page numbers*/
  background-color: #EBEEF1;
}
.sr_powered {
  /* div enclosing Findberry branding text at the bottom */
display: none;
}

/* Special effects */
#sr_searchbutton:hover, .sr_page:hover {
  box-shadow: 0px 0px 4px #CFD1D6;
}
#sr_searchbutton, .sr_currpage, .sr_page:hover {
  border: 1px solid #D7DDE3;
  background-image: linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -o-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -moz-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -webkit-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -ms-linear-gradient(bottom, #E8E8E8 30%, #FDFDFD 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, #E8E8E8),
    color-stop(1, #FDFDFD)
  );
}
#sr_searchbox:hover {
  box-shadow: inset 0px 2px 3px #CED1D5;
  border-color: #9AA9B8;
}
input[type=text], select, textarea {
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  box-align: center;
}

input[type=telNo], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=reset] {
  background-color: #A52A2A;
  color:white;
  padding: 12px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=reset]:hover {
  background-color:#5e1f1f;
}

#apfilter, #aofilter, #cfilter, #efilter{
  width:100px;
  margin:0;
}

#filter{
  width:10%;
}

#blocoTodos, #apblocotodos, #aoblocotodos, #cblocotodos, #eblocotodos{
  display: block;
}

#blocoFiltrar, #apblocofiltrar, #aoblocofiltrar, #cblocofiltrar, #eblocofiltrar{
  display: none;
}

@media(max-width:1173px){
  .phpinput{
    width:100% !important;
  }
}

.IFBuscaFiltrada{
  height:400px;
  width:100%;
  border:none;
}

 @Media(max-width:500px)
 {
    .IFBuscaFiltrada
    {
      height:700px;
      width: 100%;
    }
 }

@media (min-width:800px){
.organograma
{  max-width: 80%;
  max-height: auto;
  margin-left: 90px;
}}
@media screen and (max-width: 800px){
.organograma{
  max-width: 100%;
  height: auto;
  margin-left: 10px;
}
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 2fr));
  grid-gap: 2em;
  padding: 15px;
}

@media screen and (max-width: 800px){
  .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 2em;
  }
}
/* hover styles */
.location-listing {
  position: relative;
  margin: 1% 0.5% 1% 1%;
}

.location-image {
  line-height: 0;
  overflow: hidden;
  border-radius: 15px;

}

.location-image img {
  filter: blur(0px);
  transition: filter 0.3s ease-in;
  -webkit-transition: filter 0.3s ease-in;
  -moz-transition: filter 0.3s ease-in;
  -o-transition: filter 0.3s ease-in;
  transform: scale(1.1);
  height: 40%;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}


.location-title {
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  color: white;
  text-shadow: 3px 3px 5px #000000;
  
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-title:hover{
  color: white;
}

.location-listing:hover .location-title {
  opacity: 1;
}

.location-listing:hover .location-image img {
  filter: blur(2px);
  opacity: 0.7;
}


/* for touch screen devices */
@media (hover: none) { 
  .location-title {
    opacity: 1;
  }
  .location-image img {
    filter: blur(2px);
  }
}
.cnc-filter {
  filter: contrast(60%);
}
.cont {
  background-color: #636262;
  margin-right: 50px;
  border-radius: 5px;
  padding: 15px;
  border: 0px transparent;
  width: 140%;
  line-break:auto;
  white-space:normal;
  overflow-wrap: break-word;
  font-size: 12px;
  border-left: 0px solid #222222;
  height: all;
  margin-top: 10px;
  padding-right: 20px;
}
@media screen and (max-width: 600px){
  .cont {
    text-align: center;
    margin-right: 15px;
    margin-bottom: 30px;
    padding: 10px;
    width: 80%;
  }
  #bannerlurn {
  margin-top: 5%;
  }
}
.arq{
  border-left: 1px solid white;
  padding-left: 15px;
  font-size: 12px;
  border-left-style: dotted;
    height: all;
  }
  @media screen and (max-width: 600px){
    .arq{
    border-top: 1px solid white;
    border-top-style: dotted;
    border-left: transparent;
  }
}
.consulta{
  margin-left: 20%;
  margin-top: 20px;
  padding: 20px;
  font-size: smaller;
}
#content{ 
  width:845px;
  height:1000px;
  margin:0px auto;
  border-radius:3px;
}

#gallery_img{
  width:845px;
  height:500px;
  float:left;
  position:relative;
}

#lefty{
  width:23px;
  position:absolute;
  top:235px;
  left:10px;
}

#righty{
  width:23px;
  position:absolute;
  top:235px;
  right:10px;
}

#play, #pause{
  width:12px;
  position:absolute;
  top:239px;
  right:40px;
}

#play{
  display:none;
}

#expand{
  width:18px;
  position:absolute;
  top:478px;
  right:6px;
}

#thumbs{  
  height:100px;
  width:845px;
  float:left;
  overflow:auto;
  margin-top:10px;
  white-space:nowrap;
}

.thumbs_style{
  display:inline-block;
}

.thumbs_style img{
  width:105px;
  height:80px;
  border-radius:3px;
  border:3px solid rgba(0,0,0,0.4);
}

.gallery_img_style{
  width:845px;
  height:500px;
  border-radius:3px;
  position:absolute;
}

/* Conteudo serviços Sidebar*/
.w3-row #Conteudo3  {
  overflow: hidden; 
}



@media screen and (max-width: 600px) {
  .w3-row #Conteudo3 #ContentServ #barradelado {
  padding-bottom: 0em;
  margin-bottom: 0em;
}

.w3-row #Conteudo3 #ContentServ #w3-threequarter.w3-container {
  padding-bottom: 0em;
  margin-bottom: 0em;
}
}




/*Parcelamento, Publicidade, Certidão, ModAcres Sidebar*/

.w3-row #ConteudoParc  {
  overflow: hidden; 
}



@media screen and (max-width: 600px) {
  .w3-row #ConteudoParc #ContentServ #barradelado {
  padding-bottom: 0em;
  margin-bottom: 0em;
}

.w3-row #ConteudoParc #ContentServ #w3-threequarter.w3-container {
  padding-bottom: 0em;
  margin-bottom: 0em;
}
}

/*Legislação, Biblioteca, ModAcres Sidebar*/

.w3-row #ConteudoLeg  {
  overflow: hidden; 
}

.w3-row #ConteudoLeg #ContentServ #barradelado {
  padding-bottom: 1000em;
  margin-bottom: -1000em;
}

.w3-row #ConteudoLeg #ContentServ #w3-threequarter.w3-container {
  padding-bottom: 1000em;
  margin-bottom: -1000em;
}

@media screen and (max-width: 600px) {
  .w3-row #ConteudoLeg #ContentServ #barradelado {
  padding-bottom: 0em;
  margin-bottom: 0em;
}

.w3-row #ConteudoLeg #ContentServ #w3-threequarter.w3-container {
  padding-bottom: 0em;
  margin-bottom: 0em;
}
}

/*Licenciamento*/

.w3-row #ConteudoLic  {
  overflow: hidden; 
}

.w3-row #ConteudoLic #ContentServ #barradelado {
  padding-bottom: 1000em;
  margin-bottom: -1000em;
}

.w3-row #ConteudoLic #ContentServ #w3-threequarter.w3-container {
  padding-bottom: 1000em;
  margin-bottom: -1000em;
}

@media screen and (max-width: 600px) {
  .w3-row #ConteudoLic #ContentServ #barradelado {
  padding-bottom: 0em;
  margin-bottom: 0em;
}

.w3-row #ConteudoLic #ContentServ #w3-threequarter.w3-container {
  padding-bottom: 0em;
  margin-bottom: 0em;
}
}

.w3-row #ConteudoLic #ContentServ #w3-threequarter #servcoluna1 img#IconImgs  {
  width: 5%;
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
   float: left;
}

@media screen and (max-width: 600px) {
  
.w3-row #ConteudoLic #ContentServ #w3-threequarter #servcoluna1 img#IconImgs  {
  width: 10%;
}
}

.contatouteis{
	text-align:left; 
	position: relative; 
	left: 25%; 
	top: 4%;
}
@media screen and (max-width: 600px){
  .contatouteis{
    text-align:left; 
    position: relative; 
    left: 5%; 
    top: 7%;
  }
}

.contato{
  width:100%;
  height:100%; 
  padding-top: 5%; 
  padding-bottom: 5%; 
  background-color:  #333333;
  color: white;
}
.cttl{
  position: relative; 
  left: 5%;
}
.logofooter{
  height:30px;
  width:all; 
  position:
   relative;
    left: 4%; 
}
.end {
  font-size: 12px;
  width: 100%;
  text-align: center;
  cursor:default; 
}
.text a {
  text-decoration: underline;
}
.text a:hover{
  color: #133463;
}
.urb {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  color: #333333; 
  margin: 0 0 25px 74px; 
  font-size: 22px;
  cursor: default;
}

#bluetext {
  color: #133463;
}

.urbcnt{
  padding: 5px 0px 0px 10px;
}
.urblogo{
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();
   height:40px;
    width:40px; 
    position: relative; 
    right: 3%;
}
.doclink{
  text-align: justify; 
  font-size: 20px;
  line-height: 30px; 
  margin-left: 15px;
}
.icn{
  line-height: 30px;
  text-align: center;
  border: none;
  font-size: 13px;
}
.fa{
  border: none;
}
.fa:hover, .icn:hover {
  color: #133463;
  transform: 0.2s;
}
.fa-heart:hover{
  color:#c97c7c;
  transition: 0.5s;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;  
}


@keyframes pulse {
  /*   Outward Pulse */
    25% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
  /*   Inward Pulse */
    75% {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
   .pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: infinite; 
  }  
  
.headerdown{
  font-size: 8px;
  float:right;
  margin: 1px 1px 1px 1px;
}
.headerdown:hover{
  text-decoration: none;
  color: #ffffff;
}
.list{
  text-align: left; 
  line-height: 30px;
}

.cover {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.lurn_scroll_container {
  position: relative;
  height: 1340px;
  overflow-y: scroll;
}

.nav_lurn_scroll_container {
  position: relative;
  height: 1460px;
  overflow-y: scroll;
}

#div_lurn_comentarios{
  position: relative;
  height: 380px;
  overflow-y: scroll;
}

#inscomentbox, #div_lurn_comentarios{
  background-color: #f2f2f2;
  border-radius: 5px;
  box-shadow: 0 4px 7px 0 rgb(0 0 0 / 50%);
  margin-left: 15px;
  margin-right: 15px;
}

#inscomentbox{
  padding-bottom:10px;
}

#lurn_coment{
  background-color: #f8f9fb;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  overflow-wrap: break-word;;
}

.lmargin25px{
  margin-left: 25px;
}
.limarginparc, .ED, .lmargin50px {
	margin-left: 50px;
}

.limargined, .lmargin75px{
	margin-left: 75px;
}

.lmargin100px{
  margin-left: 100px;
}

.marginart{
  margin-left: 50px !important;
  text-align: justify !important; 
  line-height: 30px !important;
}

.disc{
	list-style-type: disc;
}

#display
{
	display: none;
}

.limarginPD92_2 {
  margin-left: 35px;
}


.limm{
  margin-left: 50px;
}
.listyle{
  margin-left: 25px;
  text-align: left; 
  line-height: 30px;
  list-style-type: decimal;
}
.title, .sectext{
  font-size: 16px; 
  text-align: left;
}
.barradelado{
  background-color: #eeeeee; 
  display: table-cell; 
  overflow: hidden;
  height: "myFunction(heighid2)" ;
}
.navtext {
  color:#333333;  
  text-align: center; 
  margin-left: 1%;
}

.ftext{
  font-size: medium;
  text-align: center;
  cursor: default;
}
sub{
  line-break: strict;
  overflow-wrap: break-word;
}

/*Novos Ajustes com Bootstrap*/
/*Seção Scroll Bootstrap, 5 columns*/

.col-xs-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    
}

.col-xs-15 {
  width: 20%;
  float: left;
}
.col-sm-15 {
  width: 20%;
  float: left;
}


@media screen and (max-width: 768px) {
  .col-sm-15 {
    width: 100%;
  }
}

@media (min-width: 768px) {
.col-sm-12 {
      width: 100%;
      float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
      width: 20%;
      float: left;
  }
}

/*NovaDivisãodeServ, Bootstrap*/
/*Colocando estilo e tamanho também*/

/*estilo das imagens*/
.serviconsstile1 {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); shape-outside: square(160px 160px at 20% 20%);  float: left; padding: 10px;
}
/*estilo do título de cada ícone*/
.servicontitleh61 {
  font-weight: bold; font-size: 14px;
}
/*estilo do texto de cada ícone*/
.servtexticon1 {
  color:rgb(102, 121, 133); font-size: 14px;
}
.servtexticon11 {
  color:rgb(116, 137, 150); font-size: 14px;
}
.servtexticon12 {
  color:rgb(102, 121, 133); font-size: 14px;
}
/*tamanho de cada div em w3*/
.textservwidht {
  width: 60%;
}

#servcoluna2 #Acompanhe3 .textservwidht{
  width: 50%;


}

/*Novos Serviços2, ajustando tamnhao de acordo com a descrição, por enquanto*/

#servicosgrid #servcoluna1 #Licenciamento3 img {
  width: 26%;
  
}
#servicosgrid #servcoluna1 #Fiscalização3 img {
  width: 22%;
  
}
#servicosgrid #servcoluna1 #Transporte3 img {
  width: 23%;
  
}
#servicosgrid #servcoluna2 #Certidões3 img {
  width: 23%;
}
#servicosgrid #servcoluna2 #Biblioteca3 img {
  width: 34%;
}
#servicosgrid #servcoluna2 #Acompanhe3 img {
  width: 27%;
}


@media screen and (max-width: 768px) {
  #servicosgrid #servcoluna1 #Licenciamento3 img {
    width: 25%;
  }
  #servicosgrid #servcoluna1 #Fiscalização3 img {
    width: 25%;
  }
  #servicosgrid #servcoluna1 #Transporte3 img {
    width: 25%;
  }
  #servicosgrid#servcoluna2 #Certidões3 img {
    width: 48%;
  }
  #servicosgrid #servcoluna2 #Biblioteca3 img {
    width: 25%;
  }
  #servicosgrid #servcoluna2 #Acompanhe3 img {
    width: 25%;
  }
}



@media (min-width: 992px) {
  #servicosgrid #servcoluna1 #Licenciamento3 img {
    width: 26%;
    
  }
  #servicosgrid #servcoluna1 #Fiscalização3 img {
    width: 22%;
    
  }
  #servicosgrid #servcoluna1 #Transporte3 img {
    width: 23%;
    
  }
  #servicosgrid #servcoluna2 #Certidões3 img {
    width: 23%;
  }
  #servicosgrid #servcoluna2 #Biblioteca3 img {
    width: 34%;
  }
  #servicosgrid #servcoluna2 #Acompanhe3 img {
    width: 23%;
  }
  
}
@media (min-width: 1200px) {
  #servicosgrid #servcoluna1 #Licenciamento3 img {
    width: 26%;
    
  }
  #servicosgrid #servcoluna1 #Fiscalização3 img {
    width: 22%;
    
  }
  #servicosgrid #servcoluna1 #Transporte3 img {
    width: 23%;
    
  }
  #servicosgrid #servcoluna2 #Certidões3 img {
    width: 23%;
  }
  #servicosgrid #servcoluna2 #Biblioteca3 img {
    width: 34%;
  }
  #servicosgrid #servcoluna2 #Acompanhe3 img {
    width: 23%;
  }
  
}


/*Padding*/

@media screen and (max-width: 768px) {
  #servicosgrid #servcoluna1 {
    padding-left: 6%;
  
  }
  
  #servicosgrid #servcoluna2 {
    padding-left: 5%;
  
  }
}

@media screen and (max-width: 992px) {
  #servicosgrid #servcoluna1 {
    padding-left: 10%;
  
  }
  
  #servicosgrid #servcoluna2 {
    padding-left: 10%;
  
  }
}
@media screen and (max-width: 1500px) {
  #servicosgrid #servcoluna1 {
    padding-left: 18%;
  
  }
  
  #servicosgrid #servcoluna2 {
    padding-left: 18%;
  
  }
}

@media (min-width: 1500px) {
  #servicosgrid #servcoluna1 {
    padding-left: 25%;
  
  }
  
  #servicosgrid #servcoluna2 {
    padding-left: 25%;
  
  }
}



/*Consulte Aqui (Bootstrap): ajusta tamanho de acordo com a descrição*/

#divcons #servcoluna1 #EIV3 img {
  width:22%;
}
#divcons #servcoluna1 #Compur3 img {
  width:26%;
}
#divcons #servcoluna2 #Sigeo3 img {
  width:20%;
}
#divcons #servcoluna2 #Parcerias3 img {
  width:31%;
}
@media screen and (max-width: 768px) {
  #divcons #servcoluna1 #EIV3 img {
    width:25%;
  }
  #divcons #servcoluna1 #Compur3 img {
    width:25%;
  }
  #divcons #servcoluna2 #Sigeo3 img {
    width:25%;
  }
  #divcons #servcoluna2 #Parcerias3 img {
    width:25%;
  }
}


/*Padding*/

@media screen and (max-width: 768px) {
  #divcons #servcoluna1 {
    padding-left: 6%;
  
  }
  
  #divcons #servcoluna2 {
    padding-left: 5%;
  
  }
}

@media screen and (max-width: 992px) {
  #divcons #servcoluna1 {
    padding-left: 10%;
  
  }
  
  #divcons #servcoluna2 {
    padding-left: 10%;
  
  }
}
@media screen and (max-width: 1500px) {
  #divcons #servcoluna1 {
    padding-left: 18%;
  
  }
  
  #divcons #servcoluna2 {
    padding-left: 18%;
  
  }
}

@media (min-width: 1500px) {
  #divcons #servcoluna1 {
    padding-left: 25%;
  
  }
  
  #divcons #servcoluna2 {
    padding-left: 25%;
  
  }
}


/*NewContact, Bootstrap*/
/*Padding*/

@media screen and (max-width: 768px) {
  #NewContact #contato1 {
    padding-left: 0%;
    
  }
 
}

@media screen and (max-width: 992px) {
  #NewContact #contato1 {
    padding-left: 10%;
  
  }
  
}
@media screen and (max-width: 1500px) {
  #NewContact #contato1 {
    padding-left: 18%;
  
  }
}

@media (min-width: 1500px) {
  #NewContact #contato1 {
    padding-left: 25%;
  
  }
}


#NewContact .contato1{
  text-align:left; 
  position: relative; 
  left: 5%; 
} 
#NewContact {
  width:100%;
  height:100%; 
  padding-top: 1%;
  padding-bottom: 1%;
  background-color:  #333333;
  color: white;
}

/*Ajustes em Licenciamento, Bootstrap*/

/*Imagens de cada processo, tamanho e alinhamento*/

#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsNC {
  width: 50px;
  right: -20%;
  left: 8%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsMA {
  width: 60px;
  right: -20%;
  left: 8%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsTU {
  width: 50px;
  right: -20%;
  left: 9%;
  top: 4%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPA {
 width: 50px;
  right: -30%;
  left: 15%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsLeg {
  width: 50px;
  right: -20%;
  left: 8%;
  top: 5%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsParklet {
  width: 50px;
  right: -20%;
  left: 30%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPubli {
  width: 50px;
  right: -20%;
  left: 10%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsCalc {
  width: 50px;
  right: -20%;
  left: 8%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsToldo {
  width: 50px;
  right: -20%;
  left: 30%;
  top: 3%;
}

#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsModulo {
  width: 50px;
  right: -20%;
  left: 10%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsBanca {
  width: 50px;
  right: -20%;
  left: 12%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPortao {
  width: 50px;
  right: -20%;
  left: 18%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsVila {
  width: 50px;
  right: -20%;
  left: 18%;
  top: 3%;
}
#NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPeqRep {
  width: 50px;
  right: -20%;
  left: 18%;
  top: 3%;
}




@media screen and (max-width: 768px) {
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsNC {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsMA {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsTU {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPA {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsLeg {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsParklet {
    width: 120px; 
    left: 25%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPubli {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsCalc {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsToldo {
    width: 70px; 
    left: 25%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsModulo {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsBanca {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPortao {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsVila {
    width: 70px; 
    left: 15%;
  }
  #NewConteudoLic #ContentServ #servcoluna1 img#IconImgsPeqRep {
    width: 70px; 
    left: 15%;
  }
}





/*Align left*/
/*TextDiv*/

#NewConteudoLic #ContentServ #servcoluna1 #LicNovConsDesc {
  left: 0%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicModDesc {
  left: 0%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicTransfDesc {
  left: 0%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicParcDesc {
  left: 10%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicLegDesc {
  left: -1%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicParkletDesc {
  left: 30%;
}
/*Ajuste em parklet*/
#NewConteudoLic #ContentServ #servcoluna1 #LicParkletDesc p#ParkletTestText {
  margin-left: 5%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicPublicDesc {
  left: 3%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicCalcDesc {
  left: 0%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicToldDesc {
  left: 35%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicModulosDesc {
  left: 3%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicBancaDesc {
  left: 6%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicPortaoDesc {
  left: 15%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicVilaDesc {
  left: 15%;
}

#NewConteudoLic #ContentServ #servcoluna1 #LicPeqRepDesc {
  left: 15%;
}

@media screen and (max-width: 768px) {

  #NewConteudoLic #ContentServ #servcoluna1 #LicNovConsDesc {
    left: 15%;
    }
  #NewConteudoLic #ContentServ #servcoluna1 #LicModDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicTransfDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicParcDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicLegDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicParkletDesc {
    left: 26%;
  }
  /*Ajuste em parklet*/
  #NewConteudoLic #ContentServ #servcoluna1 #LicParkletDesc p#ParkletTestText {
    margin-left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicPublicDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicCalcDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicToldDesc {
    left: 26%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicModulosDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicBancaDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicPortaoDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicVilaDesc {
    left: 15%;
  }
  
  #NewConteudoLic #ContentServ #servcoluna1 #LicPeqRepDesc {
    left: 15%;
  }
}
/*Se precisar, por enquanto igual para todos*/
/*Column*/
#NewConteudoLic #ContentServ #servcoluna1 #ColumnAlign {
  left: 10%;
}

@media screen and (max-width: 768px) {
  #NewConteudoLic #ContentServ #servcoluna1 #ColumnAlign {
    left: 10%;
    }
}

/*Row*/
#NewConteudoLic #ContentServ #servcoluna1 #RowAlign {
  left: 10%;
}

@media screen and (max-width: 768px) {
  #NewConteudoLic #ContentServ #servcoluna1 #RowAlign {
    left: 10%;
    }
}
 .cntr{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: 90%;
    height: 90vh;
  }
  
.fact-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

#indexbtn {
  margin-bottom: 5px;
  background-color: #133463 !important;
  outline-color: #ffffff !important;
  font-size: 14px;
}
#indexbtn:hover {
  background-color: #FFFFFF !important;
  color: #133463 !important;
}

 .hm{
   float:left;
   margin-bottom:40px;
   margin-right: 10px;
   shape-outside: ellipse(); 
 }
 @media (min-width:600px){
 .container-fluid{
  text-align: left;
 }
}
@media (min-width:600px){
  .lic{
  text-align: left;
  margin-left: 50px;
  padding-right: 300px;
  }
 }
 .lic{text-align: left;}
.fa-stack{
display: inline-block;
vertical-align:middle;
margin:10px;
text-decoration: none;
}
.lictitle{
  font-weight: bold; font-size: 12px;  text-indent: 3px;
}
.lictxt{
  color:rgb(102, 121, 133); font-size: 11px;
}
.link{
  text-decoration: underline;
}
.link:hover, .sidelink:hover{
  text-decoration: underline;
}

.bttitle{
  font-size: large; text-align: left; line-height: 40px;
}
.sidebar{
  background-color: #eeeeee;
  padding-bottom: 50px;
}

.sqr{
  background-color: #eee;
  width: 50%;
  padding: 20px;
  border-radius: 15px;
  float:left;
  line-break:auto;
  white-space: pre-line;
  overflow-wrap: break-word;
  margin-right: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px){
  .sqr{
    width: 100%;
  }
}
.sqrs{
  width: 30%;
  background-color: #eee;
  padding: 20px;
  border-radius: 15px;
  float:left;
  line-height: 30px;
  line-break:auto;
  white-space: pre-line;
  overflow-wrap: break-word;
  margin-right: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px){
  .sqrs{
    width: 100%;
  }
}
.sqrp{
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
  float:left;
  line-break:auto;
  white-space: pre-line;
  overflow-wrap: break-word;
  margin: 5px;
}
#Galeria {
  width: 90%;
}


@media screen and (max-width: 768px) {
  #Galeria {
  width: 100%;
}
}

@media screen and (max-width: 992px) {

}
@media screen and (max-width: 1500px) {

}

@media (min-width: 1500px) {

}
.hidden {
  display: none;
}
.indttl{
  position: relative;
  text-align: center;
}

/* ajustes na sidebar */
#sidebarstyle1 {
  margin: 3% 3% 3% 3%;
  text-align: left;
}
.sidebarwidhticon{
  padding-right: 8px;
}

.sidebarwidht1 .sidebarwidhticon {
  width: 50%;
}
/*só para legalização*/
.sidebarwidht1 .sidebarwidhticonLeg {
  width: 50%;
}

.sidebarwidht1 .sidebarwidhttext {
  width: 95%;
}

.sidebarwidht1 .sidebarwidhttextLeg {
  width: 94%;
}

/*alinhando a sidebar no centro para mobile*/
/*deixando o menu mobile sem dropdown*/
@media screen and (max-width: 768px) {
  .SemDropdownMobile {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #sliderMobile2 {
    position:relative;
    margin-top: 40px;
  }
}

#divimgrevleiurb{
  background-image: url(../img/lurn/RevisãoLeiUrbNit.jpeg);
  background-repeat: no-repeat;
  object-fit: cover;
}

/*Tirando o css do urbanismo, no index*/

#urb #urb2 {
  padding:all 16px;
}

#urb #urb2 {
  padding:all 16px;
}

/*Estilo da linha da tabela do square*/
#urb #urb2 #Square1 {
  position: relative; 
  left: 1%; 
  margin-top:23%;
}

#urb #urb2 #Square2 {
  position: relative; 
  left: 1%; 
  margin-top:13%; 
  padding: 5px; 
}

#urb #urb2 #Square3 {
  position: relative; 
  left: 1%; 
  margin-top:24%; 
}

/*Estilo dos links da tabela do square*/
#urb #urb2 #Square1 a{
  text-decoration: none;
}

#urb #urb2 #Square2 a{
  text-decoration: none; 
}

#urb #urb2 #Square3 a{
  text-decoration: none;
}

/*Estilo do texto da tabela do square*/
#urb #urb2 #Square1 #Square1p{
  font-size: 12px; 
  margin-top:10px;
}

#urb #urb2 #Square2 #Square2p{
  font-size: 12px; 
  margin-top:6px;
}

#urb #urb2 #Square3 #Square3p{
  font-size: 12px; 
  margin-top:16px;
}


/*servicosgrid*/

/*título h1 serviços*/
#servicosgrid #servtitle1 {
  color:#333333; 
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  margin: 40px 0 10px 68px; 
  font-size: 22px;
  cursor: default;
}

/*logo dos serviços*/

#servicosgrid #servtitle1 img {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:40px;
  width:40px; 
  position: relative; 
  right: 3%;
}

.ulserv{
  text-align: left;
}

/*ajustanto tamanho dos mapas em projetos*/
/*
=====================================
CSS for <iframe> embedded Google Map
=====================================
*/
.mapWrapperProj {
  position: relative;
  /*
  Do math with the height of your iframe divided by the width, then converted to percent
  In this example the height is 400 and the width is 600
  400 / 600 = .66666667
  which is 66.6666667% */
  padding-bottom: 50%;
  align-items: center;
  left: 10%;
}
.mapWrapperProj iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 90%;
}

/* This sets an overlay element that covers the map and helps prevent people from zooming the map while scrolling. */
.overlayProj {
 background:transparent;
 position:relative;
 width:100%;
 height:100%;
 z-index: 1;
}

@media print {
  html {
    position: relative;
    min-height: 100%;
     }
  nav, .breadcrumb, .sidebar, .logos, .logom, .resp, .contact, .sqr, .bt_menu, .myBtn, .tcase, .mcase, .menu, header, footer, aside, form, … {
    display: none;
    visibility: hidden;
  }
    #printable, #printable * {
    visibility: visible;
  }
  #printable {
    display: block;
top: 15px;
left: 0;
width:100%!important;
padding:0!important;
margin:0!important;
position: relative;
  }
  @page :first {
    margin: 100%
 }
}

/*estilo de mobilidade*/

#mobilidade {
  padding: 12px 0px 0px 10px; margin-top: 30px;
}

#mobilidade #mobtitle_1 {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  color: #333333; 
  margin: 10px 0 10px 75px; 
  font-size:22px;
  cursor: default;
}

#mobilidade #mobtitle_1 img {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:40px; 
  width:40px; 
  position: relative; 
  right: 3%;
}

#mob2 {
  padding:all 16px;
}

/*estilo novidades*/
#noticias #news_1 {
  padding: 12px 0px 0px 10px; margin-top: 30px;
}

#noticias #news_1 #newstitle_1 {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  color: #333333; 
  margin: 10px 0 0 45px; 
  font-size:22px;
  cursor: default;
}

#noticias #news_1 #newstitle_1 img {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  position: relative; 
  right: 2%;
}

#noticias #news2 {
  padding:all 16px;
}

#noticias #news{
padding: 20px
}
/*circle1*/
#circle_1 {
  text-align:left;
}

#circle_1 #circle_1line {
  position: relative; 
  left: 2%; 
  margin-top:24%; 
}

#circle_1 #circle_1line b {
  font-size: 14px; 
  margin-left: 37%;
}
#circle_1 #circle_1line #circle_1parag {
  font-size: 11px; 
  margin-top:6px;
}

/*circle2*/
#circle_2 {
  text-align:center;
}

#circle_2 #circle_2line {
  position: relative; 
  left: 0%;
  margin-top:30%; 
}

#circle_2 #circle_2line b {
  font-size: 14px; 
  margin-left: 8px;
}
#circle_2 #circle_2line #circle_2parag {
  font-size: 12px; 
  margin-top:16px;
}

/*circle3*/
#circle_3 {
  text-align:center;
}

#circle_3 #circle_3line {
  position: relative; 
  left: 1%; 
  margin-top:30%;
}

#circle_3 #circle_3line b {
  font-size: 14px;
}
#circle_3 #circle_3line #circle_3parag {
  font-size: 12px; 
  margin-top:16px;
}


/*estilo de NewConsulteAqui, Bootstrap*/
#divcons #consulteh1 {
  color:#333333; 
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  margin: 40px 0 10px 48px; 
  font-size: 22px;
  cursor:default;
}

#divcons #consulteh1 img {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:60px;
  width:60px; 
  position: relative; 
  right: 2%;
}

/*coluna1*/
#divcons #servcoluna1 {
  margin-top: auto;
}

#divcons #servcoluna1 #servcoluna1_Ul_1 {
  text-align: left;
}

#divcons #servcoluna1 #EIV3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();  
  float: left; 
  padding: 10px;
}

#divcons #servcoluna1 #Compur3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();  
  float: left; 
  padding: 10px;
}

#divcons #servcoluna1 #EIV3 #EIV3Col {
  width: 60%;
}

#divcons #servcoluna1 #EIV3 #EIV3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna1 #EIV3 #EIV3desc {
  color:rgb(102, 121, 133); 
  font-size: 14px;
}

#divcons #servcoluna1 #Compur3 #Compur3Col {
  width: 60%;
}

#divcons #servcoluna1 #Compur3 #Compur3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna1 #Compur3 #Compur3Desc {
  color:rgb(116, 137, 150); 
  font-size: 14px;
}

/*coluna2*/

#divcons #servcoluna2 {
  margin-top: auto;
}

#divcons #servcoluna2 #servcoluna2Ul_1 {
  text-align: left;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse();  
  float: left;
  padding: 10px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col {
  width: 60%;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col {
  width: 60%;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col #Sigeo3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Sigeo3 #Sigeo3Col #Sigeo3Desc {
  color:rgb(116, 137, 150); 
  font-size: 14px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 img {
  filter:drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  float: left; 
  padding: 10px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 #Parcerias3Col {
  width: 60%;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 #Parcerias3Col #Parcerias3Title {
  font-weight: bold; 
  font-size: 14px;
}

#divcons #servcoluna2 #servcoluna2Ul_1 #Parcerias3 #Parcerias3Desc {
  color:rgb(116, 137, 150); 
  font-size: 14px;
}


/*Estilo de onde estamos*/
#ondeestamos #ondeestamos_1 {
  height:100%;
}

#ondeestamos #ondeestamos_1 #ondeestamosTitle {
    color:#333333; 
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
    margin: 40px 0 10px 62px; 
    font-size: 22px;
    cursor:default;
  }

#ondeestamos #ondeestamos_1 img#ondeestamosImgLogo {
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.161)); 
  shape-outside: ellipse(); 
  height:60px;
  width:60px; 
  position: relative; 
  right: 2%;
}
.maplgd{
  text-align: center;
  padding: 15px;
  font-size: large;
  background-color: #133463;
  color: white;
  margin: 0;
}
/*Estilo do botão do Sigeo*/

.resp.sigeo1_1{
  padding: 35px 45px;
  font-size: medium;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .resp.sigeo1_1{
    padding: 27px 32px;
    font-size: 17px;
    text-align: center;
  }
}


/*identação da lista do plano diretor*/
.identPD92_1 {
  text-indent: 10px;
}


.loc{
  width:50%;  
  border:0; 
}
@media screen and (max-width:800px){
.loc{
  width: 100%
}
}
noscript {
   width:100%;
   height:100%; /* will cover the text displayed when javascript is enabled*/
   z-index:100000; /* higher than other z-index */
   position:absolute;
}
noscript #div100{
    display:block;
    height:100%;
    background-color:#eee;

}
.fa-external-link-alt{
  font-size: 8px;
  color: #7c7a7a;
  padding: 2px;
  text-decoration: none;
}
.nstxt{
    background-color: #f1f1f1;
    border: none;
    color: black;
    text-align: center;
    font-size: 16px;
    position: fixed;
    z-index: 998;
    width: 100%;
    line-height: 30px;
}
.logons{
margin: 10px;
}
 .plic{
   padding-bottom: 30px;
 }

 .pesquisa{
   border: none;
   width: 100%;
   text-align: center;
   font-size: 12pt;
   margin-top: 15px;
 }
 .avançada{
  text-align:center; 
  font-size: 10pt; 
 }
 
 .pmuslink:hover{
  color: #F4792A;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  text-decoration: none;
}
p strong{
	font-family: 'Montserrat', sans-serif;	
}
.h1title{
	color:#FFF;
	font-size:3rem;
}
.h1title span{
	font-family: 'Montserrat', sans-serif;
}
.h2title{
	color:#FFF;
	text-transform:uppercase;	
	font-size:1.8rem;
	font-family: 'Montserrat', sans-serif;	
}
.h3title{
	color:#FFF;
	text-transform:uppercase;		
	font-family: 'Montserrat', sans-serif;
  font-size:1.2rem;
}
ul{
  list-style: none;
}
.bg-light{
	background-color:rgba(255, 255, 255, 0.8);
}

.bg-footer{
	background:#ef883d;
}

.nav-item a:hover, .nav-item a:active{
	color:#ef883d;
}
.nav-border{
	border-right:#FFF 1px solid;
}
.mainBox{
	padding:150px 0;
}
.pointer{
  margin-left: 20%;
}
.button {
    background-color: #448383;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	width:120px;
	height:120px;
	box-shadow: 2px 2px 6px #333333c9;
	margin:25px;
	cursor:pointer;
}
.button:hover{
    background-color: #eb7736;	
}

.buttonO{
    background-color: #eb7736;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	box-shadow: 2px 2px 6px #333333c9;
	cursor:pointer;
}
.buttonO:hover{
  background-color: #448383;	
  transition: 0.5s;	
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}

.round {border-radius: 100%;}

.button2 {
  background-color: #574786;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
width:120px;
height:120px;
box-shadow: 2px 2px 6px #333333c9;
margin:25px;
cursor:pointer;
}
.button2:hover{
  background-color: #eb7736;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;		
}
.mtop{
  padding: 55px;
}
.button02{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 2px 2px 6px #333333c9;
  cursor:pointer;
  margin: 10px;
  border-radius: 5px;
}
.button02:hover{
  background-color: #448383;	
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;	
}
.button03{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 2px 2px 6px #333333c9;
  cursor:pointer;
  margin-bottom: 5%;
  border-radius: 5px;
}
.button03:hover{
  background-color: #ca5a19;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;	
}
.button03-ofc1{
  background-color: #eb7736;
  margin-top: 10%;
  border-radius: 25px;
  width: 100%;
  min-width: 50px;  
  max-width: 400px; 
  height: 100px;
  font-size: 26px;
  margin-bottom: 0;
}

.button03-ofc2{
  background-color: #133463;
  border-radius: 15px;
}
.button03-ofc2:hover{
  background-color: #0a2750;
  border-radius: 15px;
}


.button04{
  background-color: #574786;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  box-shadow: 2px 2px 6px #333333c9;
  cursor:pointer;
  margin: 0 4% 3% 0;
  border-radius: 5px;
}
.button04:hover{
  background-color: #2f2157;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;	
}
.buttons3d {
  margin-top: 10%;
}

@media screen and (max-width:768px) {
  .buttons3d {
    margin-top: 10%;
  }
}
.linktitle{
  color:white;
  font-size: 30px;
  margin-top: 30px;
  padding-bottom: 20px;
}
.links{
  color: black;
  padding: 30px;
  font-size: 18px;
}
.revisao, .bg-purple{
  padding-bottom: 18px;
}
.bg-purple{
	background:#574786;
  color: white;
}
.bg-blue{
	background:#133463;
  color: white;
}
.bg-purple h1{
	color:#eb7736;
}
.bg-grey{
	background:#448383;
}
.bg-grey h1{
	color:#eb7736;
}
.bg-rev {
  background-color: #7a3d8b;
  object-fit: cover;
}
.miolo-txt{
	padding:2% 2%;
}
.miolo-txt2{
	padding:2% 2%;
}
.title-txt{
	padding:5% 5%;
	font-size:1.8em;
}
.title-txt2{
	padding:3% 5%;
	font-size:1.8em;
}
.bg-orangedark{
	background-color: #eb7736;
	color:#FFF;
}
.bg-orange {
	background-color: #ef883d;
	color:#FFF;
}
.icons{
	padding:15px;
}
@media (min-width: 1200px){
.containerbox{
  padding: 30px 200px 30px 200px;
}
}
.pmus2019{
  margin-left:auto;
  margin-right:auto;
}
  
.iconDownload{
	padding:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width: 900px) {
    .h1text {
        font-size: 36px;
    }
    .h2text {
        font-size: 24px;
    }
    .pmustext{
      font-size: 18px;
    }
	.iconDownload{
		font-size:11px;
		padding:10px;
	}
  .containerbox{
    padding: 10px 100px 10px 100px;
  }

  .pmuslink{
    font-size: 16px;
  }
}
.containerbox2{
  padding-top: 40px;
}
.downloadicon:hover{
  color: #574786;
}
.downloadicon{
  font-size: 14px;
}
.downloads{
padding-top: 40px;
}
 .logopmus{
  background-image: url(img/pmus/bgMain.webp);
  width: 100%;
}
.buttonO{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 2px 2px 6px #333333c9;
cursor:pointer;
}
.buttonO:hover{
  background-color: #448383;	
}
.buttonO2{
  background-color: #eb7736;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 2px 2px 6px #333333c9;
cursor:pointer;
margin-bottom: 20px;
}
.buttonO2:hover{
  background-color: #574786;
}	
.round {border-radius: 100%;}

.bg-grey{
background:#448383;
object-fit: cover ;
}
.bg-grey h1{
color:#eb7736;
}
.miolo-txt{
padding:5% 5%;
}
.miolo-txt2{
padding:2% 5%;
}
.title-txt{
padding:15% 5%;
font-size:1.8em;
}
.title-txt2{
padding:3% 5%;
font-size:1.8em;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.overlayhb {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.945);
  overflow-x: hidden;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  
}

.overlayhb-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  z-index: 999;
}

.overlayhb a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #616161;
  display: block;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  z-index: 999;
}

.overlayhb a:hover, .overlayhb a:focus {
  color: #f1f1f1;
}

.overlayhb .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlayhb a {font-size: 20px}
  .overlayhb .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.hmbutton{
  font-size:28px;
  cursor:pointer;
  background-color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 3% 0 0 5%;
}
.hmbutton:hover{
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  color: #39274E;
}

.topleft{
  position: absolute;
  z-index: 1;
}
.orlatitle{
  background-color: #39274E;
  padding: 10px 30px;
  color: white;
  font-size: x-large;
}
.textoorla{
  line-height: 20px;
  font-size: 12px;
  row-gap: 30px;
  margin: 0 20px 20px 0;
  text-align: justify;
}
.logosmubw {
  width: 30%;
  margin: 20px;
}
.logoiab{
  width: 5%;
  margin: 20px;
}
.logouia{
  max-width: 20%;
  margin: 20px;
}
.btnorla{
  background-color: #39274E;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
box-shadow: 2px 2px 6px #333333c9;
margin: 10px 2%;
cursor:pointer;
}
.btnorla:hover{
  background-color: #303030;
  color: white;	
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;	
}
@media (min-width: 1000px){
.layoutorla{
  padding: 2% 2% 3% 5%;
}
}
.listadados {
  color: #818181;
  font-style: italic;
  text-align: justify;
  line-height: 40px;
}
.indigopercent{
  background-color: #39274E;
  padding: 2px;
  color: white;
  font-size: 16px;
}
.dgpercent {
  background-color: #4a4a4a;
  padding: 2px;
  color: white;
  font-size: 16px;
}
.dmgpercent{
  background-color: #818181;
  padding: 2px;
  color: white;
  font-size: 16px;
}
.mgpercent{
  background-color: #aaaa;
  padding: 2px;
  font-size: 16px;
}
.lgpercent{
  background-color: #d4d4d4;
  padding: 2px;
  font-size: 16px;
}

.imgfluxos{
  width: 50%;
  margin: auto;
  display: block;
}
@media screen and (max-width: 800px)
{
  .imgfluxos {
    width: 100%;
  }
}

.imgresultados{
  width: 90%;
}
.hrproj{
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #13346300, #133463, #13346300);
  width: 50%;
  margin: auto;
  display: block;
}

#indexblue{
  background-color: #255291;
  border-radius: 20px;
}

.smalltext {
  margin-left: 15px;
  margin-right: 15px;
}

.btn-hover {
  width: 220px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  margin: 12px;
  height: 55px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 50px;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.btn-hover:hover {
  background-position: 100% 0;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.btn-hover:focus {
  outline: none;
}
.btn-hover.color-1 {
  background-image: linear-gradient(to right, #82b7ce, #8cddb6, #95e0bc, #83c2a4);
  box-shadow: 0 4px 15px 0 rgba(81, 155, 152, 0.75);
}
.btn-hover.color-2 {
  background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btn-hover.color-5 {
  background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btn-hover.color-3 {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btn-hover.btn-3 {
  background-image: linear-gradient(to right, #b0fccc 0%, #abdcf5 51%, #b6facf 100%);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btn-hover.color-4 {
  background-image: linear-gradient(to right, #eb6a6a, #ff9a44, #ef9d43, #e75516);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btn-hover.color-7 {
  background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btn-hover.color-9 {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.ghost-button { 
  display: inline-block; 
  width: 200px; 
  padding: 8px; 
  color: #133463; 
  border: 1px solid #133463;
  border-radius: 10px; 
  text-align: center; 
  outline: none; 
  text-decoration: none; 
  text-transform: uppercase;
}
  .ghost-button:hover, .ghost-button:active, .ghost-button::after { 
    background-color: #133463; 
    color: #ffffff; 
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .h4{
    font-size: 1rem;
  }
  .right-0 {
    right: 0;
  }
  
  .top-0 {
    top: 0;
  }
  
  .h-100 {
    height: 100%;
  }
  
  a.text-secondary:focus,
  a.text-secondary:hover {
    text-decoration: none;
    color: #22343e;
  }
  
  .target .fa-plus {
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  
  .target a[aria-expanded=true] .fa-plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
.card-box {
    padding: 15px;
    background-color: #fdfdfd;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0px 0px 8px 0px #d4d4d4;
    transition: 0.5s;
}
.card-box:hover {
	border: 1px solid #007bff;
}
.card-box p {
    color: #808080;
    text-align: left;
}
.palink {
  display: inline-block; 
  background-color: #50aaa9;
  border: 1px solid transparent;
  color: white;
  border-radius: 6px;
  padding: 2px;
  font-size: 12px;
}
@media screen and (max-width: 600px){
  .buttons3d {
    margin-top: 5%;
  }
}
#divlurn1995{
  max-height:300px;
  overflow-y: scroll;
}

.lurnpjustify{
  text-align:justify;
}
#tiny {
  font-size: 6px;
}

.callout {
  background-color: #fff;
   border: 1px solid #e4e7ea;
    border-left: 4px solid #c8ced3;
    border-radius: .25rem;
  margin: 1rem 0;
      padding: .75rem 1.25rem;
  position: relative;
}

.callout h4 {
      font-size: 1.3125rem;
  margin-top: 0;
   margin-bottom: .8rem
}
.callout p:last-child {
  margin-bottom: 0;
}

.callout-default {
  border-left-color: #777;
  background-color: #f1f1f1;
}
.callout-default h4 {
  color: #777;
}

.callout-primary {
  background-color: #d2eef7;
  border-color: #b8daff;
  border-left-color: #17a2b8;
}
.callout-primary h4 {
  color: #20a8d8;
}

.callout-success {
 background-color: #dff0d8;
  border-color: #d6e9c6;
  border-left-color: #28a745;
}
.callout-success h4 {
      color: #3c763d;
}

.callout-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  border-left-color: #d32535;
}
.callout-danger h4 {
  color: #a94442;
}

.callout-warning {
 background-color: #fcf8e3;
  border-color: #faebcc;
  border-left-color: #edb100;
}
.callout-warning h4 {
  color: #f0ad4e;
}

.callout-info {
  background-color: #ebf5f8;
  border-color: #b8daff;
  border-left-color: #148ea1;
}
.callout-info h4 {
  color: #31708f;
}

.callout-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}
#tombamento-input,
#zoneamento-input,
#acessibilidade-input,
#legislacao-input,
#myInput {
  background-image: url('img/assets/search.webp');
  background-position: 15px 16px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#tombamento-table,
#zoneamento-table,
#acessibilidade-table,
#legislacao-table,
#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}

#tombamento-table th,
#zoneamento-table th,
#acessibilidade-table th,
#legislacao-table th, 
#myTable th, #tombamento-table td,
#zoneamento-table td,
#acessibilidade-table td,
#legislacao-table td,
#myTable td {
  text-align: left;
  padding: 20px;
}

#tombamento-table tr,
#zoneamento-table tr,
#acessibilidade-table tr,
#legislacao-table tr,
#myTable tr {
  border-bottom: 1px solid #ddd;
}

#tombamento-table tr:nth-child(even),
#zoneamento-table tr:nth-child(even),
#acessibilidade-table tr:nth-child(even),
#legislacao-table tr:nth-child(even),
#myTable tr:nth-child(even) {
  background-color: #f2f2f2;
}
#tombamento-table th:last-child,
#zoneamento-table th:last-child,
#acessibilidade-table th:last-child,
#legislacao-table th:last-child,
#myTable th:last-child, #tombamento-table td:last-child,
#zoneamento-table td:last-child,
#acessibilidade-table td:last-child,
#legislacao-table td:last-child,
#myTable td:last-child {
  text-align: center;
}

/* To display the block as level element */
#tombamento-table tbody,
#zoneamento-table tbody,
#acessibilidade-table tbody,
#legislacao-table tbody,
#myTable tbody, #tombamento-table thead,
#zoneamento-table thead,
#acessibilidade-table thead,
#legislacao-table thead,
#myTable thead {
  display: block;
} 

thead tr th {
  height: 15px; 
  line-height: 15px;
}

#tombamento-table tbody,
#zoneamento-table tbody,
#acessibilidade-table tbody,
#legislacao-table tbody,
#myTable tbody {
    
  /* Set the height of table body */
  height: 300px; 
    
  /* Set vertical scroll */
  overflow-y: auto;
    
  /* Hide the horizontal scroll */
  overflow-x: hidden; 
}

@media screen and (max-width: 435px) {
  #tombamento-table tbody,
  #zoneamento-table tbody,
  #acessibilidade-table tbody,
  #legislacao-table tbody,
  #myTable tbody {
    font-size: 10px;
  }
}


tbody td, thead th {
  width : 500px;
}
td {
  text-align:center;
}

/* Estilos do Pop-up da Lei Urbanística */

.lumodal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.0rem;
  height: auto;
  width: 90%;
  padding: 0.1rem;
  max-width: 1198px;
  min-height: auto;
  z-index: 1000;
  top: 50%;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.lumodal img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.lumodal .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lumodal input {
  padding: 0.7rem 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0.9em;
}

.lumodal p {
  font-size: 0.9rem;
  color: #777;
  margin: 0.4rem 0 0.2rem;
}

.button {
  cursor: pointer;
  border: none;
  font-weight: 600;
}

.btnlu {
  display: inline-block;
  padding: 0.8rem 1.0rem;
  font-weight: 700;
  background-color: #574786;
  color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 1em;
}

.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0.5rem 0.8rem;
  background: #eee;
  border-radius: 50%;
}

.hidden {
  display: none;
}

.overlaypup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  z-index: 999;
}
.btnpup{
  background-color: #133463;
  color: white;
  font-size: large;
  font-weight: bold;
  padding: 10px;
}
@media only screen and (max-width: 1386px) {
  .lumodal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.0rem;
    height: auto;
    width: 90%;
    padding: 0.1rem;
    max-width: 800px;
    min-height: auto;
    z-index: 1000;
    top: 50%;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 10px;
  }

  .lumodal img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }
  
  .lumodal .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .lumodal input {
    padding: 0.7rem 1rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.9em;
  }
  
  .lumodal p {
    font-size: 0.9rem;
    color: #777;
    margin: 0.4rem 0 0.2rem;
  }
  
  .button {
    cursor: pointer;
    border: none;
    font-weight: 600;
  }
  .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0.5rem 0.8rem;
    background: #eee;
    border-radius: 50%;
  }
  
  .hidden {
    display: none;
  }
  
  .overlaypup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 999;
  }
}

.LeiShort {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  opacity: .5;
  width: 20px;
}

@media (max-width: 768px) {
  .LeiBanner img {
    max-width: 100%; /* Resize image to fit the width of the viewport */
    height: auto;
  }
}

b.title {
  display: flex;
  margin-left: 23px;
}

.w3-center.margin-w3-center {
  margin: 2rem;
}

a.resp.resp-planodir {
  font-size: 16px;
  height: auto;
}

@media (max-width:768px) {
  .sidebar.col-md-2.col-sm-12.text-center {
    order: 2;
  }
}

img#bannerlurn {
  margin-top: 2.5%;
  height: auto;
}
#proceletro {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/procelt.webp"); 
  filter: grayscale(20%) contrast(95%);
  height: all;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  border: 0px transparent;
  margin: 40px 0 40px 0;
}
#procfisico {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/procfis.webp"); 
  filter: grayscale(20%) contrast(95%);
  height: all;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  border: 0px transparent;
  margin: 40px 0 40px 0;
}

.fact {
  vertical-align: top;
  display: inline-block;
  height: 100%;
  width: 200px;
  background-color: white;
  padding: 20px;
  margin: 0px 25px 0px 5px;
  border-radius: 15px;
  box-shadow:
    0 1.6px 3.6px rgba(0, 0, 0, 0.01),
    0 4.5px 10px rgba(0, 0, 0, 0.015),
    0 10.9px 24.1px rgba(0, 0, 0, 0.02),
    0 36px 80px rgba(0, 0, 0, 0.03);
}
.slider-wrapper {
  width:100%;
  overflow: hidden;
  padding: 25px 20px 20px;
  white-space: wrap;
}
.news-prev {
  color: black;
  position: absolute;
  margin-top: 260px;
  left: -10px;
  font-size: 1.5em;

  :hover {
    cursor: pointer;
    color: black;
  }
}

.news-next {
  color: black;
  position: absolute;
  margin-top: 260px;
  right: 10px;
  font-size: 1.5em;

  :hover {
    cursor: pointer;
    color: black;
  }
}
#tpb{
  width: 100%;
  height: 150px;
  background-image: url(https://transparencia.niteroi.rj.gov.br/banner-principal.feef9ab39896fc696b4a.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#trb{
  width: 100%;
  height: 150px;
  background-image: url(https://www.gov.br/cgu/pt-br/assuntos/noticias/2024/04/cgu-divulga-6o-boletim-com-resumo-de-decisoes-da-lei-de-acesso-a-informacao/lai.jpg/@@images/de87f65b-c965-46c7-919d-c736ca6f0384.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#fqb{
  width: 100%;
  height: 150px;
  background-image: url(https://images.pexels.com/photos/5428834/pexels-photo-5428834.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#dab{
  width: 100%;
  height: 150px;
  background-image: url(https://www.arcgis.com/sharing/rest/content/items/9367bbb228ad4581a22a404292ad7535/resources/civitas_geoportal.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#geo  {
width: 100%;
height: 150px;
background-image: url('https://www.arcgis.com/sharing/rest/content/items/4c3b8e7afb0944bab115cf6aec477964/resources/Captura de tela 2023-09-13 144257_Easy-Resize.com.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#dat {
  width: 100%;
  height: 150px;
  background-image: url('https://images.pexels.com/photos/167259/pexels-photo-167259.jpeg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#pab{
  width: 100%;
  height: 150px;
  background-image: url(https://images.pexels.com/photos/3184424/pexels-photo-3184424.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bluetext {
  color: #133463
}
.blur {filter: blur(20px);}