body {
	margin:0px;
  font-family: 'Roboto', sans-serif;
}
.logo {
  text-align: left;
}
p {
    font-family: 'Roboto', sans-serif;

}
h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  color: #444;
  text-align: center;
  padding-left: 20px;
  font-weight: normal !important;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  color: #444;
  text-align: left;
  padding-left: 20px;
  font-weight: normal !important;
}
.carousel-cell h2 {
  font-size: 21px;
  padding: 0px;
  text-align: center;
}
h3 {
  font-size: 13px !important;
  color: #666 !important;
  text-align: center;
  font-weight: normal !important;
}
h4 {
  font-size: 12px !important;
  color: #666 !important;
  text-align: justify;
  font-weight: normal !important;
}
a, a:link, a:hover, a:visited, a:active  {
   color: #444;
   text-decoration: none !important;
}
.barratopo {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999999999;
  height: 100px;
  background: url(../imgs/bgb.png);
  padding: 20px 10px;
}
.imgtopo {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px !important;
  padding: 0px !important;
  z-index: 1;
  display: inline-block;
}

.menutop {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 58px;
  color: #fff;
  margin: 0px auto;
  text-align: center;
  border-left: 1px solid #555;
  transition: all 0.2s linear; 
}
.menutop:hover {
  border-bottom:  7px solid #ccc;
}
.mnp {
  border-right: 1px solid #555;
}
.fx_cz {
  padding: 50px 0px;
  z-index: 99999999999999999999999;
  display: block;
  background-color: #edeff0;
}
.fx_dk {
  padding: 10px 0px;
  z-index: 99999999999999999999999;
  display: block;
  color: #fff;
  background-color: #333;
}
.fx_dk h3, .fx_dk label {
  font-size: 16px !important;
  color: #fff !important;
  text-align: center;
  font-weight: bold !important;
}
.fx_dk .btn {
  margin-top: 7px;
  width: 100%;
  color: #333;
}
.fx_hhf {
  padding: 70px 0px;
  z-index: 99999999999999999999999;
  display: block;
  text-align: center !important;
  background: url(../imgs/bghhf.jpg);
  background-attachment: fixed;
}
.fx_cz p {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #444;
  text-align: center;
}
.fx_hhf h1 {
  text-align: center !important;
  display: inline;
  padding: 0px 0px 15px 0px;
  width: auto;
}

.fx_hhf h2 {
  font-size: 16px;
  padding: 0px;
  color: #566;
  text-align: center;
  text-transform: uppercase;

}
.carousel-cell {
  text-align: center;
}

.carousel-cell img {
  width: 100%;
}

.fx_footer {
  background: #373737;
  padding: 50px 10px;
}

.fx_footer p  {
  text-align: left !important;
  display: inline;
  padding: 0px 0px 15px 0px;
  width: auto;
  font-size: 13px;
  color: #ccc;
  text-transform: uppercase;
}

.fx_footer p .und {
  text-align: right !important;
  display: inline;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #555;
  width: auto;
  font-size: 11px;
  color: #ccc;
  text-transform: uppercase;
}
.bolapal {
  margin: 0px auto;
  font-family: 'Roboto', sans-serif;
  border-radius: 150px;
  width: 245px;
  height: 245px;   
  background-color: #684a32;
  background-position: top center;
 }
 .bolapal2 {
  margin: 0px auto;
  font-family: 'Roboto', sans-serif;
  border-radius: 150px;
  width: 195px;
  height: 195px;   
  background-color: #684a32;
  background-position: center center;
 }

 .ps_adv  {
  padding: 20px;
  min-height: 350px !important;
  text-align: center !important;
 }
  .ps_adv p {
    font-size: 14px;
}
.ps_atuacao, .ps_ct, .ps_mat  {
  text-align: justify !important;
 }

.ps_adv h2, .ps_atuacao h2 {
  font-family: 'Roboto', sans-serif;
  color: #444;
  font-size: 23px;
  font-weight: bold !important;
}
.ps_atuacao h2 {
  text-align: left;
  font-size: 21px;
  border-bottom: 1px solid #c6c4c4;
  display: table;
  font-family: 'Roboto', sans-serif;
}
.ct_materia {
  text-align: justify;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
.ct_materia h1 {
  text-align: left;
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
}

 .ps_mat h2 {
  text-align: left;
  font-size: 21px;
  display: table;
  font-weight: bold;
   font-family: 'Roboto', sans-serif;
}
.ico-ok {
  font-size: 10px;
  color: #666;
  margin-right: 5px;
  font-family: 'Roboto', sans-serif;
}
.box_noticia {
  padding: 11px 0px 11px 0px;
  float: left;
  cursor: pointer;
  width: 100%;
  min-height: 600px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  border-bottom: 1px solid #c6c4c4;
  font-family: 'Roboto', sans-serif;
}
.box_noticia:hover, .box_noticiabig:hover, .carousel-cell:hover {
  opacity:0.7;
  filter: alpha(opacity=70); /* internet explorer */
}
.box_noticia span, .data_materia {
  font-size: 11px;
}
.bt_sabermais {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  margin: -60px 5px 0px 5px !important;
  padding: 15px 10px;
  text-align: center;
  background-color: #bbb;
  color: #fff;
  left: 50% !important;
  margin-left: -47% !important;
  width: 94% !important;
}
.slider_thumbbig {
  max-height: 220px;
  min-height: 210px;
  height: 100%;
  max-width: 100%;
  width: 100%;
  padding: 10px;
  margin: 20px 0px 30px 0px;
  padding: 0px;
  float: left;
  background-size: auto 100% !important;
  background-position: center center  !important;
}
.slider_thumbbig h2 {
  border: 0px !important;
  font-weight: bold;
}

@media (max-width:1023px){
.mbfx {
  margin-top: 130px;
}
.ct_materia h1 {
  border: 0px;
}
  .ps_adv p {
    font-size: 11px;
}
.bolapal2 {
  margin: 0px auto;
  font-family: 'Roboto', sans-serif;
  border-radius: 100px;
  width: 105px;
  height: 105px;   
  background-color: #684a32;
  background-size: contain;
  background-position: center center;
 }



  h2 {
    font-size: 21px;
  }
  .fx_cz p {
    font-size: 17px;
  }
  .logo {
    text-align: center !important;
  }
  .logo img {
    max-width: 260px;
  }
  .menutop {
    font-size: 10.4px;
    line-height: 50px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    border-left: 1px solid #555;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .barratopo {
    min-height: 142px !important;
    height: 142px !important;
    background: url(../imgs/bgtop_mbl.png);
  }
  .imgtopo {
    display: none;
  }
  .fx_cz {
    padding: 160px 0px 20px 0px;
    z-index: 99999999999999999999999;
    display: block;
    background-color: #edeff0;
  }
  .fx_dk {
     padding: 160px 0px 20px 0px;
 }
  .fx_hhf {
    padding: 30px 0px;
  }
  .fx_hhf img {
    max-width: 100%;
  }
  .fx_hhf h1 {
    font-size: 25px;
  }
  .fx_hhf h2 {
    font-size: 11px;
  }
  .fx_footer p {
    font-size: 9px;
  }
}


/* SLIDER TOPO */

#slide-container {
 position: relative;
}

/* First element to be in block mode for responsiveness */
#slide-first-element {
 display: block; /* to get the dimensions set */
 width: 100%;
 height: auto;
}
/* Other element to be in absolute position */
#slide-element-2,
#slide-element-3,
#slide-element-4 {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}

/* Animation settings for individual elements */
/* For more images the animations have to be adjusted */
#slide-first-element {
 animation: fade-1 30s infinite;
 -webkit-animation: fade-1 30s infinite;
}
#slide-element-2 {
 animation: fade-2 30s infinite;
 -webkit-animation: fade-2 30s infinite;
}
#slide-element-3 {
 animation: fade-3 30s infinite;
 -webkit-animation: fade-3 30s infinite;
}
#slide-element-4 {
 animation: fade-4 30s infinite;
 -webkit-animation: fade-4 30s infinite;
}
/* and more if there are more slides to show */
@keyframes fade-1 {
 0% { opacity: 1; }
 33% { opacity: 0; }
 66% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fade-2 {
 0% { opacity: 0; }
 33% { opacity: 1; }
 66% { opacity: 0; }
 100% { opacity: 0; }
}
@keyframes fade-3 {
 0% { opacity: 0; }
 33% { opacity: 0; }
 66% { opacity: 1; }
 100% { opacity: 0; }
}
/* example for a 4th slide */
@keyframes fade-4 {
 0% { opacity: 0; }
 25% { opacity: 0; }
 50% { opacity: 0; }
 75% { opacity: 1; }
 100% { opacity: 0; }
}