@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

/*body {
  width: 100%;
  height: 100%;
}*/

h2, h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  color: #FFFFFF;
  overflow: hidden;
  height: 30px;
  margin-bottom:  2px;
  margin-top: 0px;           
}

.notlocal {
  height: auto !important;
}

.notlocal p {
  font-family: 'Montserrat', sans-serif 1rem !important;
  font-size: 1rem !important;
}

.banner_header {
  display: block;
  width: 468px;
  height: 60px;
  margin: 20px auto;
}

.topBanner_box{
  overflow: hidden;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.logo {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.navbar-item {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 99999;
}

.navbar-nav li {
    font-family: 'Montserrat', sans-serif;
    padding: 10px 17px;
    font-size: 15px;
    color: #333;
    background: #FDFDFD;
    border-radius: 6px;
    transition: all 300ms;
    margin: 0 7px;
    border: 1px solid #F5F5F5;
    box-shadow: inset 0 0 16px #FdFdFd;
    z-index: 99999;
}

.navbar-nav li:hover{
  color: #000;
  text-decoration: none;
  background: #F5F5F5;
  z-index: 99999;
}


.banner{
  width: 100%;
  background: linear-gradient(45deg, #05f, #05f);
  height: 60px;
  margin-bottom: 10px;
  padding: 10px 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.banner h2{
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.publi{

  margin: 30px 0;

}

.sl_box{

  display: block;

  width: 100%;

  height: 300px;

  position: relative;

  margin:0;

  padding:0;

  overflow: hidden;/* */

}

.sl_box .sl_cont{

  display: block;

  width: 1000%;

  height: 300px;

}

.sl_box .st_bt{

  display: block;

  width:40px;

  height: 300px;

  z-index: 999;

  color: rgba(0,0,0,0.5);

  text-align: center;

  font-size: 40px;

}

.sl_box .sl_prev{

  position: absolute;

  top: 0;

  left: 0;

}

.sl_box .sl_next{

  position: absolute;

  top:0;

  right:0;

}

.sl_box .sl_iten,

.sl_box .sl_iten img{

  display: inline-block;

  width: 100%;

  height: 100%;

  float: left;

}

.sl_box .sl_nav{

  display: block;

  position: absolute;

  bottom:7px;

  left:0;

  color: #FFF;

  text-align: center;

  z-index: 999;

  width: 100%;

  height: 30px;

  line-height: 30px;

}

.sl_box .sl_nav span{

  display: inline-block;

  background-color: #800;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  cursor: pointer;

  text-align: center;

  margin: 0 3px;

}

.sl_nav .sl_nav_at{

  background-color: #000;

}

.sl_iten{

  text-align: center;

  color: #FFF;

  text-shadow: 1px 1px 0px #000;

  font-size: 30px;

}

.sl_iten h2{
  font-size: 20px;
}

.sl_iten p{

  font-size: 16px;

}



.banner a:hover{

  color: #FFF;

}

.posts{

  display: block;

  padding: 10px;

  background-color: #fff;

  padding-bottom: 20px;

  float: left;

}

.posts h4{

  display: block;

  height: 50px;

  float: left;



}

.posts img{

  display: block;

  float: left;

}

.conter{

  display: block;

  float: left;

  margin-top: 20px;

}

.direito{

  display: block;

  position: absolute;

  right: 0;

  top: 0;

}

.re{

  display: block;

  position: relative;

}

.banner2{

  margin-bottom: 20px;

}

.banner2 img, .banner2 object{

  float: right;

  margin-left: 90px;

  margin-right: 30px;

  width: 468px;

  height: 60px;

  overflow: hidden;

}

.titlePost{

  display: block;

  float: left;

  margin-bottom: 15px;

  font-size: 18px;

}

.pesquisar {
  margin: 20px auto;
}

.pesquisar form {
  width: 100% !important;
}

h1 {
  font-family: Trebuchet, Verdana;
  font-size: 1.4rem;
}

#sortable {
  text-align: center;
}

.card {
  margin-bottom: 20px;
}

.visitantes {
  margin: 30px 0;
}

.card {
  heigh: 309.16px !important;
  }

.card-body p {
  font-family: 'Montserrat', sans-serif;
  color: #222;
  font-size: 1rem;
  padding: 0.25rem !important;
  }

.card-body p:hover {
  color: #0000ff;
  }

.title, .not{
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
}

.not:hover{
  text-decoration: none;
  color: #222;
}

.not span{
  display: none;
  width: 50px;
  height: 10px;
  line-height: 10px;
  margin: 6px auto;
  margin-bottom: 3px;
  background: #C00;
  color: #FFF;
  text-align: center;
  box-shadow: inset 0 0 16px #800;
  border-radius: 6px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  transition: all 300ms;
  cursor: pointer;
  font-size: 12px;
  margin-right: 12px;
}

.not span:hover{
  box-shadow: inset 0 0 16px #600;
}

footer{
  background: #222;
  min-height: 50px;
  line-height: 50px;
  text-align: center;
  color: #DDD;
  padding: 30px 0;
}

.faixa{
  display: block;
  width: 100%;
  height: 120px !important;
  line-height: 60px;
  color: #FFF;
  background: #05f;
  text-align: center;
}
.barra{
  display: inline-block;
  width: 100px;
  height: 60px;
}

@media (min-width: 992px) {
  .buscar input {
    width: 400px !important;
  }
  .btn {
    margin-left: 35px !important;
  }
    .faixa{
    height: 60px !important;
  }
  .data {
    position: relative;
    top: 10px;
  }

   img.card-img-top.img-fluid {
  height: 200px !important;
  }

  a.not{
    height: 320px !important;
  }

  p.card-text {
    font-size: 12px !important;
  }

}