.areaBarra
{
  background-color:#fff;
  border:15px solid #fff;
  clear:both;
  overflow:hidden;
}

.areaBarra ul
{
  margin:0 -1px;
}

.areaBarra li
{
  background-color:#fff;
  border-left:1px solid #c3c3c3;
  float:left;
  margin:0 -1px 0 0;
  width:25%;
}

.areaBarra a
{
  display:block;
  min-height:52px;
  padding:10px 5px 10px 15px;
}

.areaBarra strong
{
  display:block;
  font-size:1.167em;
  line-height:1.813em;
  margin-bottom:2px;
  margin-left: 14px;
}

.areaBarra li.item2
{
  width:25%;
}

.areaBarra li.item4
{
  width:35%;
}

.progaco.setas a
{
  background-image:url(img/icn_setas.png);
  background-repeat:no-repeat;
  background-size:40px auto;
  display:block;
  height:41px;
  overflow:hidden;
  text-indent:-999px;
  width:20px;
}

.player .progaco.setas a
{
  margin-top:-10px;
}

.textoPrincipal .progaco.setas a.ante
{
  float:right;
  left:0;
}

.textoPrincipal
{
  height:301px;
}

.textoPrincipal .slides
{
  max-height:270px;
}

.textoPrincipal #showTotal .slides
{
  height:320px!important;
}

.PlanejamentoEstrategico h4.titulo:first-child
{
  height:auto;
  padding-bottom:5px;
}

.quadroEmailProcuradorGeral
{
  padding-top:30px;
}

.mudancasCorregedoria .areaTexto h4.titulo
{
  font-size:22px;
  padding-left:0;
  padding-top:0;
}

.mudancasCorregedoria .areaPublicacoes .chamada
{
  padding:0;
}

.mudancasCorregedoria ul.lisataAreas a
{
  border-radius:3px;
  display:table-cell;
  font-weight:700;
  height:100px;
  line-height:12px;
  margin:auto;
  padding:0;
  text-align:center;
  vertical-align:middle;
  width:inherit;
}

.mudancasCorregedoria ul.lisataAreas li
{
  height:100px;
  margin:0 10px 10px 0;
  max-width:23%;
  padding:0;
  width:23%;
}

.mudancasCorregedoria ul.lisataAreas
{
  padding-left:0;
  padding-top:0;
}

ul.procedimentoBtVermelho a
{
  #border-radius:3px;
  display:table-cell;
  font-weight:700;
  height:63px;
  line-height:12px;
  padding:0;
  text-align:center;
  vertical-align:middle;
  width:inherit;
  color: white;
}

ul.procedimentoBtVermelho li
{
  border-radius:3px;  
  height:63px;
  margin:auto;
  width:120px;
  padding:0;
  background: none repeat scroll 0% 0% rgb(102, 0, 0);
  text-align: center;  
}

ul.procedimentoBtVermelho
{
  padding-left:0;
  padding-top:0;
}

.mudancasCorregedoria .areaGrade
{
  margin-left:6px;
  padding-top:0;
}
.areaBarra li
{
  min-height:91px;
}
.areaBarra li.item1,.areaBarra li.item3
{
  width:20%;
}

@media (max-width: 768px) {
  .PlanejamentoEstrategico .quadro
  {
    height:auto;
  }
  
  .areaBarra li.item1,.areaBarra li.item2
  {
    width:50%;
  }
  
  .areaBarra li.item3,.areaBarra li.item4
  {
    border-top:1px solid #c3c3c3;
    width:50%;
  }
}

@media (max-width: 480px) {
  .areaBarra
  {
    border-bottom-width:5px;
    border-top-width:5px;
  }
  
  .areaBarra li
  {
    border:none;
    border-top:1px solid #c3c3c3;
  }
  
  /*.areaBarra li:first-child
  {
    border-top:none;
  }*/
  
  .areaBarra a
  {
    min-height:inherit;
    padding:10px;
  }
  
  .areaBarra li.item1,.areaBarra li.item2,.areaBarra li.item3,.areaBarra li.item4
  {
    width:100%;
  }
}
.mobileBannerInside {
    margin:10px;
  }
  .mobileBannerInside img{
    width:150px;
    height:80px;
  }
  .mobileBannerContainer div{
    display: inline-block;
  }
@media (min-width:768px) and (max-width:980px){
    .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .clearfix {
      display: inline-block;
  }
  
  html[xmlns] .clearfix {
      display: block;
  }
  
  * html .clearfix {
      height: 1%;
  }
    .mobileBannerContainer {
      width:691px;
      margin: auto;
    }
}


@media (min-width:535px) and (max-width:767px){
    .mobileBannerContainer {
      width:518px;
      margin: auto;
    }
}

@media (min-width:351px) and (max-width:534px){
    .mobileBannerContainer {
      width:344px;
      margin: auto;
    }
}

@media (max-width:350px){
    .mobileBannerContainer {
      width:300px;
      margin: auto;
    }
}