* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {height:100%;}

body{
  font-family: arial, helvetica, sans-serif;
  background: url(../img/bg-tudo.png);
  line-height: 19px;
}

.warp {
  min-height:100%;
  position:relative;
  width:100%;
  padding-bottom: 351px;
}

ul{
  list-style: none;
}


/********************* Barra padrão CNM **************/

.topoPadraoEsticado{
  width: 100%;
  min-width: 980px;
  background: url('../img/padrao-pontilhado.png') #139d43;
}

.topoPadraoCentralizado{
  width: 978px;
  height: 30px;
  margin: 0 auto;
  background: url('../img/padrao-pontilhado.png') #139d43;
  position:relative;
}

.menuEntidades{
  position: relative;
  list-style: none;
  float: left;
  margin-top: 3px;
  z-index: 1;
}

.menuEntidades li{
  float: left;
  text-decoration: none;
  background: url('../img/sepador-menu-entidades.png') no-repeat right center;
  padding: 0px 7px;
  margin-top: 2px;
  position: relative;
}

.menuEntidades li a{
  text-decoration: none;
  font-size: 13px;
  color: #ebebeb;
}

.menuEntidades li a:hover{
  text-decoration: underline;
}

.areaColaborador{
  float: right;
  position: relative;
  margin-top: 5px;
  background: url('../img/sepador-menu-entidades.png') no-repeat right center;
  padding-right: 15px;
}

.areaColaborador li > a{
  text-decoration: none;
  font-size: 13px;
  color: #ebebeb;
  cursor: pointer;
}

.areaColaborador .fa-lock{
  font-size: 15px;
  color: #efefef;
  opacity: 0.6;
  text-shadow:0px 1px 1px rgba(0,0,0,0.5) ;
  margin-right: 10px;
}

li.subMenuEntidades ul{
  position: absolute;
  background: url(../img/seta-sub-menu.png) top  center no-repeat;
  padding-top: 4px;
  z-index: 500;
  right: -45px;
  display: none;
}

li.subMenuEntidades ul li{
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  border:1px solid #3f3f3f;
  background: url('../img/padrao-pontilhado.png') #1b6abd;
  margin: -1px 0 0 0 !important;
  width: 187px;
}

li.subMenuEntidades ul li:hover{
  background: url('../img/padrao-pontilhado.png') #fecc00;
}

li.subMenuEntidades ul li:hover a{
  color: #5c5c5c;
}


li.subMenu ul{
  background: url(../img/seta-sub-menu.png) top  center no-repeat;
  padding-top: 4px;
  display: none;
  position: absolute;
  z-index: 500;
  right: 0;
  /* opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -ms-transition: opacity .25s ease-in-out;
   -o-transition: opacity .25s ease-in-out;
   transition: opacity .25s ease-in-out; */
}

li.subMenu:hover ul{
/* opacity: 1;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out; */
}


li.subMenu ul li{
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border:1px solid #3f3f3f;
  background: url('../img/padrao-pontilhado.png') #1b6abd;
  width: 160px;
}

li.subMenu ul li:hover{
  background: url('../img/padrao-pontilhado.png') #fecc00;
}

li.subMenu ul li:hover a{
  color: #5c5c5c;
}

.semBorda{
  border-top:none !important;
  border-right:1px solid #3f3f3f !important;
  border-left:1px solid #3f3f3f !important;
  border-bottom:1px solid #3f3f3f !important;
}

/********************* FIM Barra padrão CNM **************/



/********************* Topo Site **************/
.topoEsticado{
  width: 100%;
  min-width: 978px;
  height: 92px;
  background: #004f9a;
  background-image: linear-gradient(to bottom, #1b6abd, #004f9a 130%);
  position: relative;
  border-bottom: 3px solid #aeaeae;
}

.topoCentralizado{
  width: 978px;
  height: 92px;
  background: #004f9a;
  background-image: linear-gradient(to bottom, #1b6abd, #004f9a 130%);
  position: relative;
  margin:0 auto;
  border-bottom: 3px solid #aeaeae;
}

.logoTopo{
  float: left;
  margin-top: 10px;
}

/********************* Menu Principal**************/
.menuPrincipal{
  float: left;
  margin-left: 10px;
  font: 15px tahoma, arial,sans-serif;
}

.menuPrincipal > ul{
  position: relative;
}

.menuPrincipal > ul > li{
  position: relative;
  padding:  0 4px;
  float: left;
  background: url(../img/separador-menu-prinicpal.png) no-repeat right;
  height: 92px;
}

.menuPrincipal > ul > li > a{
  color: #ebebeb;
  text-decoration: none;
  opacity: 0.4;
  float: left;
/*   -webkit-transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -ms-transition: opacity .25s ease-in-out;
 -o-transition: opacity .25s ease-in-out;
 transition: opacity .25s ease-in-out; */
   height: 92px;
}

.menuPrincipal  li  a figure{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 18px;
}

.menuPrincipal li a span{
  float: left;
  display: block;
  width: 100%;
  text-align: center;
}

.menuPrincipal > ul > li:hover > a{
  opacity: 1;
/*   -webkit-transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -ms-transition: opacity .25s ease-in-out;
 -o-transition: opacity .25s ease-in-out;
 transition: opacity .25s ease-in-out; */
   background: url('../img/luz-hover-menu.png') no-repeat center -2px,
                           url('../img/seta-hover-menu.png') no-repeat bottom center;
   border-bottom: 3px solid #fecc00;
}

.menuAtivo{
  opacity: 1 !important;
   background: url('../img/luz-hover-menu.png') no-repeat center -2px,
                           url('../img/seta-hover-menu.png') no-repeat bottom center;
   border-bottom: 3px solid #fecc00;
}

.subMenuPrincipal{
  position: absolute;
  top: 92px;
  background: url('../img/padrao-pontilhado.png') #1b6abd;
  display: none;
  z-index: 999;
}

.subMenuPrincipal li{
  display: inline-block;
  width: 100%;
}

.subMenuPrincipal > li > a{
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.subMenuPrincipal > li > a:hover{
  background: url('../img/padrao-pontilhado.png') #fecc00;
  color: #333333;
}

.subMenuPrincipal > div > li > a{
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.subMenuPrincipal > div > li > a:hover{
  background: url('../img/padrao-pontilhado.png') #fecc00;
  color: #333333;
}

.menuDireito{
  float: right;
}

.menuEsquerdo{
  float: left;
  border-right: 1px solid #ebebeb;
}
/*******************Slide Home****************/

.slideHome{
width: 100%;
min-width: 978px;
background: url(../img/bg-slider-home.jpg) no-repeat center top #e6e6e6  ;
}

.linkDivulgacaoHot{
  width: 100%;
  min-width: 978px;
  height: 202px;
  display: block;
  background: url('../img/bg-chamada-marcha.jpg') repeat center;
  position: relative;
  display: none;
}

.linkDivulgacaoHot figure{
  width:978px;
  margin: 0 auto;
  position: relative;
}

.btnFechaMarcha{
  width:40px;
  height:40px;
  background: url('../img/btn-fecha-marcha.png') no-repeat;
  display: block;
  position: absolute;
  top: 17px;
  right: 18px;
  cursor: pointer;
  z-index: 9;
}
.boxDestaques{
  width: 978px;
  margin:0 auto;
  height: 411px;
  padding-top: 20px;
}

.slidePrincipal{
  width: 642px;
  height: 308px;
  float: left;
  background: #069;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  border: 3px solid #e6e6e6;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.slidePrincipal:hover{
  border: 3px solid #068e35;
}

.slidePrincipal li{
  height: 308px !important;
}

.btnSlide{
 position: absolute;
 z-index: 99;
 top: 125px;
 display: block;
 font-size: 35px;
 color: #e1e1e1;
 opacity: 0.6;
 cursor: pointer;
 text-shadow:1px 0 1px rgba(0,0,0,0.5);
}

.btnSlide:hover{
  opacity: 1;
}

.prevPrinc{
  right: 5px;
}

.nextPrinc{
  left: 5px;
}

.titleSlide{
  width: 100%;
  background: rgba(0,0,0,0.5);
  height: 55px;
  position: absolute;
  bottom: 0;
  z-index: 99;
  font-size: 16px;
  color: #f4f4f4;
  padding: 10px 15px;
  line-height: 17px;
}



.slideLateral{
  width: 305px;
  height: 308px;
  background: #069;
  float: right;
  margin-top: 15px;
  position: relative;
  border: 3px solid #e6e6e6;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  overflow: hidden;
}

.slideLateral:hover{
  border: 3px solid #068e35;
}

.slideLateral img{
  height:302px !important;
}

.prevLateral{
  right: 5px;
}

.nextLaterial{
  left: 5px;
}

/*******************Conteudo Principal****************/
.titulopadrao{
  border-bottom: 3px solid #aeaeae;
  font: 20px tahoma,arial, sans-serif;
  color: #139d43;
  padding-bottom: 10px;
  background: url(../img/seta-titulo-padrao.png) no-repeat 10px bottom;
  float: left;
  width: 100%;
}

.titulopadrao a{
  color: #139d43
}

.conteudoPrinicipal{
  width: 978px;
  margin:0 auto;
  min-height: 1419px;
}

/*******************Noticias****************/

.boxNoticias{
 width: 100%;
 height: 367px;
 float: left;
 padding-top: 20px;
}

       /*Abas*/

.TabControl{
  width:100%;
  overflow:hidden;
  height:365px;

}

.TabControl #header{
  width:100%;
  overflow:hidden;

  padding-top: 10px;
}

.TabControl #content{
  width:100%;
  border-top: 3px solid #aeaeae;
  overflow:hidden;
  height:100%;
  position: relative;
  top: -8px;
}

.TabControl .abas{
  display:inline;
  list-style: none;
}

.TabControl .abas li{
  float:left;
  color: #e6e6e6;
}

.aba{
  width:110px;
  height:30px;
  border-right: solid 1px;
  text-align:center;
  padding-top:5px;
  background: url('../img/padrao-pontilhado.png') #068e35;

  font-family: tahoma, arial, sans-serif;
  cursor: pointer;
}

.ativa{
  width:110px;
  height:30px;
  text-align:center;
  padding-top:5px;
}
.ativa span, .selected span{

}

.TabControl #content{
}

.TabControl .conteudo{
  width:100%;
  display:none;
  height:100%;
  position: relative;
}

.conteudo a{
  text-decoration: none;
}

.conteudo a:hover{
  /*text-decoration: underline;*/
}

.conteudo a:hover h1{
  color:#068e35;
}


.abaSelecionada{
  width:115px;
  height:38px;
  border-top:solid 2px #139d43;
  border-left:2px solid #e6e6e6;
  border-right: none;
  text-align:center;
  background: url('../img/padrao-pontilhado.png') #fcfcfc;
  font-size: 18px !important;
  color: #595959 !important;
  line-height: 21px;
  position: relative;
  top: -5px;
  z-index: 3;
}

/*********Aba Noticias*************/

.noticiasPrincipais{
  width: 100%;
  height: 160px;
  background:url('../img/divisoria-horizontal.png') repeat-x bottom;
  float:left;
}

.noticiasPrincipais article{
  width: 465px;
  float: left;
  margin: 20px 0 0 0;

}

.noticiasPrincipais img{
  float: left;
  margin: 0 10px 0 0 !important;
  border:2px solid #0166a5;
  width: 200px;
  height: 120px;
 -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;

}

.noticiasPrincipais a:hover img{
  border:2px solid #068e35;
}

.divisoriaNotPricnipal{
  padding: 0 23px;
  background: url(../img/divisoria-verticall.png) no-repeat center;
  float: left;
  height: 160px;
  display: block;
}

.textonoticia{
  overflow: hidden;
  height: 114px;
}

.textonoticia p{
  font-size: 15px;
  font-family: arial, helvetica, sans-serif;
  color: #595959;
}

.textonoticia h1{
  font-size: 16px;
  font-family: tahoma, arial, sans-serif;
  color: #0166a5;
}

.carrosselNoticias{
  float: left;
  height: 115px;
  width: 978px !important;
  position: relative;
  overflow: hidden;
}

.carrosselNoticias a:hover img{
  border:2px solid #068e35;
}

.carrosselNoticias ul{
  list-style: none;
  width: 978px !important;
}

.carrosselNoticias li{
  float: left;
  width: 305px;
  height: 80px;
  position: relative;
  margin: 20px 21px 0 0;
}

.carrosselNoticias img{
  float: left;
  margin:0 8px 0 0 !important;
  border: 2px solid #0166a5;
  width: 115px;
  height: 80px;
}

.textoListaNoticia{
  overflow: hidden;
  height: 80px;
}

.textoListaNoticia h1{
  font-size: 16px;
  font-family: tahoma, arial, sans-serif;
  color: #0166a5;
}

.textoListaNoticia p{
  font-size: 15px;
  font-family: arial, helvetica, sans-serif;
  color: #595959;
}


.boxSeta .fa{
  opacity: 0.6;
  text-shadow:1px 2px 1px rgba(0,0,0,0.3);
  margin-top: 6px;
}

.boxSeta:hover .fa{
  opacity: 1;
  text-shadow:1px 2px 1px rgba(0,0,0,0.6);
}

.btnLista{
  position: absolute;
  top: 30px;
  z-index: 99;
  color: #efefef;
  font-size: 50px;
  opacity: 0.6;
  text-shadow:1px 2px 1px rgba(0,0,0,0.6);
}

.btnLista:hover{
  opacity: 1;
}

.prevLista{
  left: 0;
}

.nextLista{
 right: 0;
}

.btnOutrasNoticias{
  font: 16px tahoma, arial, sans-serif;
  padding: 3px 7px;
  color: #e1e1e1;
  text-decoration: none;
  background: url('../img/padrao-pontilhado.png') #139d43;
  float: right;
}

.btnOutrasNoticias a:hover{
  color: #e1e1e1 !important;
}


/*********Aba Radio*************/

.lista-aba-radio li{
  float: left;
  width: 310px;
  margin-top: 15px;
}

.lista-aba-radio li img{
  margin:2px 8px 0 0 !important;
  border: 2px solid #0166a5;

}

.lista-aba-radio a:hover img {
border: 2px solid #068e35;
}

.listaNoticiasRadio {
width: 100%;
background: url('../img/divisoria-horizontal.png') repeat-x bottom;
float: left;
color: #595959;
font: 15px arial, tahoma, sans-serif;
margin-bottom: 3px;
padding-bottom: 20px;
}

.listaNoticiasRadio h2{
font: 18px tahoma, arial, sans-serif;
color: #0166a5;
margin-bottom: 6px;
}

.listaNoticiasRadio .dataNoticia{
  margin: 11px 0 0 0;
}

/*********Aba Galeria*************/

.lista-aba-galeria li{
  float: left;
  width: 310px;
  margin: 15px 15px 0 0;
}

.lista-aba-galeria li img{
  margin:2px 8px 0 0 !important;
  border: 2px solid #0166a5;
  width: 115px;
  height: 80px;
}

.lista-aba-galeria a:hover img {
border: 2px solid #068e35;
}

/*********Aba estaduais*************/

.lista-aba-estaduais li{
  float: left;
  width: 310px;
  margin: 15px 15px 0 0;
  min-height:82px;
}

.lista-aba-estaduais li img{
  margin:2px 8px 0 0 !important;
  border: 2px solid #0166a5;
  width: 115px;
  height: 80px;
}

.lista-aba-estaduais a:hover img {
border: 2px solid #068e35;
}

/*********Aba Videos*************/

.lista-aba-videos li{
  float: left;
  width: 310px;
  margin: 15px 15px 0 0;
  height: 82px;
  overflow: hidden;
}

.lista-aba-videos li img{
  margin:2px 8px 0 0 !important;
  border: 2px solid #0166a5;
  width: 115px;
  height: 80px;
  float:left;
}

.lista-aba-videos a:hover img {
border: 2px solid #068e35;
}

.lista-aba-videos p{

font-size: 15px;
font-family: arial, helvetica, sans-serif;
color: #595959;
}



/*******************Fique por dentro****************/

.boxFique{
 width: 100%;
 height: 277px;
 float: left;

}

.boxBanner{
  float: left;
  width: 644px;
}

.bannerFique{
  float: left;
   margin:15px 15px 0 0;
}

.boletimDigital{
  width: 299px;
  height: 223px;
  background: url(../img/padrao-pontilhado.png) #ebebeb;
  border: 1px solid #d2d2d2;
  float: right;
  margin-top: 15px;
  padding: 4px 20px;
}

.boletimDigital legend{
  color: #0166a5;
  font: 18px tahoma, arial, sans-serif;
}

.boletimDigital p{
  font-size: 14px;
  color: #3a3a3a;
  margin: 5px 0 10px;
}

.boletimDigital label{
  display: block;
  margin-bottom: 5px;
}

.boletimDigital span{
  font-size:14px ;
  color: #3a3a3a;
  display: block;
}

.boletimDigital input[type="text"], .boletimDigital input[type="email"]{
  border: 1px solid #d2d2d2;
  width: 100%;
  padding: 12px 10px;
}

.btnEnviar{
  background: url(../img/padrao-pontilhado.png) #139d43;
  color: #e1e1e1;
  border: 0;
  font-size: 14px;
  padding: 4px 6px;
  float: left;
  margin-top: 5px;
}



/*******************Hot Sites****************/

.boxHotSite{
 width: 100%;
 height: 375px;
 float: left;
 padding-top: 9px;
 position: relative;
}

.carroselHotsite{
  position: relative;
  overflow: hidden;
  float: left;
  width: 978px !important;
}

.carroselHotsite ul{
  width: 20000em;
  position: relative;
  list-style: none;
}

.boxMostraHotsite{
  width: 307px;
  height: 318px;
  background: url(../img/padrao-pontilhado.png) #f0f0f0;
  float: left;
  margin: 15px  14px 0 14px;
  border: 1px solid #d2d2d2;
  position: relative;
}

.boxMostraHotsite a{
  text-decoration: none;
}

.boxMostraHotsite a:hover p{
  text-decoration: underline;
}

.boxMostraHotsite img{
  float: left;
}

.boxMostraHotsite .boxTextoHot{
  float: left;
  font-family: tahoma, arial, sans-serif;
}

.boxTextoHot strong{
  float: left;
  width: 100%;
  display: block;
  font-size: 16px;
  color: #0166a5;
  padding: 0px 10px;
  margin: 7px 0;
}

.boxTextoHot p{
  float: left;
  width: 100%;
  display: block;
  padding: 0px 10px;
  font-size: 15px;
  color: #3a3a3a;
  line-height: 16px;
}

.btnHotSite{
  position: absolute;
  top: 10px;
  right: -3px;
}

.btnHotSite .boxSeta{
  width: 26px;
  height: 26px;
  background: url(../img/bg-btn-next-prev.png) no-repeat  ;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #efefef;
  font-size: 15px;
  margin-right: 3px;
}

/*******************Redes Sociais****************/

.boxRedesSociais{
 width: 100%;
 height: 365px;
 float: left;
 padding-top: 20px;
}

.boxRedesSociais .tituloBoxRedes{
  width: 100%;
  height: 31px;
  background: url(../img/padrao-pontilhado.png) #02529d;
  font-weight: normal;
  font: 18px tahoma, arial, sans-serif;
  color: #e6e6e6;
  padding: 5px 10px;
}

.tituloBoxRedes > .fa{
  color: #efefef;
  opacity: 0.4;
  font-size: 21px;
  margin: 0 10px 0 0;
  text-shadow:1px 2px 1px rgba(0,0,0, 0.4);
}

.boxFacebook{
  width: 306px;
  height: 311px;
  float: left;
  background: #fff;
  margin-top: 15px;
}

.boxInstagran{
  width: 306px;
  height: 311px;
  float: left;
  margin:0 30px;
  margin-top: 15px;
  background: #fff;
}

.boxInstagran iframe{
    margin:10px 0 0 22px;
}

.boxTwitter{
  width: 306px;
  height: 311px;
  float: left;
  margin-top: 15px;
}


/*******************Rodape****************/
.rodapeEsticado{
  width: 100%;
  min-width: 978px;
  background: url('../img/padrao-pontilhado.png') #068e35;
  position: absolute;
  bottom: 0;

}

.rodapeCentralizado{
  width: 978px;
  margin:0 auto;
  height: 325px;
}

.infoCNM{
  background: url('../img/padrao-pontilhado.png') #004f9a;
  width: 254px;
  height: 325px;
  padding: 0 25px;
  float: left;
}

.infoCNM figure{
  float: left;
  margin-top: 30px;
}

.infoCNM p{
 color: #f4f4f4;
 font-size: 15px;
 float: left;
}
.infoCNM p strong{
 font-size: 25px;
 display: block;
 margin: 8px 0;
}

.infoCNM p span{
 margin-bottom: 10px;
 display: block;
}

.mapaSite{
  width: 700px;
  float: left;
  margin-left: 20px;
}

.mapaSite ul{
  float: left;
  background: url('../img/divisoria-mapa-site.png') no-repeat right center;
  height: 325px;
  padding: 15px 30px 0 0;
  margin-left: 25px;
}

.mapaSite ul > li{
 margin-left: 15px;
}

.mapaSite ul > li > a{
  font: 15px tahoma, arial, sans-serif;
  color: #e1e1e1;
  text-decoration: none;
}

.mapaSite ul > li > a:hover{
  text-decoration: underline;
}

.mapaSite ul > li.principalMapa{
 margin-left: 0px;
 margin-bottom: 8px;
 font: 16px tahoma, arial, sans-serif;
  color: #e1e1e1;
}


.copyEsticado{
  background: url('../img/padrao-pontilhado.png') #ccc;
  width: 100%;
  min-width: 978px;
}
.copyEsticado p{
  text-align: center;
  font-size: 12px;
  color: #333333;
  height: 26px;
  line-height: 26px;
}

/*******************paginas internas****************/

.paginasInternas{
  width: 978px;
  margin: 0 auto;
  display: table;
  min-width: 978px;
  position: relative;
}

.migalhaPao{
  width: 100%;
  float: left;
  margin-bottom: 7px;
  margin-top: 6px;
}
.fa-home{
  color: #656363;
  float: left;
  font-size: 23px;
}

.caminhoPercorrido{
  font-size: 15px;
  color: #595959;
  float: left;
  margin: 3px 0 0 10px;
}

.caminhoPercorrido a{
  color: #595959;
}

/*******************Noticia Clicada****************/

.noticiaClicada{
  float: left;
  margin-top: 14px;
  font-family: arial, tahoma, sans-serif;
  color: #595959;
  font-size: 14px;
}

.noticiaClicada h2{
  color: #0166a5;
  font-size: 18px;
  font-family: tahoma, arial, sans-serif;
  font-weight: normal;
}

.dataNoticia{
  margin-top: 5px;
}

.boxNoticia img{
  float: left;
  padding: 5px;
  border: 1px solid #aeaeae;
  background: #dadada;
  margin: 5px 10px 0 0 !important;
}

.boxNoticia p{
  margin: 0 0 8px 0;
}

.boxNoticia a{
  color: #139d43;
  text-decoration: none;
  margin: 3px 0;
  font-size: 16px;
}

.boxNoticia a:hover{
  text-decoration: underline;
}

.espalheNoticia{
  float: left;
  width: 100%;
  height: 54px;
  background: url('../img/tracejado-espalhe-noticia.png') repeat-x;
  margin: 15px 0;
}

.espalheNoticia p{
  float: left;
  color: #139d43;
  font: 18px tahoma, arial, sans-serif;
  margin: 16px 11px 0 0;
}

.espalheNoticia .fa{
  width: 36px;
  height: 36px;
  background: #f4f3f6;
  border: 1px solid #cbc9c9;
  border-radius: 20px;
  text-align: center;
  margin: 9px 5px 0 0 ;
}

.espalheNoticia .fa-facebook{
  color: #305991;
  padding-top: 7px;
  font-size: 21px;
}

.espalheNoticia .fa-twitter{
  color: #2da8d2;
  padding-top: 7px;
  font-size: 22px;
}

.espalheNoticia .fa-google-plus{
  color: #282e6c;
  padding-top: 7px;
  font-size: 20px;
}

.espalheNoticia .fa-envelope{
  color: #282e6c;
  padding-top: 7px;
  font-size: 20px;
}

.espalheNoticia .fa-print{
  color: #282e6c;
  padding-top: 7px;
  font-size: 20px;
}

.btnVoltar{
 background: #fecc00 url('../img/padrao-pontilhado.png');
 color:#595959;
 font: 16px tahoma, arial, sans-serif;
 padding: 3px 7px;
 text-decoration: none;
}

.btnVoltar:hover{
  text-decoration: underline;
}

.espalhe{
  float: right;
  margin: 15px 0 0 0;
}

.tip_trigger{
  float: left;
  position: relative;
}

.tip {
    color: #fff;
    background:#fff url('../img/padrao-pontilhado.png');
    display:none; /*--Hides by default--*/
    padding: 6px 11px;
    position:absolute;
    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #595959;
    font-size: 14px;
    border: 1px solid #d0d0d0;
    font-family: arial, tahoma, sans-serif;
    top: -26px;
    box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}

.tip img{
  position: absolute;
  left: 41%;
  bottom: -13px;
}

.compartilhe{
    left: -30px;
}

.twitte{
  left: -24px;
  width: 77px;
}

.envieiAmigo{
  width: 140px;
  left: -48px;
}

.imprima{
  left: -33px;
  width: 100px;
}


.noticiasRelacionadas{
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.boxNoticiaRelacionada{
  float: left;
  width: 185px;
  height: 181px;
  padding-right: 15px;
  margin: 15px 15px 15px 0;
  background: url('../img/divisoria-verticall.png') repeat-y right;
  overflow: hidden;
  line-height: 18px;
}

.boxNoticiaRelacionada a{
  text-decoration: none;
  color: #595959;
}

.boxNoticiaRelacionada a:hover{
  text-decoration: underline;
}

.boxNoticiaRelacionada img{
  border: 2px solid #0166a5;
  width: 170px;
  height: 100px;
  margin:0 0 5px 0 !important;
}

.boxNoticiaRelacionada img:hover{
  border: 2px solid #068e35;
}

.txtNoticiaRelacionada{
  margin-top: 5px;
}

.boxNoticiaRelacionada:nth-child(5){
  background: none;
  margin: 15px 0px 15px 0;
  padding-right: 0px;
  width: 170px;
}


.boxNoticiaRelacionadaAreas{
  float: left;
  width: 205px;
height: 175px;
padding-right: 30px;
  margin: 15px 30px 15px 0;
  background: url('../img/divisoria-verticall.png') repeat-y right;
}

.boxNoticiaRelacionadaAreas a{
  text-decoration: none;
  color: #595959;
}

.boxNoticiaRelacionadaAreas a:hover{
  text-decoration: underline;
}

.boxNoticiaRelacionadaAreas img{
  border: 2px solid #f3f2f5;
}

.boxNoticiaRelacionadaAreas img:hover{
  border: 2px solid #068e35;
}

.boxNoticiaRelacionadaAreas:nth-child(3){
  background: none;
  margin: 15px 0px 15px 0;
  padding-right: 0px;
  width: 170px;
}

/*******************Lista Noticia****************/

.listaNoticias{
  width: 100%;
  height: 148px;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  float: left;
  color: #595959;
  font: 15px arial, tahoma, sans-serif;
  margin-bottom: 3px;
}

.filtraNoticia{
  position: absolute;
  right: 0;
  top: 27px;
  font: 16px tahoma,arial,sans-serif;
color: #595959;
}

.filtraNoticia label{
  float: left;
  margin: 5px 5px 0 0;
}

.escolheCategoriaNoticia{
  position: absolute;
  right: 450px;
  top: 30px;
  font: 16px tahoma,arial,sans-serif;
  color: #595959;
}

.filtraNoticia input[type="text"]{
  width: 204px;
  height: 25px;
}

.filtraNoticia input[type="submit"]{
  width: 36px;
  height: 35px;
  background: url(../img/search-filtra-noticia.png) no-repeat;
  border: 0;
}

.listaNoticias:last-child{
  background: none;
}

.listaNoticias figure{
  float: left;
  margin: 10px 10px 0 0;
}

.listaNoticias figure img{
  border: 2px solid #0166a5;
  width: 200px;
  height: 120px;
  margin: 0 !important;
}

.listaNoticias figure img:hover{
  border: 2px solid #068e35;
}


.listaNoticias h2{
font: 18px tahoma, arial, sans-serif;
color: #0166a5;
margin-bottom: 6px;
}

.listaNoticias .dataNoticia{
  margin: 11px 0 0 0;
}

.boxListaNoticia a{
  color: #595959;
  text-decoration: none;
}

.boxListaNoticia a:hover{
  /*text-decoration: underline;*/
}

.boxListaNoticia a:hover h2{
  color: #139d43;
}

.cat_noticia{
  color: #139d43;
  font-weight: bold;
}

/*******************Lista Galeria****************/

.listaGaleria{
  width: 475px;
  height: 148px;
  /* background: url('../img/divisoria-horizontal.png') repeat-x bottom; */
  float: left;
  color: #595959;
  font: 15px arial, tahoma, sans-serif;
  margin-bottom: 22px;
  margin-right: 10px;
}

.listaGaleria h2{
  font: 18px tahoma, arial, sans-serif;
  color: #0166a5;
  margin-bottom: 6px;
}

.listaGaleria figure {
float: left;
margin: 10px 10px 0 0;
}

.listaGaleria figure img {
  border: 2px solid #0166a5;
  width: 200px;
  height: 120px;
  margin: 0 !important;
}

.listaGaleria figure img:hover {
border: 2px solid #068e35;
}

.boxListaGaleria{
  margin-top: 10px;
}

.boxListaGaleria a{
  color: #595959;
}

.fotoGaleria{
  float: left;
  padding: 5px;
  border: 1px solid #aeaeae;
  background: #dadada;
  margin: 20px 20px 0 20px;
}

.fotoGaleria img{
  width: 270px !important;
  height: 180px !important;
}

.fotoGaleria p{
  text-align: center;
  margin-top: 5px;
  color: #595959;
  margin-bottom: 0!important;
}

/********************** Institucional ********************/
.menuConhecaCNM{
  width: 305px;
  background: url('../img/padrao-pontilhado.png') #fcfcfc;
  border-right:1px solid #d0d0d0;
  border-left:1px solid #d0d0d0;
  float: left;
  margin-top: 15px;
  font: 16px tahoma, arial, sans-serif;
  margin-bottom: 20px;
}

.menuConhecaCNM .fa-folder-open{
  margin-right: 8px;
}

.tituloConheca{
  width: 100%;
  height: 30px;
  background: url('../img/padrao-pontilhado.png') #139d43;
}

.tituloConheca img{
  float: left;
 margin: 4px 11px 0 10px;
}

.tituloConheca p{
  float: left;
  color: #e6e6e6;
  margin: 4px 0 0 0;
}

.menuConhecaCNM li{
  width: 100%;

}

.menuConhecaCNM a{
  color: #949494;
  text-decoration: none;
  height: 35px;
  width: 100%;
  display: block;
  line-height: 35px;
  padding-left: 10px;
  border-bottom:1px solid #d0d0d0;
  transition:all 0.2s linear 0.1s;
}

.menuConhecaCNM a:hover{
  color: #595959;
  border-bottom:2px solid #0554a0;
}

.menuConhecaCNM .ativo{
  color: #595959;
  border-bottom:2px solid #0554a0;
}

.conteudoInstitucional{
  float: left;
  width: 640px;
  margin:15px 0 20px 27px;
  min-height: 250px;
}

.tamMaior{
 width: 100%;
 margin:15px 0 20px 0px;
}

.conteudoInstitucional h2{
  font: 20px tahoma, arial,sans-serif;
  color: #0166a5;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.conteudoInstitucional h4{
  font: 20px tahoma, arial,sans-serif;
  color: #0166a5;
  margin: 15px 0 25px;
  float: left;
  width: 100%;
  background: url(../img/divisoria-horizontal.png) repeat-x bottom;
  padding-bottom: 10px;
}

.textoInstitucional{
  color:#595959;
  font-size: 15px;
  font-family: arial, tahoma, sans-serif;
}

.textoInstitucional p{
  margin-bottom: 12px;
}

.textoInstitucional strong{
  font-size: 17px;
}

.fotoPzPresidente{
  float: left;
  padding: 5px;
  border: 1px solid #aeaeae;
  background: #dadada;
  margin-right: 8px;
}

.boxDiretoria{
  width: 306px;
  min-height: 103px;
  border: 1px solid #d0d0d0;
  background: url(../img/padrao-pontilhado.png) #fff;
  position: relative;
  float: left;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-left: 26px;
}

.tituloDiretoria{
  margin: 0 0 20px 28px !important;
  width: 97% !important;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  padding-bottom: 8px;
}


.boxDiretoria .cargoCNM{
  padding: 4px 7px;
  background: #004f9a;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#1b6abd), color-stop(1.3, #004f9a));
  background-image: -webkit-linear-gradient(#1b6abd, #004f9a 130%);
  background-image: -moz-linear-gradient(#1b6abd, #004f9a 130%);
  background-image: -o-linear-gradient(#1b6abd, #004f9a 130%);
  background-image: linear-gradient(#1b6abd, #004f9a 130%);
  color: #ededed;
  position: absolute;
  top:8px;
  left: -10px;
  font-size: 14px;
  font-family: tahoma, arial, sans-serif;
  text-transform: uppercase;
}

.txtCargos{
  float: left;
  margin: 40px 0 0 20px;
}

.txtCargos p{
  margin-bottom: 0 !important;
  color: #595959;
  font-size: 15px ;
  font-family: arial, tahoma, sans-serif;
}

p.nome{
  margin-top: 5px;
  font-size: 17px;
  font-family: arial, tahoma, sans-serif;
}

p.estadoFunc{
  font-size: 14px;
  font-family: arial, tahoma, sans-serif;
}


.espacamento{
  margin-right: 25px;
}

.semBordaMenu{
  border-bottom:0;
}

.accordion{
  margin-top: 15px !important;
}

.accordion h3{
  border: groove 1px #004f9a;
  color: #ebebeb;
  background: #004f9a;
  background-image: linear-gradient(to bottom, #1b6abd, #004f9a 130%);
  padding: 9px 10px 9px 30px;
  text-decoration: none;
  font: 15px arial, tahoma, sans-serif;
  cursor: pointer;
  min-width: 642px;
}

.accordion div{
  background: #dadada;
  border-right: 1px solid #aeaeae;
  border-left: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
  color: #595959;
  padding: 6px 10px;
  font: 15px arial, tahoma, sans-serif;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
  background: url('../img/icon-conf-conheca-cnm.png');
  width: 17px;
  height: 22px;
  top: 35%;
}

.boxConsulte{
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.boxConsulte strong{
  color: #595959;
  font-size: 18px;
  margin-left: 7px;
}


.fa-search{
  font-size: 18px;
  color: #0166a5;
  background: #fff;
  border:1px solid #cbc9c9;
  padding: 7px;
  border-radius: 23px
}

.formConsulte{
  margin: 10px 0; /* alterado o margin-top: 10px */
  float:left; /* acrescentado o float: left */
  width: 100%; /*Acrescentadondo*/
}

.formConsulte select{
  font: 15px arial, tahoma, sans-serif;
  padding: 3px 6px;
  border:1px solid #cbc9c9;
  margin-right: 5px;
}

.btnOk{
  font: 16px tahoma, arial, sans-serif;
  padding: 3px 7px;
  color: #e1e1e1;
  text-decoration: none;
  background: url('../img/padrao-pontilhado.png') #139d43;
  border: none;
}

.mostraResultadoTabela{
  float: left;
  width: 100%;
  position: relative;
}

.tituloMostraResultadoTabela{
  width: 100%;
  height: 50px;
  background: url('../img/padrao-pontilhado.png') #004f9a;
  padding-left: 20px;
}

.MenorEqsuerda{
   width: 535px;
   float: left;
}

.MenorDireita{
  float: left;
  width: 430px;
  margin-left: 10px;
}

.tituloMostraResultadoTabela p{
  font: 18px tahoma,arial,sans-serif;
  color: #e1e1e1;
  line-height: 50px;
  float: left;
}

.iconExcel{
  width: 36px;
  height: 36px;
  background: url('../img/icon-excel.png') no-repeat #f0eff2 center;
  border:1px solid #cbc9c9;
  border-radius: 23px;
  float: right !important;
  margin: 7px 7px 0 0;
  position: relative;
}

.tituloMostraResultadoTabela .fa-print{
  color: #282e6c;
  padding-top: 7px;
  font-size: 20px;
  float: right !important;
  width: 36px;
  height: 36px;
  background: #f4f3f6;
  border: 1px solid #cbc9c9;
  border-radius: 20px;
  text-align: center;
  margin: 7px 7px 0 0;
  position: relative;
  cursor: pointer;
}

.exportarExcel{
  left: -53px;
  width: 152px;
}

.tabelaMostraResultado{
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.tabelaMostraResultado tr{
  height: 35px;
  text-align: center;
}

.tabelaMostraResultado th{
  font: 15px arial,tahoma,sans-serif;
  color: #0166a5;
}

.tabelaMostraResultado td{
  font: 15px arial,tahoma,sans-serif;
  color: #595959;
}

.resultadoTotalTabela{
  border-top: 3px solid #139d43;
  background: url('../img/padrao-pontilhado.png') #fff;
}

.resultadoTotalTabela:hover{
  background: url('../img/padrao-pontilhado.png') #fff !important;
}

.resultadoTotalTabela td{
  font-weight: bold;
  font-size: 16px;
}

tr.bordaEscuraTabela{
  background: #f0f0f0;
  border-top: 1px solid #cbc9c9;
  border-bottom: 1px solid #cbc9c9;
}

.tabelaMostraResultado tr:hover{
  background: rgba(16,95,176,0.3);
}

.entendaIRFS{
  float: left;
  width: 100%;
}

.boxModal{
  float: left;
  width: 340px;
  cursor: pointer;
  text-decoration: none;
  border: 0;
}

.boxModal p{
  margin-top: 3px;
  font: 18px tahoma,arial,sans-serif;
  color: #595959;
}

.boxModal .fa-question-circle{
  font-size: 35px;
  color: #139d43;
  float: left;
  margin-right: 22px;
}

.modalMenor{
  font-size: 25px;
  color: #139d43;
}

.intrucoesIFRS{
  float: left;
  width: 100%;
  color: #595959;
  font: 15px arial,tahoma,sans-serif;
  margin-top: 10px;
}

.intrucoesIFRS a{
  color:#0166a5;
}

.modal-body p{
  color: #595959;
  font: 15px arial,tahoma,sans-serif;
  margin-bottom:12px;
}

.ponitlhadoHorizontal{
  background: url(../img/divisoria-horizontal.png) repeat-x;
  width: 100%;
  float: left;
  border: 0;
}

.formBuscaAvancada{
    float: left;
    width: 640px;
    font-size: 15px;
    color: #595959;
}

.formBuscaAvancada fieldset{
  width: 280px;
  height: 175px;
  margin:35px auto 0 auto;

}

.topoBuscaAvacada{
  width:100%;
  float:left;
  margin-bottom:15px;
}

.formBuscaAvancada strong{
  color: #595959;
  font-size: 18px;
  margin: 0px 0 0px 7px;
}

.formBuscaAvancada select{
  width: 220px;
  height: 29px;
  margin-bottom: 6px;
}

.formBuscaAvancada input[type="text"]{
  width: 220px;
  height: 29px;
}

.tabelaMostraResultado .fa-download {
  color: #282e6c;
  padding-top: 7px;
  font-size: 20px;
  float: right !important;
  width: 36px;
  height: 36px;
  background: #f4f3f6;
  border: 1px solid #cbc9c9;
  border-radius: 20px;
  text-align: center;
  margin: 7px 10px 7px 0;
  position: relative;
  cursor: pointer;

}

.tabelaMostraResultado td a {
  color:#595959;
}

.paginacao{
  width: 100%;
  float: left;
}

.p_atual{
  background: #0553a0 !important;
  color: #e1e1e1 !important;
  border: 2px solid #0553a0 !important;
  font: 17px arial,tahoma,sans-serif !important;
}

.paginacao a{
  text-decoration: none;
  font: 15px arial,tahoma,sans-serif;
  color: #595959;
  background: #f4f3f6;
  border: 2px solid #cbc9c9;
  border-radius: 25px;
  width: 36px;
  height: 36px;
  padding-top: 7px;
  display: block;
  float: left;
  text-align: center;
  margin: 0 6px 15px 0;
}

.paginacao a:hover{
  border: 2px solid #0553a0;
}

.paginacao .fa-chevron-left, .paginacao .fa-chevron-right{
  color: #282e6c;
  font-size: 20px;
}

.paginacao .fa-chevron-right{
  padding-left: 3px;
}



/**********************Contato *************************/
.tituloContato{
  float: left;
  width: 100%;
  margin: 25px 0 15px 0;
}

.tituloContato .fa-map-marker{
  font-size: 28px;
  color: #0166a5;
  background: #f4f3f6;
  border: 1px solid #cbc9c9;
  border-radius: 20px;
  text-align: center;
  padding: 6px 12px;
  float: left;
  margin: 0 15px 0 320px;
}

.tituloContato h1{
  color: #0166a5;
  font: 22px tahoma,arial,sans-serif;
}

.tituloContato span{
  font: 15px arial,tahoma,sans-serif;
  color: #595959;
  margin-left: 19px;
}

.comoChegarCNM{
  float: left;
  width: 100%;
  padding-left: 140px;
}

.comoChegarCNM label{
  float: left;
}

.comoChegarCNM strong{
  font: 16px tahoma,arial,sans-serif;
  margin-left: 15px;
  font-weight: bold;
  color: #595959;
}

.comoChegarCNM input[type="text"]{
  width: 430px;
  height: 25px;
}

.comoChegarCNM .btnComoChegar{
    background: url('../img/padrao-pontilhado.png') #068e35;
    border: 0;
    color: #e1e1e1;
    text-transform: uppercase;
    padding: 2px 10px;
    margin: 1px 0 0 11px;
}

.mapaLocalizacao{
  width: 100%;
  height:450px;
  float: left;
  margin:20px 0 20px 0;
}

.formContato{
  width: 365px;
  float: left;
  margin: 35px 0 25px 0;
}

.formContato fieldset{
  background: #f1f0f5;
  border: 1px solid #ccc;
  border-radius:10px;
  position: relative;
}

.headerFormContato{
  position: relative;
  width: 100%;
  background: #e8e8e8;
  padding: 35px 30px 20px 30px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
  text-align: center;
}

.headerFormContato strong{
  color: #595959;
  font-size: 16px;
  font-family: tahoma, arial, sans-serif;
}

.headerFormContato p{
  color: #595959;
  font-size: 16px;
  font-family: arial, tahoma, sans-serif;
  margin-top: 2px;
}



.headerFormContato .fa-envelope{
  color: #0166a5;
  font-size: 25px;
  background: #f1f0f5;
  border: 2px solid #cbc9c9;
  padding: 11px 11px;
  position: absolute;
  border-radius: 25px;
  top: -27px;
  left: 152px;
}

.formContato label{
  margin:0 0 10px 30px;
  position: relative;
}

.formContato label .fa{
  position: absolute;
  font-size: 18px;
  color: #b3b3b3;
  top: 7px;
  left: 11px;
}

.formContato input[type="text"], .formContato input[type="email"]{
  width: 303px;
  height: 33px;
  padding-left: 40px;
  color: #595959;
}

.formContato select{
  width: 303px;
  height: 33px;
  padding-left: 36px;
  color: #595959;
}

.formContato textarea{
  width: 303px;
  height: 115px;
  padding-left: 40px;
  color: #595959;
}


.btnEnviaFormContato{
  background: url('../img/padrao-pontilhado.png') #068e35;
  width: 303px;
  height: 26px;
  border: 0;
  color: #e1e1e1;
  text-transform: uppercase;
  margin:0 0 20px 30px;
}

.dadosContato{
  width: 495px;
  height: 390px;
  float: right;
  margin: 26px 50px 0 0;
}

.dadosContato strong{
  float: left;
  width: 100%;
  color: #0166a5;
  font-family: tahoma,arial,sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 15px 0 0 0;
}

.dadosContato p{
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  color: #595959;
  font-size: 16px;
  font-family: arial,sans-serif;
  line-height: 20px;
}

.dadosContato .fa{
  font-size: 20px;
  color: #595959;
  margin-right: 10px;
}

.dadosContato span{
  margin-left: 26px;
}


/*********************BIBLIOTECA****************************/

.nao-tem{
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 6%;
  padding-bottom: 6%;
  font-family: tahoma,arial,sans-serif;
  font-weight: normal;
  color: #595959;
  background: url('../img/padrao-pontilhado.png') #d3d3d3;
  line-height:  30px;
  margin-bottom: 15px;
}

.boxCarrosselBiblioteca{
  width: 645px;
  height: 280px;
  float: left;
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
}

.btnCarrosselBiblioteca{
  position: absolute;
  right: 0;
}

.btnCarrosselBiblioteca .boxSeta{
  width: 26px;
  height: 26px;
  background: url(../img/bg-btn-next-prev.png) no-repeat  ;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #efefef;
  font-size: 15px;
  margin-right: 3px;
}

.boxLivroCarrossel{
  width: 145px;
  height: 263px;
  float: left;
  margin:15px 20px 0px 0px;
}

.boxLivroCarrossel figure{
  position: relative;
}

.estrelasCarrossel{
  width: 100%;
  height: 21px;
  margin-top: 3px;
}

.maisLidosBiblioteca{
  width: 305px;
  height: 280px;
  float: right;
  margin: 0 0 10px 0
}

.boxPesquisaBiblioteca{
  width: 255px;
  float: left;
  margin-top: 12px;
}

.menuConhecaCNM .fa-book{
  margin-right: 4px;
}

.pesquisaBiblioteca{
  float: left;
  width: 100%;
}

.pesquisaBiblioteca label{
  display: block;
  float: left;
  width: 210px;
}

.pesquisaBiblioteca span{
  display: block;
  color: #595959;
  font-family: tahoma,arial,sans-serif;
  font-size: 16px;
}

.pesquisaBiblioteca input[type="text"]{
  width: 198px;
  height: 25px;
  margin-top: 5px;
}

.pesquisaBiblioteca input[type="submit"]{
  width: 41px;
  height: 25px;
  background: url('../img/padrao-pontilhado.png') #139d43;
  border: 0;
  color: #e1e1e1;
  font-size: 16px;
  font-family: tahoma,arial,sans-serif;
  margin-top: 24px;
}

.categoriaBiblioteca{
  width: 700px;
  float: right;
  margin: 26px 0 20px 0;
  position: relative;
}

.escolheFormatoBiblioteca{
  position: absolute;
  right: 0;
  top: -3px;
  font: 16px tahoma,arial,sans-serif;
  color: #595959;
}

.ordenarBiblioteca{
  font: 16px tahoma,arial,sans-serif;
  color: #595959;
  float: left;
  margin: 6px 0 3px 0;
  width: 100%;
}

.ordenarBiblioteca form{
  display: inline-block;
}

.ordenarBiblioteca input{
  color: #0166a5;
  background: none;
  border: none;
}

.boxLivroCategoria{
  width: 145px;
  height: 263px;
  float: left;
  margin:5px 0px 5px 40px;
}

.boxLivroCategoria figure{
  position: relative;
}


.linkLivros{
  position: absolute;
  width: 145px;
  height: 200px;
  background: rgba(53,112,182,0.5);
  display: none;
}


.boxLinks{
  width: 124px;
  height: 124px;
  background: rgba(0,0,0,0.7);
  border-radius: 70px;
  margin-top: 39px;
  margin-left: 10px;
}

.boxLinks .fa-download{
  font-size: 22px;
  color: #f7f7f7;
  float: left;
  margin: 50px 0 0 26px;
}

.boxLinks .download{
  left: -34px;
}

.boxLinks .fa-plus-circle{
  font-size: 22px;
  color: #f7f7f7;
  float: left;
  margin: 50px 0 0 35px;
}

.boxLinks .saibaMais{
  left: -39px;
  width: 95px;
}

.anoLivro{
  font: 16px tahoma,arial,sans-serif;
  color: #595959;
  margin-top: 3px;
}

.formatoLivro{
  font: 14px tahoma,arial,sans-serif;
  color: #a3a3a3;
  margin-top: -3px;
  display: block;
}

.estrelas{
  width: 100%;
  height: 20px;
  margin-top: 3px;
}


/*********Livro selecionado*******/


.imgLivroGrande{
  float: left;
}

.dadosLivroSelecionado{
  float: right;
  width: 453px;
}

.dadosLivroSelecionado strong{
  color: #0166a5;
  font:18px tahoma,arial,sans-serif;
  font-weight: normal;
}

.dadosLivroSelecionado p{
  color: #595959;
  font:15px arial,tahoma,sans-serif;
  margin-top: 5px;
}

.dadosLivroSelecionado .fa{
  font-size: 18px;
  color: #282e6c;
  background: #f4f3f6;
  border: 2px solid #cbc9c9;
  padding: 7px 8px;
  border-radius: 20px;
  margin-top: 10px;
}

.anoLivroSelecionado{
  font:16px arial,tahoma,sans-serif !important;
  margin-top: 10px !important;
}



.estrelasMaiores{
  margin-top: 5px;
}

.estrelasAvaliacao{
  float: left;
  margin-bottom: 4px;
}

#star{
  float: left;
}

.suaAvalicao{
  float:  left;
  margin-top: 17px;
  width: 224px
}

.suaAvalicao strong{
  font: 18px tahoma,arial,sans-serif;
  color: #595959;
  font-weight: normal;
}

.suaAvalicao p{
  font: 15px arial,tahoma,sans-serif;
  color: #595959;
  margin-top: 5px;
}

.avalieDownload{
  float: left;
  width: 100%;
  margin-bottom: 9px;
}

.btnAvaliar{
  background: url('../img/padrao-pontilhado.png') #068e35;
  color: #e1e1e1;
  font: 16px tahoma,arial,sans-serif;
  padding: 2px 9px;
  margin-left: 10px;
}

.btnDownloadAvalie{
  float: left;
  background: url('../img/padrao-pontilhado.png') #068e35;
  margin: 24px 0 0 135px;
  text-transform: uppercase;
  color: #e1e1e1;
  font: 22px tahoma,arial,sans-serif;
  padding: 5px 10px;
}

.btnDownloadAvalie .fa-download{
  font-size: 18px;
  color: #282e6c;
  background: #f4f3f6;
  border: 2px solid #cbc9c9;
  padding: 5px 5px;
  border-radius: 20px;
  float: left
}

.btnDownloadAvalie span{
  display: block;
  float: left;
  margin: 2px 0 0 7px;

}

/********************* Areas Tecnicas **************/

.titulopadraoAreas{
  border-bottom: 3px solid #aeaeae;
  font: 24px tahoma,arial, sans-serif;
  color: #0166a5;
  padding-bottom: 10px;
  background: url(../img/seta-titulo-padrao.png) no-repeat 10px bottom;
  float: left;
  width: 100%;
}

.boxSlideAreasTecnicas{
  width: 642px;
  float: left;
  margin-bottom: 10px;
}

.slideAreas{
  width: 642px;
  height: 235px;
  float: left;
  background: #069;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}

.slideAreas .btnSlide{
   top: 100px !important;
}

.slideAreas li{
  height: 235px !important;
}

.btnSlide{
 position: absolute;
 z-index: 99;
 top: 125px;
 display: block;
 font-size: 35px;
 color: #e1e1e1;
 opacity: 0.6;
 cursor: pointer;
 text-shadow:1px 0 1px rgba(0,0,0,0.5);
}

.btnSlide:hover{
  opacity: 1;
}

.prevPrinc{
  right: 5px;
}

.nextPrinc{
  left: 5px;
}

.titleSlide{
  width: 642px;
  background: rgba(0,0,0,0.5);
  height: 55px;
  position: absolute;
  bottom: 0;
  z-index: 99;
  font-size: 16px;
  color: #f4f4f4;
  padding: 10px 15px;
  line-height: 17px;
}


.fiqueDentroAreasTecnicas{
  width: 306px;
  float: right;
  margin: 6px 0 5px 0;
}

.fiqueDentroAreasTecnicas figure{
  float: left;
  margin: 16px 0 10px 0;
}

.boxNoticiasAreas{
  width: 642px;
  float: left;
  position: relative;
  margin-top: 10px;
}

.boxListasLinks{
  width: 642px;
  float: left;
  position: relative;
}

.saibaMaisAreas{
  width: 306px;
  float: right;
  margin-top: 5px;
}

.contatoAreas{
  width: 306px;
  float: right;
  margin: 15px 0;
}

.destaquesDaPauta{
  width: 306px;
  float: right;
  margin: 15px 0;
}

.destaquesDaPauta select{
  margin: 5px 0 0 45px;
}

.listaNoticiaAreas td{
  padding: 10px 0 10px 10px;
  width: 565px;
}

.listaNoticiaAreas td a{
  font: 15px arial,tahoma,sans-serif;
  color: #595959;
}

.listaNoticiaAreas th a{
  font: 15px arial,tahoma,sans-serif;
  color: #0166a5;
}

.areasEsquerda{
  width: 642px;
  float: left;
  min-height: 500px;
  margin-bottom: 18px;
}

.direitaAreas{
  width: 306px;
  float: right;
}

.linksSaibaAreas{
  float: left;
  display: block;
  width: 100%;
  text-transform: uppercase;
  color: #595959;
  font: 15px arial,tahoma,sans-serif;
  margin-top: 13px;
  text-decoration: none;
}

.linksSaibaAreas:hover{
  color: #0166a5;
  text-decoration: none;
  font-weight: bold;
}

.linksSaibaAreas .fa{
  width: 36px;
  height: 35px;
  background: #f4f3f6;
  border: 2px solid #cbc9c9;
  padding-top: 7px;
  border-radius: 20px;
  text-align: center;
  font-size: 18px;
  margin-right: 5px;
}

.linksSaibaAreas:hover .fa{
  background: #0553a0;
  color: #e1e1e1;
  border: 2px solid #0553a0
}

.linkAreaSelecionado{
  color: #0166a5;
  text-decoration: none;
  font-weight: bold;
}

.linkAreaSelecionado .fa{
  background: #0553a0;
  color: #e1e1e1;
  border: 2px solid #0553a0
}

.contatoAreas p{
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  color: #595959;
  font-size: 16px;
  font-family: arial,sans-serif;
  line-height: 20px;
  padding-left: 12px;
}

.contatoAreas .fa {
  font-size: 20px;
  color: #595959;
  margin-right: 10px;
}

.tituloInternasAreas{
  font: 24px tahoma,arial,sans-serif;
  color: #0166a5;
  margin-bottom: 10px;
  float: left;
}

.filtraNoticiaArea{
  font: 16px tahoma,arial,sans-serif;
  color: #595959;
  float: right;
  margin:3px 6px 5px 0;

}

.filtraNoticiaArea label{
  float: left;
  margin: 5px 5px 0 0;
}

.filtraNoticiaArea input[type="text"]{
  width: 204px;
  height: 25px;
}

.filtraNoticiaArea input[type="submit"]{
  width: 36px;
  height: 35px;
  background: url(../img/search-filtra-noticia.png) no-repeat;
  border: 0;
}

.filtroCriadoNoticias{
  width: 306px;
  float: right;
}

.tituloCategoriaPerguntaResposta{
font: 20px tahoma, arial,sans-serif;
color: #0166a5;
margin-top: 15px;
float: left;
width: 100%;
background: url('../img/divisoria-horizontal.png') repeat-x bottom;
padding-bottom: 8px;
}

.dataPauta{
  color: #0166a5;
  font: 15px arial,tahoma,sans-serif;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}

.categoriaPauta{
  width: 100%;
  float: left;
  position: relative;
}

.categoriaPauta h5{
  font: 18px tahoma,arial,sans-serif;
  color: #595959;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}

.categoriaPauta article{
  float: left;
  width: 100%;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.categoriaPauta figure{
  float: left;
  margin-top: 10px;
}

.categoriaPauta .textoPautaDestaques{
  float: right;
  width: 259px;
  color: #595959;
  font: 15px arial,tahoma,sans-serif;
}

.carregando{
  background: rgba(0,0,0, 0.1);
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.carregando img{
  position: relative;
  top: 50%;
}

#map-canvas{
  width: 50%;
  float: right;
  height: 500px;
  border: 10px solid #ccc;
  margin-bottom: 20px;
  margin-left: 0;
  margin-top: 10px;
}

#map-canvas img {
max-width: none;
}

.subtituloTracejado{
  font: 20px tahoma, arial,sans-serif;
  color: #0166a5;
  margin: 15px 0 10px;
  float: left;
  width: 100%;
  background: url(../img/divisoria-horizontal.png) repeat-x bottom;
  padding-bottom: 10px;
}

.mostraInfo{
  position: absolute;
  top: -2px;
  right: 240px;
  padding: 5px 8px;
  background: #000;
  background: rgba(0,0,0,.8);
  font-size: 1.6em;
  color: #f4f4f4;
  text-transform: uppercase;
}

.infoCidadesMunicipios{
  width:50%;
  float:left;
  padding-right: 10px;
}

.bandeirasMunicipios{
  float: right;
  margin: 10px;
  width: 100px;
}

.bandeirasMunicipios img{
  margin-bottom: 10px;
}

.txtMunicipios{
  float: left;
  width: 355px;
}

/****** Pesquisa Filtros****/

#FormPadrao{
  float: left;
  margin-top: 5px;
}

#FormPadrao span{
  color: #595959;
  margin:3px 6px  3px 0;
  display: block;
  float: left;
}

#FormPadrao strong{
  color: #0166a5;
}

#FormPadrao .enviaPesquisa{
  background: url('../img/padrao-pontilhado.png') #fecc00;
  border: 0;
  color: #333333;
  font-size: 16px;
  font-family: tahoma,arial,sans-serif;
  padding: 2px 15px;
  float: left;

}

.pagEditais{
  width: 639px;
  margin: 15px 0 20px 33px;
}

.data-public{
  font-size: 12px;
  /* text-transform: uppercase; */
  font-weight: 700;
  padding-bottom: 2px;
  color: #0166a5;
}

.subCategoria a{
    padding-left: 35px;
}

.carrosselFiqueDentro{
  float: left;
  height: 200px;
}

.btnCarrosselFiqueDentro{
  position: absolute;
  right: 0;
}

.btnCarrosselFiqueDentro .boxSeta{
  width: 26px;
  height: 26px;
  background: url(../img/bg-btn-next-prev.png) no-repeat  ;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #efefef;
  font-size: 15px;
  margin-right: 3px;
}

.tituloNoticiaPauta{
  float: left;
  margin: 15px 0 0 0;
  width:  100%;
}

.tituloNoticiaPauta img{
  float: left;
  margin: 10px 10px 0 0;
}

.tituloNoticiaPauta p{
  color: #0166a5;
  font: 18px tahoma, arial,sans-serif;
}

.boxNoticiaPauta{
  float: left;
  margin-top: 10px;
  color: #595959;
  font: 15px arial,tahoma,sans-serif;
}

.boxNoticiaPauta p{
  margin-bottom: 5px;
}

.boxNoticiaPauta strong{
  color: #139d43;
}

.boxNoticiaPauta a{
  font-weight: bold;
  color: #595959;
}

#myModalIndex{
  background: none;
  box-shadow: none;
  border:none;
  width: 780px;
  margin-left: -393px;
  height: 207px;
  max-width: 810px;
  padding: 0px;
}

#myModalIndex .close{
  opacity: 1;
  position: absolute;
  top: -20px;
  right: 20px;
}

/****************Menu Acessibilidade ******************/

.googleTradutor{
  float: right;
  height: 25px;
  font: 16px tahoma,arial,sans-serif;
  color: #595959;
  margin-left: 15px;
  position: relative;
  z-index: 1;
}

.googleTradutor span.texto{
  float: left;
  margin: 4px 4px 0 0;
}

#google_translate_element{
  margin-top: 3px;
  font: 15px arial, tahoma, sans-serif;
}

#google_translate_element img{

}

.goog-te-gadget{
  font: 13px arial, tahoma, sans-serif !important;
  color: #ebebeb !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.goog-te-gadget-simple .goog-te-menu-value{
  color: #ebebeb !important;
}

.goog-te-menu-value span{
  border:none !important;
  color: #ebebeb !important;
}

.goog-te-gadget-simple{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none !important;
  background: none !important;
}

#google_translate_element .fa-google{
  font-size: 15px;
  color: #efefef;
  opacity: 0.6;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  margin-right: 10px;
  float: left;
}

.acessibilidadeLateral{
  position: fixed;
  width: 35px;
  left: 0;
  top: 200px;
  z-index: 99999;
  background: url('../img/padrao-pontilhado.png') #d3d3d3;
  border: 1px solid #aeaeae;
  padding: 3px 0 0 0;
}

.mostraBalaoRybena{
  position: absolute;
  width: 255px;
  height: 35px;
  top: 13px;
  left: 35px;
  display: none;
}

.escondeAcessibilidade{
    float: left;
    background: url('../img/padrao-pontilhado.png') #068e35;
    text-align: center;
    width: 100%;
    padding: 3px 0;
    margin-top: 3px;
    color: #e6e6e6;
    cursor: pointer;
}

.mostraAcessibilidade{
  position: fixed;
  width: 15px;
  left: 0;
  top: 200px;
  z-index: 99999;
  background: url('../img/padrao-pontilhado.png') #068e35;
  color: #e6e6e6;
  height: 50px;
  display: none;
  line-height: 50px;
  cursor: pointer;
  font-size: 15px;
  padding-left: 2px;
}

.ui-accordion-content div{
  border:none;
}

/*Botao Refresh*/

.btnRefresh{
  border:none;
  background: url(../img/btn-refresh.png);
  width: 25px;
  height: 25px;
  position: absolute;
  right: 30px;
  bottom: 112px;
}


/*Formulario lei da transparencia*/

.formLeiTranparencia{
  width: 365px;
  float: left;
  margin: 20px 140px 20px 140px;
}

.formLeiTranparencia fieldset{
  background: #f1f0f5;
  border: 1px solid #ccc;
  border-radius:10px;
  position: relative;
}

.headerFormLeiTranparencia{
  position: relative;
  width: 100%;
  background: #e8e8e8;
  padding: 35px 30px 35px 30px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
  text-align: center;
}

.headerFormLeiTranparencia strong{
  color: #595959;
  font-size: 16px;
  font-family: tahoma, arial, sans-serif;
}

.headerFormLeiTranparencia p{
  color: #595959;
  font-size: 16px;
  font-family: arial, tahoma, sans-serif;
  margin-top: 2px;
}



.headerFormLeiTranparencia .fa-envelope{
  color: #0166a5;
  font-size: 25px;
  background: #f1f0f5;
  border: 2px solid #cbc9c9;
  padding: 11px 11px;
  position: absolute;
  border-radius: 25px;
  top: 9px;
  left: 152px;
}

.formLeiTranparencia label{
  margin:0 0 10px 30px;
  position: relative;
  font-size: 15px;
color: #989898;
}

.formLeiTranparencia label .fa{
  position: absolute;
  font-size: 18px;
  color: #b3b3b3;
  top: 7px;
  left: 11px;
}

.formLeiTranparencia input[type="text"], .formContato input[type="email"]{
  width: 303px;
  height: 33px;
  padding-left: 40px;
  color: #595959;
}
#photoCover{
  width: 165px;
  height: 30px;
  padding-left: 10px;
}

.formLeiTranparencia select{
  width: 303px;
  height: 33px;
  padding-left: 36px;
  color: #a09f9f;
}

.formLeiTranparencia textarea{
  width: 303px;
  height: 115px;
  padding-left: 40px;
  color: #595959;
}

.textoTabelamostra{
  font-size: 15px;
  color: #595959;
  float: left;
  margin: 3px 0 0 10px;
}

.LinkTransparecia{
  font: 16px tahoma, arial, sans-serif;
  padding: 3px 7px;
  color: #e1e1e1;
  text-decoration: none;
  background: url('../img/padrao-pontilhado.png') #139d43;
  position: relative;
  top: 3px;
}


/******************* Carteirinhas Internas **************/
.imagensCarteirinhas{
  float: right;
  position: relative;
  width: 270px;
}

.imagensCarteirinhas a{
  float: left;
  width: 100%;
  margin: 10px 0;
  border: 3px solid #e6e6e6;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.imagensCarteirinhas a:hover {
border: 3px solid #068e35;
}

.pagCarterinhas{
  width: 100%;
  margin: 15px 0 20px 0px;
}


.formCarteirinha{
  width: 695px;
  float: left;
  margin: 20px 140px 20px 140px;
}

.formCarteirinha fieldset{
  background: #f1f0f5;
  border: 1px solid #ccc;
  border-radius:10px;
  position: relative;
}

.headerFormCarteirinha{
  position: relative;
  width: 100%;
  background: #e8e8e8;
  padding: 35px 30px 35px 30px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
  text-align: center;
}

.headerFormCarteirinha strong{
  color: #595959;
  font-size: 16px;
  font-family: tahoma, arial, sans-serif;
}

.headerFormCarteirinha p{
  color: #595959;
  font-size: 16px;
  font-family: arial, tahoma, sans-serif;
  margin-top: 2px;
}



.headerFormCarteirinha .fa-envelope{
  color: #0166a5;
  font-size: 25px;
  background: #f1f0f5;
  border: 2px solid #cbc9c9;
  padding: 11px 11px;
  position: absolute;
  border-radius: 25px;
  top: 9px;
  left: 319px;
}

.formCarteirinha label{
  margin:0 0 10px 25px;
  position: relative;
  font-size: 15px;
  color: #989898;
  float: left;
  width: 314px;
}

.formCarteirinha label .fa{
  position: absolute;
  font-size: 18px;
  color: #b3b3b3;
  top: 7px;
  left: 11px;
}

.formCarteirinha input[type="text"], .formCarteirinha input[type="email"]{
  width: 303px;
  height: 33px;
  padding-left: 40px;
  color: #595959;
}

.formCarteirinha select{
  width: 303px;
  height: 33px;
  padding-left: 36px;
  color: #a09f9f;
}

.formCarteirinha textarea{
  width: 303px;
  height: 115px;
  padding-left: 40px;
  color: #595959;
}

.formCarteirinhaBaixo{
  float: left;
  width: 100%;
}

/************** Estilo input type file *****************/
.upload-button::-webkit-file-upload-button {
	 visibility: hidden;
}

.upload-button::before {
  content: 'Escolher arquivo';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #656565;
  padding: 0px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  height: 28px !important;
}

.upload-button:hover::before {
  border-color: #068e35;
}

.upload-button:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/******** Ancora Perguntas e Respostas **************/

.ancoraPerg li{
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #aeaeae;
  margin: 5px 0 5px 35px;
  padding-left: 20px;
}

.ancoraPerg li:last-child{
  border-bottom: none;
}

.ancoraPerg a{
  color: #595959;
}

.fixo {
  position: fixed;
  top: 20px;
  background: url(../img/bg-tudo.png);
  padding: 9px 35px 9px 9px;
}

.fixo .fa{
  font-size: 25px;
  color: #139d43;
  float: left;
  margin: 0 10px 10px 0;
  line-height: 20px;
}



.ancoraPergScript li{
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #aeaeae;
  margin: 5px 0 5px 0px;
  padding-left: 20px;
  line-height: 21px;
}

.ancoraPergScript li:last-child{
  border-bottom: none;
}

.ancoraPergScript a{
  color: #595959;
}

.perguntasFixas{
  display: none;
}

/********************ABA EVENTOS*****************/
.todosEventos{
  width: 100%;
  height: 230px;
}

.BlocoEvento{
  width: 304px;
  height: 134px;
  float: left;
  background:url('../img/bg-calendario-eventos.jpg') no-repeat left bottom;
  margin: 15px  30px 0 0;
  position: relative;
}

.BlocoEvento:nth-child(3n) {
   margin: 15px  0px 0 0;
}

.dataCalendario{
  width: 91px;
  height: 134px;
  float: left;
}

.diaNome{
  width: 100%;
  height: 22px;
  text-transform: uppercase;
  background: url(../img/padrao-pontilhado.png) #02529d;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 25px;
}

.diaNumero{
  width: 100%;
  height: 90px;
  text-align: center;
  font-size: 54px;
  color: #3a3a3a;
  line-height: 95px;
}

.diaMes{
  width: 100%;
  height: 22px;
  font-size: 13px;
  color: #3a3a3a;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
}

.infoEventos{
 width: 210px;
  height: 134px;
  background: url(../img/padrao-pontilhado.png) #ebebeb;
  border: 2px solid #c6c6c6;
  float: left;
  margin-left: 3px;
  position: relative;
}

.tituloInfoEventos{
  width: 100%;
  height: 27px;
  text-transform: uppercase;
  background: url(../img/padrao-pontilhado.png) #02529d;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 28px;
}

.boxInfo{
  background: url('../img/traco-verde.jpg') no-repeat left 15px;
  height: 78px;
  padding:11px 0 0 13px;
}

.boxInfo p{
  color: #0166a5;
  font-size: 15px;
}

.boxInfo span{
  font-size: 12px;
  display: block;
}

.btnSaibaEventos{
  background: #fecc00 url('../img/padrao-pontilhado.png');
  color: #595959;
  font: 16px tahoma, arial, sans-serif;
  padding: 3px 7px;
  text-decoration: none;
  position: absolute;
  bottom: 8px;
  left: 13px;
  font-size: 14px;
}

.
.setasEventos{
  position: relative;
}

.setasEventos span{
  position: absolute;
  z-index: 99;
  top: 125px;
  display: block;
  font-size: 50px;
  color: #068e35;   /* Anterior: #e1e1e1 */
  opacity: 0.6;
  cursor: pointer;
  text-shadow: 1px 0 1px rgba(0,0,0,0.5);
}

.setasEventos span:hover{
  opacity: 1;
}

.setasEventos .proximo{
  right: 0;
}

.setasEventos .anterior{
  left: 0;
}
/************* Boas Práticas *************/

.listaBoasPraticas{
  width: 100%;
  height: 118px;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  float: left;
  color: #595959;
  font: 15px arial, tahoma, sans-serif;
  margin-bottom: 3px;
}

.listaBoasPraticas:last-child{
  background: none;
}

.listaBoasPraticas figure{
  float: left;
  margin: 10px 10px 0 0;
}

.listaBoasPraticas figure img{
  border: 2px solid #f3f2f5;
  width: 147px !important;
  height: 90px !important;
}

.listaBoasPraticas figure img:hover{
  border: 2px solid #068e35;
}


.listaBoasPraticas h2{
font: 18px tahoma, arial, sans-serif;
color: #0166a5;
margin-bottom: 6px;
}

.listaBoasPraticas .dataNoticia{
  margin: 11px 0 0 0;
}

.boxListaBoasPraticas a{
  color: #595959;
  text-decoration: none;
}

.boxListaBoasPraticas a:hover{
  text-decoration: underline;
}


/************* Videos*************/

.listaVideosAreas{
  width: 100%;
  height: 135px;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  float: left;
  color: #595959;
  font: 15px arial, tahoma, sans-serif;
  margin-bottom: 3px;
}

.listaVideosAreas:last-child{
  background: none;
}

.listaVideosAreas figure{
  float: left;
  margin: 10px 10px 0 0;
}

.listaVideosAreas figure img{
  border: 2px solid #f3f2f5;
}

.listaVideosAreas figure img:hover{
  border: 2px solid #068e35;
}


.listaVideosAreas h2{
font: 18px tahoma, arial, sans-serif;
color: #0166a5;
margin-bottom: 6px;
margin-top: 10px;
}

.listaVideosAreas .dataNoticia{
  margin: 11px 0 0 0;
}

.boxListaVideosAreas a{
  color: #595959;
  text-decoration: none;
}

.boxListaVideosAreas a:hover{
  text-decoration: underline;
}

/********************* BLOG ************************/
.bgBlog{
  width: 642px;
  float: left;
  min-height: 500px;
  margin-top: 15px;
  background: #f0f0f0;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.principalNotBlog{
  float:left;
  width: 100%;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom ;
  position: relative;
  padding-bottom: 60px;
}

.principalNotBlog figure{
  width: 642px;
  border: 2px solid #0166a5;
}

.TituloNotPrincipalBlog{
  text-align: center;
  display: block;
  float: left;
  width: 100%;
  padding: 0 15px;
  font-family: tahoma;
  color: #0166a5;
  font-size: 20px;
  margin: 15px 0;
}

.dataCategoriaBlog{
  float: left;
  width: 100%;
  text-align: center;
   color: #595959;
   font-size: 15px;
}

.dataCategoriaBlog span{
  margin:0 15px 0 5px;
}

.blocoTextoPrincNotBlog{
  font-size: 15px;
  color: #595959;
  padding: 0 15px;
  margin-top: 15px;
  width: 100%;
  float: left;
}

.btnContinueLendoBlog{
  background: url('../img/padrao-pontilhado.png') #fecc00;
  color: #333333;
  font-size: 16px;
  padding: 5px 10px;
  position: absolute;
  margin-left: -66px;
  left: 50%;
  bottom: 15px;
}

.outrasNotBlog{
  float:left;
  width: 100%;
  height: 140px;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  padding: 24px 18px;
}

.outrasNotBlog figure{
  width: 180px;
  border: 2px solid #0166a5;
  margin-right: 15px;
  float: left;
  -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear
}

.outrasNotBlog figure:hover {
border: 2px solid #068e35;
}

.dataOutrasNot{
  float: left;
  width: 400px;
  color: #595959;
  font-size: 15px;
  margin-bottom: 10px;
}

.dataOutrasNot span{
  margin-left: 3px;
}

.blocoTextOutrasNot{
  float: left;
  width: 400px;
  height: 58px;
  overflow: hidden;
  color: #0166a5;
  font-size: 16px;
  font-family: tahoma;
}

.blocoTextOutrasNot:hover{
  text-decoration: underline;
}

.accordion2{
  float: left;
}

.accordion2 a{
  color: #595959;
  font-size: 15px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

.accordion2 dd{
  color: #595959;
  font-size: 15px;
  margin-left: 28px;
}

.setaMais{
  background: url(../img/seta-mais.png) no-repeat left center;
  padding-left: 20px;
}

.setaMenos{
  background: url(../img/seta-menos.png) no-repeat left center;
  padding-left: 20px;
}

a.linksSaibaAreas .fa.fa-play {
  padding-left: 4px;
}

/***************** TIme Line MArcha ****************/

.scroll-pane {
  overflow: auto;
  width: 978px;
  float:left;
  margin-top:15px;
  margin-bottom: 24px;
}

.scroll-content {
  width: 3910px;
  float: left;
}

.scroll-content-item {
  position:relative;
  width: 217px;
  height: 266px;
  float: left;
  text-align: center;
  background: url(../img/padrao-time-cima.png) no-repeat;
}

.scroll-content-item:nth-child(2n+1){
  background: url(../img/padrao-time-baixo.png) no-repeat;
}

.scroll-content-item article{
  position: absolute;
  top:177px;
  width: 217px;
}

.scroll-content-item:nth-child(2n+1) article {
  top:0;
}

.anoTime{
  color:#139d43;
  font-size:24px;
  font-family:Tahoma;
}

.nomeTime{
  color:#0166a5;
  font-size:18px;
  font-family:Tahoma;
}

.temaTime{
  color:#595959;
  font-size:15px;
  font-family:arial;
}

.blocoTextoTime p{
  margin-bottom:4px;
}

.scroll-content-item figure{
  position: absolute;
  top:0;
  left: 24px;
  height:166px;
}

.scroll-content-item:nth-child(2n+1) figure {
  top: 91px;
}

.linkEventoMarchaTime{
  display:block;
  position:absolute;
  height:151px;
  width:151px;
  z-index:999;
  top:7px;
  left:7px;
  border-radius: 85px;
  transition: all 0.3s linear;
}

.linkEventoMarchaTime:hover{
  background:rgba(0, 0, 0, 0.5);

}

.linkEventoMarchaTime:hover .fa-plus-circle{
  display: block
}

.linkEventoMarchaTime .fa-plus-circle {
font-size: 39px;
color: #f7f7f7;
float: left;
margin: 55px 0 0 60px;
display: none;
}

.linkEventoMarchaTime .saibaMais {
left: -32px;
width: 95px;
}

.scroll-bar-wrap {
  float: left;
  padding: 0 6px 0 6px;
  margin: 0px -1px 30px -1px;
  width:100%;
  background: url('../img/padrao-pontilhado.png') #dadada;
  border-radius: 5px;
 box-shadow: inset 0px 3px 5px rgba(0,0,0,0.1);
}

.scroll-bar-wrap .ui-slider {
  border:0;
  height: 2em;
  margin: 0 auto;
  background: none;
}

.scroll-bar-wrap .ui-handle-helper-parent {
  position: relative;
  height: 100%;
  margin: 0 auto;
}

span.ui-icon{
  margin:0 auto;
}

.mostraConteudoTime{
  width: 978px;
  float: left;
  min-height: 300px;
  background: url('../img/padrao-pontilhado.png') #dadada;
  padding: 20px;
}

.conteudoTime{
  background: #fff;
  padding: 20px;
  display: table;
  width: 100%;
  position: relative;
}

.conteudoTimeEsquerda{
  width: 520px;
  float: left;
}

.conteudoTimeEsquerda h3{
  font-family: tahoma, arial, sans-serif;
  font-size: 27px;
  text-transform: uppercase;
  color: #0166a5;
  border-bottom: 2px solid #06924a;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-align: center;
}

.conteudoTimeEsquerda p{
  color:#595959;
  font-size: 15px;
  margin-bottom: 10px;
  text-align: justify;
}

.conteudoTime img{
  position: absolute;
  top: 0;
  right: 0;
}

.conteudoTimeDireita{
  float: right;
}

.linksTime{
  width: 320px;
  background: url('../img/padrao-pontilhado.png') #068e35;
  margin: 260px 18px 0 0;
  padding: 15px 25px 5px 25px;
  text-transform: uppercase;
  float: left;
  display: block;
}

.blocolinkTime{
  float: left;
  background: url(../img/linha-link-time.png) no-repeat top;
  padding: 10px 0;
  color: #f4f4f4;
  width: 267px;
}

.blocolinkTime:nth-child(1){
  float: left;
  background: none;
  padding: 0px 0 10px 0;
}

.linksTime i{
  font-size: 22px;
}

.linksTime span{
  margin-left: 10px;
  font-size: 17px;
}

.ui-slider-handle{
  top:6px !important;
}

/**************** Logado *******************/

.nomeMunicipioLogado{
  font-size: 13px;
  color: #ebebeb;
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  display: block;
  top: 6px;
  text-align:center;
}

.menuLogadoEsticado{
  width: 100%;
  background:#d3d3d3;
  border-bottom: 2px solid #0958a6;
}

.menuLogado{
  width: 978px;
  height: 40px;
  margin: 0 auto;
}

.loginUsuario{
  float: left;
  margin-top: 10px;
  border-right:1px solid #595959;
}

.loginUsuario p{
  display: inline-block;
  margin:0 25px 0 5px;
  color: #595959
}

.loginUsuario .fa-user{
  color: #797979;
}

.menuLogado .fa-bars{
  color: #797979;
}

.menuLogado ul{
  float: left;
  margin-left: 25px;
}

.menuLogado ul li{
  display: inline-block;
  padding: 10px 10px;
}

.menuLogado ul li a{
  color: #595959;
}

.menuLogadoAtivo{
  background: #939393;
  
}

.menuLogadoAtivo a{
  color: #fff !important;
}

.logout{
  float: right;
  color: #797979;
  font-size: 25px;
  margin:7px;
}

.formLogin {
 position: relative;
}

.modalLogin p{
  color: #595959;
  font-size: 16px;
  font-family: arial, tahoma, sans-serif;
  margin-top: 2px;
  margin-bottom: 15px
}

.formLogin label{
  margin:0 0 10px 30px;
  position: relative;
}

.formLogin label .fa{
  position: absolute;
  font-size: 18px;
  color: #b3b3b3;
  top: 7px;
  left: 11px;
}

.formLogin input[type="text"], .formLogin input[type="password"]{
  width: 303px;
  height: 33px;
  padding-left: 40px;
  color: #595959;
}

td .fa-check-circle{
  font-size: 28px;
  color: #139d43;
}

/*************** Mascara Viana ***************/
#botao {
  display: block;
  width: 300px;
  height: 45px;
  top: -45px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 998;
}
#mascara {
  display: block;
  width: 744px;
  height: 588px;
  top: -588px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 998;
}

/***** outros *****/

.mostraInfoLogin {
  padding: 15px 8px;
  font-size: 1.3em;
  color: #595959;
  margin-bottom: 4px;
}

/**************************** Enquete CPMF ************************/
.chamadaProposta{
  width:978px;
  height:267px;
  background:#ececec;
  border: 3px solid rgba(67,168,97, .3);
  float: left;
  position: relative;
  margin: 15px 0 5px 0;
  background: url('../img/bg-chamada-enquete.png') no-repeat center;
}

.chamadaProposta .boxTxt{
  float: left;
  margin: 35px 0 0 190px;
  padding-left: 75px;
  position: relative;
  width: 650px;
}

.txtQueremos{
  font-size: 26px;
  color: #595959;
  margin-bottom: 7px;
}

.txtContribuicao{
  color:#0958a6;
  text-transform: uppercase;
  font-size: 31px;
  line-height: 34px;
  font-style: italic;
  margin-bottom: 6px;
  display: block;
}

.txtAcordo{
  font-size: 18px;
  color: #595959;
  position: absolute;
  left: 0;
}

.chamadaProposta .botoes {
  float: left;
  width:100%;
  margin: 65px 0 0 0;
}

.entendaProposta{
  border: 3px solid rgba(67,168,97,.3);
  background-color: #139d43;
  text-transform: uppercase;
  color: #ebebeb;
  padding: 5px 12px;
  margin-left: 152px;
  font-size: 18px;
}

.voteAgora{
  color: #595959;
  text-transform: uppercase;
  font-size: 18px;
  border: 3px solid rgba(67,168,97,.3);
  background-color: #ebebeb;
  padding: 7px 12px 5px 12px;
  margin-left: 274px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.btnFlutuaEnquete{
  position: fixed;
  right: 50px;
  bottom: 30px;
  padding: 1px 12px 5px 12px;
  display: none;
  z-index: 2;
}

.voteAgora:hover{
  background-color: #139d43;
  color: #ebebeb;
}

.voteAgora .fa{
  font-size: 26px;
  position: relative;
  top: 3px;
  margin-right: 8px;
}

hr.linhaTracejada{
  background: url('../img/divisoria-horizontal.png') repeat-x;
  float: left;
  width: 100%;
  border: none;
  height:1px;
  margin: 35px 0;
}

.tracoContinuo{
  float: left;
  width: 100%;
}

.tracoContinuo hr{
  background: #493d47;
  border: none;
  width:480px;
  margin: 20px auto;
  height:1px;
}

.tituloChamada{
  font-family: tahoma, arial, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #595959;
  font-weight: normal;
  margin-bottom:20px;
  float: left;
  width: 100%;
}

.benePropostos{
  width:100%;
  border: 3px solid rgba(67,168,97,.3);
  background: url('../img/padrao-pontilhado.png') #ececec;
  position: relative;
  margin-bottom: 35px;
  float: left;
}

.benePropostos figure{
  position: absolute;
  width: 180px;
  text-align: center;
  top: 0;
  bottom: 0;
}

.benePropostos figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.txtBene{
  float: left;
  width:475px;
  color: #595959;
  font-size: 15px;
  text-align: justify;
  margin: 20px 0;
  padding-left: 25px;
  margin-left:250px;
}

.txtBene p{
  margin-bottom:5px;
}

.benePropostos .fa{
  position: absolute;
  color:#0166a5;
  font-size: 60px;
  width: 70px;
  text-align: center;
  top: 50%;
  left: 183px;
  transform: translateY(-50%);
}

.quadDestaque{
  position: absolute;
  background:#0166a5;
  width:200px;
  height:119px;
  bottom: -20px;
  right: 10px;
  font-family: tahoma, arial, sans-serif;
  color:#f4f4f4;
  font-size: 30px;
  padding-left: 10px;
  line-height: 38px;
  padding-top: 21px;
}

.quadDestaque p{
  position: relative;
  z-index:1;
}

.quadDestaque span{
  position: relative;
  left: -12px;
}

.pontaQuad{
  width:200px;
  height:119px;
  background:#0166a5;
  position: absolute;
  transform: skew(-20deg);
  top: 0;
  left: -22px;
}

.txtConvocacaoPresidenta{
  color: #595959;
  font-family: "Arial";
  font-size: 20px;
  text-align: center;
  float: left;
  width: 100%;
  margin: 15px 0;
}

.txtConvocacaoPresidenta p{
  line-height: 24px;
}

.novaAliquota{
  width:100%;
  height: 510px;
  background: url('../img/bg-pontilhado-nova-aliquota.png') no-repeat bottom;
  float: left;
  position: relative;
}

.tituloAliquota{
  width: 100%;
  float: left;
  display: table;
}

.novaAliquota h3{
  text-align: center;
  color: #0166a5;
  font-family: Tahoma, arial, sans-serif;
  font-style: italic;
  font-size: 20px;
}

.trintaEoito{
  text-align: center;
  margin-top: 17px;
  font-family: Tahoma, arial, sans-serif;
  color: #0166a5;
  font-size:30px;
}

.novaAliquota .textAuxiliar{
  text-align: center;
  color: #595959;
  font-size: 18px;
  font-family: arial, sans-serif;
}

.novaAliquota .txtDistribuicao{
  text-align: center;
  text-transform: uppercase;
  font-family: Tahoma, arial, sans-serif;
  font-size: 22px;
  color: #139d43;
  margin-top: 20px;
}

.blocoAliquota{
  float: left;
  width:254px;
  margin-top: 40px;
}

.porcentagemAliquota{
  text-align: center;
  font-family: Tahoma, arial, sans-serif;
  color: #0166a5;
  font-size:30px;
  margin-bottom: 10px;
}

.blocoAliquota strong{
  text-transform: uppercase;
}

.textoComplementar{
  width: 100%;
  float: left;
  margin-top: 32px;
  line-height: 24px;
}

.textoComplementar p{
  text-align: center;
  color: #595959;
  font-size: 18px;
  font-family: arial, sans-serif;
}

.posicaoCNMenquete{
  width: 100%;
  float: left;
  margin: 25px 0;
}

.posicaoCNMenquete figure{
  float: left;
  margin-right: 20px;
}

.posicaoCNMenquete h3{
  color: #1564b5;
  font-family: Tahoma, arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: normal;
  margin-top: 19px;
}

.posicaoCNMenquete p{
  color: #595959;
  font-size: 18px;
  font-family: arial, sans-serif;
  text-align: justify;
  line-height: 27px;
}

.argumentos{
  width:100%;
  float: left;
  position: relative;
}

.argumentos h3{
  font-size:23px;
  font-family: Tahoma, arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  margin:20px 0 5px 0;
}

.argumentos span{
  display: block;
  text-align: center;
  font-style: italic;
  font-size: 18px;
  margin-bottom: 70px;
}

.argumentos p{
  color: #595959;
  font-size: 16px;
  font-family: arial, sans-serif;
  text-align: justify;
}

.argumentosAfavor{
  background: url('../img/aspas-argumentos-cpmf.png') no-repeat center 72px #ececec;
  border: 3px solid rgba(67,168,97, .3);
  width:49.8%;
  float: left;
  height: 540px;
}

.argumentosAfavor h3{
  color: #139d43;
}

.argumentosAfavor span{
  color:#4bbe73;
}

.argumentosAfavor p{
  margin: 0 54px 2px 31px;
}

.argumentosContra{
  background: url('../img/aspas-argumentos-cpmf.png') no-repeat center 72px #ececec;
  border: 3px solid rgba(217,83,79, .3);
  width:49.8%;
  float: right;
  height: 540px;
}

.argumentosContra h3{
  color: #d9534e;
}

.argumentosContra span{
  color:#ee8885;
}

.argumentosContra p{
  margin: 0 34px 6px 56px;
}

.xis{
  position: absolute;
  width: 102px;
  height: 102px;
  background: #1563b5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50px;
  text-align: center;
}

.xis p{
  color: #f9f9f9;
  display: inline-block;
  font-size: 65px;
  line-height: 105px;
}

.voteEnquete{
  width: 100%;
  float: left;
  min-height:780px;
}

.voteEnquete h1{
  font-size: 38px;
  text-align: center;
  font-family: Tahoma, arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #1564b5;
  margin: 35px 0;
}


.voteEnquete strong{
  color:#595959;
  text-align: center;
  font-family: Tahoma, arial, sans-serif;
  display: block;
  margin-bottom: 5px;
}

.txtResultados{
  color:#595959;
  text-align: center;
  font-family: Tahoma, arial, sans-serif;
  display: block;
}

.txtResultados i{
  font-weight: bold;
  color: #1564b5;
}

.votacaoEnquete{
  width:100%;
  display: block;
  background: url('../img/mega-fone-maior-rodape.png') no-repeat 248px bottom;
  height: 569px;
  margin-top: 60px;
}

.votacaoEnquete .fa{
  display: block;
  font-size: 200px;
  text-align: center;
}

.votacaoEnquete button{
  background: #ececec;
  text-transform: uppercase;
  font-family: Tahoma, arial, sans-serif;
  font-size:30px;
  width:100%;
  padding:10px 0;
  margin-top:5px;
}

.souAfavor{
  float: left;
  width: 215px;
}

.souAfavor .fa{
  color: #068e35;
}

.souAfavor button{
  border: 2px solid rgba(67,168,97, .3);
  color: #068e35;
}

.souContra{
  float: right;
  width: 215px;
}

.souContra .fa{
  color: #d9534f;
  position: relative;
  top: -10px;
}

.souContra button{
  border: 2px solid rgba(217,83,79, .3);
  color: #d9534f;
}

.mensagemConfirmacaoEnquete{
  width:100%;
  margin: 35px 0;
  float: left;
}

.mensagemConfirmacaoEnquete h1{
  font-size: 38px;
  text-align: center;
  font-family: Tahoma, arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #1564b5;
  margin: 35px 0;
}

.mensagemConfirmacaoEnquete figure{
  margin-top: 20px;
}

/********************* Página Conteudo Exclusivo ***********************/
.headerFormContato .fa-lock{
  color: #0166a5;
  font-size: 29px;
  background: #f1f0f5;
  border: 2px solid #cbc9c9;
  padding: 11px 16px;
  position: absolute;
  border-radius: 34px;
  top: -27px;
  left: 152px;
}

.esqueciSenha{
  color: #595959;
  font-size: 15px;
  font-family: arial, tahoma, sans-serif;
}

label i{
  color: #595959;
  font-size: 13px;
  font-family: arial, tahoma, sans-serif;
}

.fromAcessoExclusivo{
  height: auto;
  display: table;
  margin: 65px auto;
  float: none;
}

/********************** Livro Exclusivo **********************/

.livroExclusivo{
  width: 78px;
  height: 74px;
  position: absolute;
  top: 0;
  left: 0;
}

.livroExclusivoSelecionado{
  width: 106px;
  height: 106px;
  position: absolute;
  top: 0;
  left: 0;
}

.linkEditalConvocacao{
  width: 243px;
  height: 95px;
  position: absolute;
  bottom: 25px;
  right: 33px;
}

.boxVideosExclusivos{
  width:100%;
  float: left;
  margin-bottom:20px;
}

.videoIframe{
  width:316px;
  text-align: center;
  background: #000;
}

.videoDestaque{
  position: relative;
  float: left;
  width:316px;
  margin: 10px 0;
}

.videoDestaque:nth-child(2n){
  margin: 10px 14px;
}

.grupoVideos{
  position: relative;
  display: table;
  float: left;
  width:100%;
  height: 235px;
}

.textoVideo{
  background: #e4e4e4;
  border: 1px solid #aeaeae;
  padding: 10px 15px;
  text-align: center;
  height: 80px;
  color: #595959;
}

.apresentacoesExclusivas{
  float: left;
  width: 310px;
  margin-bottom:20px;
}

.pareceresExclusivas{
  float: left;
  width: 310px;
  margin: 0 23px 20px 23px;
}

.DOUExclusivas{
  float: left;
  width: 310px;
  margin-bottom:20px;
}

.listaDestaqueBiblioteExclusiva{
  position: relative;
  width: 100%;
  float: left;
}

.listaDestaqueBiblioteExclusiva li a{
  display: block;
  margin-top: 15px;
  background: url('../img/divisoria-horizontal.png') repeat-x bottom;
  padding-bottom: 10px;
}

.listaDestaqueBiblioteExclusiva h2{
  color: #0165a5;
  font-family: "Tahoma";
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}

.listaDestaqueBiblioteExclusiva p{
  color: #393939;
  font-family: "Arial";
  font-size: 16px;
}

.btnMostraListaDestaque{
  font: 16px tahoma, arial, sans-serif;
  padding: 3px 7px;
  color: #e1e1e1;
  text-decoration: none;
  background: url('../img/padrao-pontilhado.png') #139d43;
  float: left;
  margin-top: 15px;
}

.boxVideosExclusivos .setasEventos span{
  top: 175px;
}

.formContato input[type="password"]{
    width: 303px;
    height: 33px;
    padding-left: 40px;
    color: #595959;
}

.SaibaExclusivo{
  left: 44%;
  top: 44%;
  margin: 0 !important;
}

/********************* Panorama Crise *********************/
.panoramaCrise{
  width:100%;
  height:800px;
}

/************************ Material Exclusivo *****************/
.englobaDoisMateriais{
  width: 980px;
  display:block;
  float: left;
  background: url('../img/divisoria-verticall.png') repeat-y center;
}

.englobaDoisMateriais .boxMateriais{
  width: 48%;
  margin-top: 20px;
  float: left;
}

.boxMateriais:nth-child(2){
  float: right;
}

.boxMateriais figure{
  margin-bottom: 5px;
  border: 3px solid #e6e6e6;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.boxMateriais figure:hover{
  border: 3px solid #068e35;
}

.boxMateriais .dataPublicado{
  color:#0166a5;
  font: 14px tahoma, arial, sans-serif;
  position: relative;
  margin-top: 10px;
  padding: 0  5px;
}

.boxMateriais .tituloMaterial{
  color:#149d39;
  font: 22px tahoma, arial, sans-serif;
  margin: 10px 0 5px;
  text-align: center;
  text-transform: uppercase;
}

.boxMateriais p{
  color:#3a3a3a;
  font: 16px tahoma, arial, sans-serif;
  margin-bottom: 5px;
}

.boxMateriais strong{
  color:#595959;
}

.boxMateriais hr{
  background: #a2a2a2;;
  width: 75%;
  margin: 20px auto;
}


.SubTituloMaterial{
  color:#0166a5;
  font: 20px tahoma, arial, sans-serif;
  margin: 0px 0 15px 0;
  padding-bottom: 2px;
  text-align:  center;
}

.listaItemMaterial li:nth-last-child(1){
  border-bottom: 1px solid #cbc9c9;
}

.listaItemMaterial strong{
  display: block;
}

.boxItemMaterial{
  margin-bottom: 20px;
}

.boxItemMaterial .panel{
  margin-bottom: 20px;
}

.boxItemMaterial .listaItemMaterial p{
  float: right;
  width: 390px;
}

.tipoArqTema{
  display: block;
  position: relative;
  float: left;
  width: 35px;
}

.tipoArqTema img{
  margin-bottom: 7px;
}

.boxItemMaterial .fa-download {
    color: #282e6c;
    padding-top: 7px;
    font-size: 20px;
    float: right !important;
    width: 36px;
    height: 36px;
    background: #f4f3f6;
    border: 1px solid #cbc9c9;
    border-radius: 20px;
    text-align: center;
    margin: 7px 10px 7px 0;
    position: relative;
    cursor: pointer;
}

.listaItemMaterial li{
  background: #f0f0f0;
  border-top: 1px solid #cbc9c9;
  display: table;
  padding: 5px 5px 0 15px;
  width: 100%;
}

.listaItemMaterial li a{
  color:#595959;
}

.temaItemMaterial{
  background: url('../img/padrao-pontilhado.png') #139d43;
  color: #e1e1e1 !important;
  padding:10px 15px;
  margin-bottom:0 !important;
  position: relative;
  transition:all 0.2s linear 0.1s;
}

.temaItemMaterial:hover{
  background: url('../img/padrao-pontilhado.png') #0166a5;
  
}

.panel-title a:hover{
  text-decoration: none;
}

.temaItemMaterial strong{
  color: #e1e1e1 !important;
}

.temaItemMaterial .fa{
  position: absolute;
  right: 10px;
  top: 13px;
}

/**/

.dataPublicado a{
  position: absolute;
  right: 5px;
  color: #0166a5;
}

.dataPublicado .fa{
  margin-right: 5px;
}

.boxMateriais .localEvento{
  color:#595959;
  font: 14px tahoma, arial, sans-serif;
  position: relative;
  margin: 10px 0;
  padding: 0  5px;
  text-align: center;
  font-style: italic;
}

.dataPublicado .fa{
  margin-right: 5px;
  color: #a2a2a2;
}

.boxMateriais .subtitulo{
  font-size: 16px;
  color: #595959;
  text-align: center;
}

.boxMateriais .subtitulo span{
  font-size: 14px;
  color: #a2a2a2;
  text-align: center;
  display: block;
}

.SubTituloMaterial .fa{
  background: #f4f3f6;
  text-align: center;
  margin: 0px 16px 0 0;
}

.SubTituloMaterial .fa-download {
    color: #a2a2a2;
    padding-top: 7px;
    font-size: 20px;
}


/************************* Usuários ***********************/

.tabelaUsuarios{
  width: 100%;
  text-align: center;
  margin-top: 15px;
  float: left;
}

.tabelaUsuarios tr.tituloUsuarios{
  background: url('../img/padrao-pontilhado.png') #004f9a !important;
  color:#e1e1e1;
  font: 18px tahoma, arial,sans-serif;
}

.tabelaUsuarios tr{
}

tr.tituloUsuarios th{
  font-weight: normal;
  padding: 20px 0;
}

.tabelaUsuarios td{
  color:#3a3a3a;
  padding: 10px 0;
}

.tabelaUsuarios .iconesUsuarios{
  width: 190px;
}

.tabelaUsuarios .fa{
  width: 36px;
  height: 36px;
  background: #f4f3f6;
  border: 1px solid #cbc9c9;
  border-radius: 20px;
  text-align: center;
  margin: 0px 10px 0 0;
}

.tabelaUsuarios .fa-pencil {
    color: #282e6c;
    padding-top: 7px;
    font-size: 20px;
}

.tabelaUsuarios .fa-trash-o {
    color: #fff;
    padding-top: 7px;
    font-size: 20px;
    background: #F15948;
    border: 1px solid #F15948;
}

.tabelaUsuarios .fa-check {
    color: #139d43;
    padding-top: 7px;
    font-size: 20px;
}

.tabelaUsuarios .fa-ban {
    color: #F15948;
    padding-top: 7px;
    font-size: 20px;
}

.tabelaUsuarios .fa-cog {
    color: #282e6c;
    padding-top: 7px;
    font-size: 20px;
}

.tabelaUsuarios tr:nth-child(2n+1) {
    background: #f0f0f0;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.btnNovoUsuario{
  float: right;
  color: #e1e1e1;
  font-size: 16px;
  background: url(../img/padrao-pontilhado.png) #139d43;
  padding: 6px 15px;
  position: absolute;
  right: 0;
}

.btnNovoUsuario .fa{
  margin-right: 5px;
}