@charset "utf-8";
/* CSS Document */
/*--REGRAS GERAIS ------------*/

body,html { font-family:Arial, Helvetica, sans-serif; background-color:#fff; background-image:url(../img/bg_body.jpg); }
.container-page {width:940px; margin:0 auto; clear:both; display:table;}
body p {color:#444; font-size:12px; line-height:1.5em; text-decoration:none; text-align:justify; word-spacing:0; margin-bottom:15px;}
#background_topo {
width: 100%; 
height: 209px; 
margin: 0px; 
padding: 0px;
background-image:url(../img/bg_topo_repeat.png); 
background-position: top center; 
}
#background_topo #logo { width:427px; height:145px; float:left; background:url(../img/logo.png) no-repeat; margin-top:3px;}
#background_topo #logo a { width:427px; height:145px; display:block;}
#background_topo #widgets { width:255px; height:80px; float:right; margin-top:25px;}
#widgets .widgetsUp img{float:left; margin-left: 6%;}
#widgets .linhaWidgets{ width:100%; height:2px; float:left; background:url(../img/linha-widgets.png) repeat; margin:10px 0;}
#widgets .widgetsDown .twitter a {width:36px; height:36px; float:right; display:block; background:url(../img/twitter.png); margin-left:10px;}
#widgets .widgetsDown .twitter a:hover {width:36px; height:36px; background:url(../img/twitter.png) 0 -36px;}
#widgets .widgetsDown .fb a {width:36px; height:36px; float:right; display:block; background:url(../img/facebook.png);}
#widgets .widgetsDown .fb a:hover {width:36px; height:36px; background:url(../img/facebook.png) 0 -36px;}

#widgets .widgetsDown .blog a {width:36px; height:36px; float:right; display:block; background:url(../img/blog.png);margin:0 13px 0 0;}
#widgets .widgetsDown .boleto a {width:111px; height: 41px; float:left; display:block; background:url(../img/boleto.png); margin:-37px 50px 0 0;}

#areaMenu { width:940px; float:left; margin-top:20px; }

#background_banner {
width: 100%; 
height: 391px; 
margin: 0px; 
padding: 0px;
background-image:url(../img/bg_banner.jpg); 
background-position: top center; 
}
#background_banner .banner { width:900px; height:311px; float:left; background-color:#FFF; margin-top:20px; padding: 20px; }
#background_banner .banner .peca_banner { width:900px; height:311px; float:left; margin:20px; }

.noticiasHome .all,
.acordosRecentes .all
{
  color: #cf0207;
  display: block;
  font-family: "BebasNeueRegular";
  padding: 10px 0 0;
  font-size: 18px;
  text-align: right;
}

.all:hover 
{
 color:#343434;
}

.titleHome {width:100%; height:21px; float:left; padding-bottom:5px; border-bottom:3px #cf0207 solid;}
.titleHome .texto {width: auto; height: 21px; float:left; font-family:"BebasNeueRegular"; color:#cf0207; font-size:22px; text-transform:uppercase;}
.titleHome .icone {width: 31px; height: 21px; float:right;}

.noticiasHome { width:300px; float:left; margin-top:30px; }

.noticiasHome .umaNoticia
{ width:300px; float:left; margin-top:15px; border-bottom:1px #bebebe solid; padding-bottom:20px; list-style:inside none;}
.noticiasHome ul
{float:left;margin-bottom:15px;}
.noticiasHome .umaNoticia .icone
{width: 34px; height: 11px; float:left; padding-top:3px; margin-right:5px;}
.noticiasHome .umaNoticia .data
{width: 246px; height: 14px; float:left; font-family:"BebasNeueRegular"; color:#343434; font-size:19px; text-transform:uppercase; font-weight:normal;}
.noticiasHome .umaNoticia .desc a
{width:300px; float:left; margin-top:10px; color:#343434; font-size:12px; line-height:1.1em; text-align:justify; text-decoration:none;}
.noticiasHome .umaNoticia .desc a:hover
{ text-decoration:underline;}

#face-plugin
{padding:30px 0 0;}

.fotosRecentes { width:300px; float:left; margin-top:30px; margin-left:20px; }
.fotosRecentes .jCarousel {width:300px; height:285px; float:left; margin-top:15px; background-image:url(../img/bgCarousel.png);}

.acordosRecentes { width:300px; float:left; margin-top:30px; margin-left:20px;}
.acordosRecentes ul {margin-top:15px;float: left;}
.acordosRecentes li {width:270px;height:auto; float:left; list-style:none; background: no-repeat top left url(../img/icone_internas_todos_os_jornais_e_acordos_e_convencoes.png); padding:5px 0 20px 30px;  border-bottom: 1px #bebebe solid; margin: 0 0 15px 0;}
.acordosRecentes li:last-child {}
.acordosRecentes li a{font-family:"BebasNeueRegular";color: #343434;font-size:19px; text-transform: uppercase;}
.acordosRecentes p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin: 0px 0px 15px 0px; padding: 0px; text-decoration: none;}
.acordosRecentes p a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin: 0px 0px 15px 0px; padding: 0px; text-decoration: none;}
.acordosRecentes p a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin: 0px 0px 15px 0px; padding: 0px; text-decoration: underline;}

.linhaDivisoria { width:940px; height:2px; float:left; background:url(../img/linhaDivisoria.png); margin:30px 0px 30px 0px; }

.downloadJornais { width:300px; float:left; margin-right:20px; }
.downloadJornais .jCarousel {width:300px; float:left; background:none; margin-top:15px;}

.vantagens { width:300px; float:left; margin-right:20px;}
.vantagens .jCarousel {width:300px; height:285px; float:left; margin-top:15px; background-image:url(../img/bgCarousel.png);}

.videosHome { width:300px; float:left; margin-left:0px; }
.videosHome .jCarousel {width:300px; height:262px; float:left; margin-top:15px; background:url(../img/bgVideos.png) no-repeat;}

#background_info {
width: 100%; 
height: 139px; 
margin: 0px; 
padding: 0px;
background:url(../img/bg_banner.jpg);  
background-position: top center; 
}
#background_info .botao { width:300px; height: 90px; float:left; margin-top:20px; }
#background_info .botao .botaoLeft { width:90px; height: 90px; float:left; }
#background_info .botao .botaoRight { width:200px; height: 90px; float:left; margin:10px 0 0 10px;  }
#background_info .botao .botaoRight .titulo { margin-bottom:10px;}
#background_info .botao .botaoRight .titulo a{ color:#444; font-size:25px; font-family:"BebasNeueRegular"; text-transform:uppercase; text-shadow: 1px 1px #fff; }
#background_info .botao .botaoRight .texto a{ color:#444; font-size:12px; line-height:1.1em; text-decoration:none;}
#background_info .botao .botaoRight .texto a:hover { text-decoration:underline; } 
 
#background_info .divisaBotao { width:2px; height:126px; float:left; background: url(../img/divisaBotao.png) no-repeat; margin:7px 9px 0 9px;  }
 

#rodape{width:940px; height:35px; color:#5d5d5d; font-size:12px; padding-top:20px;}
#rodape .left {width:856px;height:auto;float:left;margin:0 0 10px 0;}
#rodape .left p{padding:0 0 10px 0;}
#rodape .left a{margin:10px 30px 10px 0}
#rodape .recifesites {width:84px;height:14px;float:right;}

/****/
/*-- PAGINAS INTERNAS ------------*/
#conteudo_interno {width:940px;height:auto;float:left;}
#conteudo_interno {margin-top:30px; float:left; margin-bottom:20px;}
#conteudo_interno .title {width:100%; height:21px; float:left; padding-bottom:5px; border-bottom:3px #cf0207 solid;}
#conteudo_interno .title .texto {width: auto; height: 21px; float:left; font-family:"BebasNeueRegular"; color:#cf0207; font-size:22px; text-transform:uppercase;}
#conteudo_interno .title .icone {width: 31px; height: 21px; float:right;}
/*-- INSTITUCIONAL ------------*/
#institucional {width:940px; float:left; margin-top:20px;}
/****/
/*-- DIRETORIA ------------*/
#diretoria {width:940px; float:left; margin-top:20px;}
#diretoria .umItem { width:140px; height:200px; float:left; margin:0 7px 60px 8px;  }
#diretoria .umItem .foto { width:140px; height:186px; float:left; margin-bottom:5px;}
#diretoria .umItem .foto img {width:140px; height:186px; overflow:hidden;}
#diretoria .umItem .nome { width:140px; height:auto; float:left; font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#DD2E33; line-height:1.1em;}
#diretoria .umItem .cargo { width:140px; height:auto; float:left; font:Arial, Helvetica, sans-serif; font-size:12px; color:#252525; line-height:1.1em;}
/****/
/*-- SINDICALIZE-SE ------------*/
#formSindicalize {margin-top:20px; float:left;}
#formSindicalize h2{width:940px;float:left;color:#343434;font-size:20px;text-transform:uppercase;font-family:"BebasNeueRegular"; font-weight:normal;margin:0 0 10px 0 ;}
#formSindicalize .linhaForm { width:940px; float:left; position:relative; margin-top:5px; margin-bottom:20px;}
/*
tipo 1 = 460
tipo 2 = 219
tipo 3 = 300
*/
#formSindicalize input { font:Arial, Helvetica, sans-serif; color:#696969; font-size:14px;}
#formSindicalize .input {width:930px; height:41px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; padding-left:10px;padding-left:10px\9;}

#formSindicalize .tipo1 {width:450px; height:41px; float:left; border:0;background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; padding-left:10px;}
#formSindicalize .tipo2 {width:215px; height:41px; float:left; border:0;background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px; margin-left:18px \0/IE8+9; /* IE8 + 9 + IE10pp4  */padding-left:10px;}
#formSindicalize .tipo3 {width:290px; height:41px; float:left; border:0;background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin:0px 0px 0 0px; padding-left:10px;}

#formSindicalize .endereco {width:192px; height:41px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; padding-left:10px;}
#formSindicalize .complemento {width:98px; height:41px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px; margin-left:18px \0/IE8+9; padding:0px 5px 0 5px;}
#formSindicalize .cep {width:108px; height:41px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px;margin-left:18px \0/IE8+9;padding-left:5px;}
#formSindicalize .bairro {width:153px; height:41px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px;margin-left:18px \0/IE8+9;padding-left:5px;}
#formSindicalize .uf {width:102px; height:43px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px;margin-left:18px \0/IE8+9;padding-left:10px;}
#formSindicalize .cidade {width:147px; height:41px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px;padding-left:10px;}

#formSindicalize .submit {width:123px; height:41px; float:left; border:0; background:url(../img/btn_enviar.png); *background:#000;}
#formSindicalize .submit:hover {width:123px; height:41px; border:0; background:url(../img/btn_enviar.png) 0 -41px; }

#formSindicalize .tipo2Select {/*width:221px; height:43px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px; padding-left:10px; font:Arial, Helvetica, sans-serif; color:#696969; font-size:14px; padding-top:15px;*/ float:left; margin-left:20px; height:43px;}
#formSindicalize .ufSelect {/*width:100px; height:43px; float:left; border:0; background:#fff; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px; padding-left:10px; font:Arial, Helvetica, sans-serif; color:#696969; font-size:14px; padding-top:15px;*/ float:left; margin-left:20px; height:43px;}


/*.styled-select {
   width: 209px;
   height: 43px;
   overflow: hidden;
   position:absolute;
   right:0;
   background: url(../img/down_arrow_select.jpg) no-repeat right #fff;
   -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; margin-left:20px; padding-left:10px;
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 13px 5px 5px 5px;
   font-size: 14px;
   height: 43px;
   border:0;
   font:Arial, Helvetica, sans-serif; color:#696969;
}

.styled-select .option{
  margin-left:-20px;
}*/

/******/
/*-- VANTAGENS ------------*/
#vantagens {width:940px; float:left; margin-top:20px;}
#vantagens .umConvenio {width:215px; height: 320px; float:left; margin:0 10px 20px 10px;}
#vantagens .umConvenio .image {width:215px; height:148px; float:left; background:#fff; }
#vantagens .umConvenio .image img {width:200px; height:135px; float:left; overflow:hidden; padding:7px;}
#vantagens .umConvenio .titulo {width:215px; float:left; font-size:16px; color:#3c3c3c; font-weight:bold; margin:10px 0px; text-shadow:1px 1px 1px #fff;}
#vantagens .umConvenio .texto {width:215px; float:left; font-size:12px; color:#3c3c3c; line-height:1.1em; text-align:justify;position:relative;margin-bottom:110px; padding: 10px 0px 0px 0px;}
/******/

/*-- ACORDOS / FOTOS ------------*/
#acordosEfotos {width:940px; float:left; margin-top:20px;}
#acordosEfotos .umItem {width:300px; height: 200px; float:left; margin:0 7px 20px 6px; background-color:#FFFFFF;}
#acordosEfotos .umItem .image { width:300px; height:207px; float:left; background:#fff; position:relative; margin: 0px 0px 10px 0px;}
#acordosEfotos .umItem .image img{ width:280px; height:187px; float:left; background:#fff; padding:10px; }
#acordosEfotos .umItem .image .mascara { width:270px; height:29px; left:10px; position:absolute; bottom:10px; background:url(../img/mascara.png); text-align:left; padding:7px 0 0 10px; }
#acordosEfotos .umItem .image .mascara a {font-size:22px; font-family:"BebasNeueRegular"; text-transform:uppercase; color:#fff;}
#acordosEfotos .umItem .desc {padding: 0px 10px 0px 10px;}
#acordosEfotos .umItem .desc p a{width:280px; float:left; color:#343434; font-size:12px; line-height:1.1em; text-decoration:none; text-align:justify; margin-top:-20px;}
#acordosEfotos .umItem .desc p a:hover{ text-decoration:underline;}

  /*-- ACORDOS_INTEGRA / FOTOS_INTEGRA ------------*/
  #acordosEfotos { width:940px; float:left; margin-top:20px;}
  #acordosEfotos .tituloAlbum { width:940px; float:left; font-size:24px; color:#3c3c3c; font-weight:bold; margin-bottom:10px; }
  #acordosEfotos .descricao { width:940px; float:left; font-size:12px; color:#3c3c3c; line-height:1.1em;  margin-bottom:10px; }
  #acordosEfotos .fotos { width:940px; float:left;}
  #acordosEfotos .fotos .umaFoto { width:215px; height:148px; float:left; background:#fff; margin:0 10px 10px 0px}
  #acordosEfotos .fotos .umaFoto img { width:200px; height:135px; float:left; overflow:hidden; padding:7px;}
  #acordosEfotos .voltar a{ width:123px; height:41px; float:left; border:0; background:url(../img/btn_voltar.png); margin-top:10px; }
  #acordosEfotos .voltar a:hover { width:123px; height:41px; border:0; background:url(../img/btn_voltar.png) 0 -41px; }

/******/
/*-- NOTICIAS ------------*/
#noticias {width:940px; float:left; margin-top:20px;}
#noticias .umaNoticia { width:455px; float:left; margin:0px 10px 10px 5px; border-bottom:1px #bebebe solid; padding-bottom:20px;}
#noticias .umaNoticia .icone{width: 34px; height: 11px; float:left; padding-top:3px; margin-right:5px;}
#noticias .umaNoticia .data{width: 416px; height: 14px; float:left; font-family:"BebasNeueRegular"; color:#343434; font-size:19px; text-transform:uppercase;}
#noticias .umaNoticia .desc a{width:455px; float:left; margin-top:10px; color:#343434; font-size:12px; line-height:1.1em; text-align:justify; text-decoration:none;}
#noticias .umaNoticia .desc a:hover { text-decoration:underline;}

  /*-- NOTICIAS ------------*/
  #noticiaIntegra {width:940px; float:left; margin-top:20px;}
  #noticiaIntegra .fotoNoticias {margin-right: 10px; margin-bottom: 10px;}
  #noticiaIntegra .icone{width: 34px; height: 11px; float:left; padding-top:3px; margin-right:5px;}
  #noticiaIntegra .data{width: 901px; height: 14px; float:left; font-family:"BebasNeueRegular"; color:#343434; font-size:19px; text-transform:uppercase;}
  #noticiaIntegra .manchete { width:940px; float:left; font-size:24px; color:#3c3c3c; font-weight:bold; margin:10px 0; line-height:1.1em; }
  #noticiaIntegra .descricao { width:940px; float:left; font-size:12px; color:#3c3c3c; line-height:1.1em;  margin-bottom:20px; }
  #noticiaIntegra .voltar a{ width:123px; height:41px; float:left; border:0; background:url(../img/btn_voltar.png); }
  #noticiaIntegra .voltar a:hover { width:123px; height:41px; border:0; background:url(../img/btn_voltar.png) 0 -41px; }
#noticias .paginacao {width:980px; height:auto; float:left; margin-top:10px;}
#noticias .pags li {list-style:none; float:left; margin-right:5px;}
#noticias .pagON a, .pags .pagOFF a{text-align:center; display:block; text-decoration:none; padding:3px 7px; color:#fff;}
#noticias .pagON a       {background-color:#CF0207;}
#noticias .pagOFF a    {background-color:#343434;}  
  
/******/
/*-- JORNAIS/ACORDOS(NOVA) ------------*/
#jornais .downJornais {width:940px;height:auto; float:left;margin-top:15px;}
#jornais .downJornais li, .downJornais .right {width:430px;height:auto; float:left; list-style:none; background: no-repeat top left url(../img/icone_internas_todos_os_jornais_e_acordos_e_convencoes.png); padding:5px 0 20px 30px;  border-bottom: 1px #bebebe solid; margin: 0 20px 15px 0;}
#jornais .downJornais .right {margin: 0 0px 15px 0;}
#jornais .downJornais li a{font-family:"BebasNeueRegular";color: #343434;font-size:19px; text-transform: uppercase;}

#jornais .paginacao {width:980px; height:auto; float:left; margin-top:10px;}
#jornais .pags li {list-style:none; float:left; margin-right:5px;}
#jornais .pagON a, .pags .pagOFF a{text-align:center; display:block; text-decoration:none; padding:3px 7px; color:#fff;}
#jornais .pagON a       {background-color:#CF0207;}
#jornais .pagOFF a   {background-color:#343434;}
/******/
/*-- CONTATO ------------*/
#contato {width:940px; float:left; margin-top:20px;}
#contato .formContato {font-size:12px;  margin:10px 0 10px 0; }
#contato .formContato .form_left {width:460px; float:left; margin-left:0px; }
#contato .formContato .form_right{width:460px; float:left; margin-left:20px; }

#contato .formContato .input { margin:0px 0 13px 0px; padding:0 5px; background-color:#fff; color:#696969; width:450px; border:0; height:41px; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1; }
#contato .formContato .msg, 
#contato .formContato .focused_msg, 
#contato .formContato .notfocused_msg { margin:0px 0 0 0px; padding:5px 5px; background-color:#fff; color:#696969; width:450px; border:0; height:139px; resize:none; -moz-box-shadow: 3px 3px 3px #d2d1d1; -webkit-box-shadow: 3px 3px 3px #d2d1d1; box-shadow: 3px 3px 3px #d2d1d1;}
#contato .formContato .submit {width:123px; height:41px; float:right; border:0; background:url(../img/btn_enviar.png); margin-top:20px; }
#contato .formContato .submit:hover {width:123px; height:41px; border:0; background:url(../img/btn_enviar.png) 0 -41px; }