/* Folha de estilo do Poral do Voluntário HSBC */

body{
  background: url(/site/img/barraLateral.png) repeat-y center top;
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  margin: 0;
}
table{
  font-size: 12px;
}
a{
  text-decoration: none;
  color: #616161;
}
img{
  border: none;
}
h4{
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-decoration:underline;
}
form{
  margin: 0;
  padding: 0;
}
input, select, textarea{
  background: #fff;
  border: 1px solid #d1d1d1;
  color: #b51d1f;
  font-size: 12px;
}
ul.grid, .imgAlbum{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.grid li{
  list-style-type: none;
  padding: 5px 0 10px;
}
.Button{
  padding: 5px 10px;
}
.Button:hover{
  border: 1px solid #616161;
  cursor: pointer;
}

h1{
  font-weight: normal;
}


/* Cabeçalho Begin */
.cabecalho{
  background: url(/site/img/fundoCabecalho.png) repeat-x;
  width: 999px;
  height: 72px;
  margin: 10px 0 0;
}
.logos{
  width: 432px;
  height: 72px;
  float: left;
  list-style-type: none;
  text-indent: -15000px;
  padding: 0;
  margin: 0;
}
.logos li{
  float: left;
}
.institutoHSBC{
  background: url(/site/img/logoInstitutoHSBC.png) no-repeat;
  width: 227px;
  height: 72px;
  display: block;
}
.pvHSBC{
  background: url(/site/img/logoPVHSBC.png) no-repeat;
  width: 205px;
  height: 72px;
  display: block;
}
.menuHorizontal{
  background: url(/site/img/normalMenuButton.png) repeat-x;
  width: 1001px;
  clear: both;
}
ul.menu{
  list-style-type: none;
  display: block;
  height: 50px;
  margin: 0;
  padding: 0;
  color: #fff;
}
ul.menu li{
  float: left;
  color: #fff;
  width: 166px;
  height: 50px;
}
#nav, #navbr{
  color: #fff;
}
a#nav:link, a#nav:visited, a#navbr:link, a#navbr:visited{
  border: none;
  width: 175px;
  _width: 166px;
  padding: 10px 0;
  margin: 0;
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 28px;
}
a#navbr:link, a#navbr:visited{
  line-height: 15px;
}
.busca{
  float: right;
  /*width: 145px;*/
  width: 190px;
  margin: 24px 10px 0 0;
  _margin: 14px 10px 0 0;
}
.login{
  float: right;
  margin: 9px 10px 0 0;
}
.barraLogin{
  width: 560px;
  float: right;
}
.barraLogin.logado{
  width: 495px;
  _width: 495px;
  height: 30px;
  padding: 10px 0;
  _padding: 0;
  _margin: 0;
  float: right;
}
.campoBusca{
  background: url(/site/img/campoBusca.png) no-repeat;
  width: 120px;
  height: 22px;
  _margin: 5px 0;  
  border: none;
  padding: 2px 0 0 4px;
  font-size: 12px;
  _padding: 3px 0 0 4px;
}

.border{
  background: url(/site/img/border.png) no-repeat right top;
}
.botaoBusca{
  background: url(/site/img/botaoBusca.png) no-repeat;
  text-indent: -15000px;
  width: 65px;
  height: 21px;
  padding:1px 0 20px;
  _height: 20px;
  _margin: 7px 0;
  border: 0;
  border-left: none;
  _font-size: 0px; /* iE Hack */
  _line-height: 0px; /* iE Hack */
  *font-size: 0px; /* iE Hack */
  *line-height: 0px; /* iE Hack */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .campoBusca{
    padding: 0 0 22px 4px;
  }

  .botaoBusca{
    height: 22px;
  }
}


.loginMenu{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.loginMenu li{
  float: left;
  padding: 16px 10px;
}
.loginMenu a{
  color: #b51d1f;
  font-weight: bold;
  text-decoration:underline;
}
/* Cabeçalho End */


/* Coluna1 Begin */
.Coluna1{
  padding-right: 10px; 
  padding-left: 10px; 
  font-family: Arial; 
  text-decoration: none;
  text-align: center;
  padding-top: 5px;
  _width: 24%;
}
.destaque img{
  border: 2px solid #d1d1d1;
}
.verMais{
  font-weight: bold;
  color: #b51d1f;
  text-decoration:underline;
}
.verMais2{
  font-weight: bold;
  color: #b51d1f;
  text-decoration:underline;
}
.descricao{
  text-align: center;
  display: block;
  padding: 0 30px;
}
.noticiasEspaco{
  margin-bottom: 5px;
}
#calendarHsbc{
  height: 150px;
  float: left;
  background-color: white;
  margin: 0 57px;
}
.mesHsbc{
  font-size: 12px;
  font-weight: normal;
  color: #666;
  padding: 0 50px;
}
.DataTD, .AltDataTD{
  border-bottom: 1px solid #d1d1d1;
  padding: 6px 10px;
}
.FooterTD{
  padding: 20px 0;
}
.estiloCalendario{
  border: 1px solid #d1d1d1;
}
.estiloCalendario th{
  border-bottom: 1px solid #b51d1f;
  font-weight: normal;
}
.feriado{
  background-color: #b51d1f;
  color: #fff;
}
.diasFeriado{
  margin-top: 5%;
  color: #666;
  font-size: 10px;
  text-align: left;
  margin-left: 18%;
}
.diasFeriado a{
  color: #b51d1f;
}
.imgCalendar1{
  float: left;
  margin-top: 6px;
  _margin-top: 23px;
  padding-left: 50px;
  _margin-left: 48px;
}
.imgCalendar2{
  float: right;
  margin: -20px 47px;
  _margin: -30px 47px;
}
#calendario{
  height: 325px;
}
/* Coluna1 End */


/* Coluna2 Begin */
.Coluna2{
  _width: 25%;
  background-color: #f3f2f2;
  padding-right: 10px;
  padding-left: 10px; 
  font-family: Arial; 
  text-decoration: none; 
  padding-top: 5px;
}
.noticias{
  margin: 0;
  padding: 0;
  text-align: left;
}
.noticias2{
  padding: 5px 0;
  border-bottom: 1px solid #d1d1d1;
}
.comites{
  background: url(/site/img/fundoComites.png) no-repeat;
  width: 268px;
  height: 85px;
  color: #fff;
  display: block;
  margin: 50px auto;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0 0;
  text-align: center;
}
.textoBotaoVolun{
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  margin: 6px 0;
}
.imgEntrevista img, .imgNoticia img{
  margin: 0 10px 5px 0;
  float: left;
}
.entrevista, .noticia{
  text-align: justify;
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}
.noticia li{
  margin: 0 0 15px;
}
.noticia li p{
  margin: 5px 0 2px;
}
.noticia img{
  margin: 0 10px 5px 0;
  float: left;
}
.noticia .ver_mais{
  text-align: right;
  clear: both;
}
.descricaoNoticia{
  border-bottom: 1px solid #d1d1d1;
  padding: 17px 0;
  _margin: 20px 0;
}
/* Coluna2 End */


/* Coluna3 Begin */
.Coluna3{
  _width: 20%;
  background-color: #e9e9e9;
  padding-right: 10px; 
  padding-left: 10px; 
  font-family: Arial; 
  text-decoration: none; 
  padding-top: 5px;
}
.Coluna3 a{
  color: #b51d1f;
}
.linhaDivisor{
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 0;
  text-align: left;
  min-height: 50px;
  _height: 50px;
  _border-bottom: expression(this.nextSibling == null ? '0' : '1px solid #d1d1d1'); /* iE Hack */
}
.linhaDivisor:last-child{
  border-bottom: 0;
}
.linha{
  border-top: 1px solid #d1d1d1;
  padding: 5px 0;
  color: #b51d1f; 
}
.boxInscrever{
  background: url(/site/img/fundoSistemaVoluntarios.png) no-repeat;
  width: 268px;
  height: 70px;
  _height: 81px;
  color: #fff;
  display: block;
  margin: 50px auto;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0 0;
  text-align: center;
  text-indent: -15000px;
}
/* Coluna3 End */


/* Demais atributos Begin */
.RedLinks{
  border-bottom: 1px solid #d1d1d1;
  font-weight: bold;
  margin: 0 0 5px;  
}
.RedLinks a{
  color: #b51d1f;
  font-size: 14px;
}
.tituloLinks{
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}

.TD_textoPreto, .TD_img{
  margin: 10px 0 0;
  padding: 0 5px 5px;
  border-bottom: 1px solid #d1d1d1;
  _border-bottom: expression(this.nextSibling == null ? '0' : '1px solid #d1d1d1'); /* iE Hack */
  list-style-type: none;
}
.TD_textoPreto:last-child{
  border-bottom: 0;
}
.select{
  background-color: #f9f9f9;
  color: #616161;
  border: 1px solid #d1d1d1;
  font-size: 10px;
  width: 98px;
  height: 18px;
}
/* Demais atributos End */


/* Rodapé Begin */
.rodape{
  background: #fff url(/site/img/fundoRodape.png) no-repeat center top;
  text-align: center;
  font-family: Arial; 
  font-size: 10px; 
  color: #FFFFFF;
  margin: 0;
}
.rodape p{
  margin: 0;
  padding: 7px 0 14px;
  _padding: 8px 0 14px;
}
.rodape .tech{
  color: #616161;
  width: 230px;
  height: 20px;
  margin: 5px -15px 0;
  _margin: 0;
  padding: 0;
}
.rodape .techText{
  float: left;
  padding: 0 5px;
  _padding: 0;
}
.rodape .techImg{
  float: left;
  background: url(/site/img/logoPV.png) no-repeat center top;
  height: 18px;
  width: 116px;
  text-indent: -15000px;
  display: block;
}
/* Rodapé End *

/* Internas do Press  Begin */
.caminho{
  margin: 10px 0;
  padding-left: 5px;
}
.TD_menu{
  padding-left: 10px;
}
.BgCaminho{
  border-bottom: 1px solid #e9e9e9;
  height: 40px;
  padding: 5px 0;
}
.TD_corpo{
  line-height:1.5;
}
.TD_corpo .titulo{
  font-size: 20px;
  border-bottom: 1px solid #e9e9e9;
  padding: 5px 0;
  color: #b51d1f;
  font-weight: bold;
}

.subtitulo{
  font-weight: bold;
  font-size: 16px;
  color: #b51d1f;
}

.TD_corpo a{
  color: #B51D1F;
/*  text-decoration: none;*/
  text-decoration: underline;
  font-weight: bold;
}
.TD_corpo a:hover{
  text-decoration: underline;
}
.TD_avatar{
  background:transparent url(/site/img/fundoCabecalho.png) repeat-x scroll center bottom;
  border:1px solid #D1D1D1;
}
.menu{
  line-height: 2em;
}
.formulario{
  background: transparent url(/site/img/fundoCabecalho.png) repeat-x scroll center bottom;
  border: 1px solid #e9e9e9;
}
.formulario input,.formulario textarea{
  color: #616161;
  font-size: 12px;
}
.alerta{
	background-color: #eee;
	border: 1px solid #d1d1d1;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	color: #616161;
}
/* Slider */
.scroller{
    width: 690px;
    height: 800px;
    background:url(/site/img/projPrateleira/frameBg.png) no-repeat center top;
    overflow: hidden;
}
#rail{
    width: 690px;
    text-align: center;
}
.section{
    width: 690px;
    height: 800px   
}
#rail h3{
    font-size: 18px;
    margin: 20px 0 10px;
    font-weight: normal;
}
#rail h3 a{
    color: #b51d1f;
}
#rail h4{
    font-size: 14px;
    margin: 2px 0 38px;
    font-weight: normal;
}
#rail p{
    line-height: 14px;
}
#home{
    background: url(/site/img/projPrateleira/homeBg.png) no-repeat center 140px;
    _background: url(/site/img/projPrateleira/homeBg.png) no-repeat center 120px;
    padding: 38px 0;
}
#comunidade, #meioAmbiente, #educacao, #oldProjects{
    padding: 20px 0 20px 10px;
    text-align: left;
}
#comunidade a, #meioAmbiente a, #educacao a, #oldProjects a{
    text-decoration: underline;
}
#options{
    width: 327px;
    height: 155px;
    margin: 0 auto;
}
#options #btnComunidade, #options #btnMeioAmbiente, #options #btnEducacao{
    background: url(/site/img/projPrateleira/btnProjects.png) no-repeat;
    display: block;
    float: left;
    width: 105px;
    height: 155px;
    text-indent: -15000px;
    margin: 0 2px;
    _margin: 0;
}
#options #btnComunidade{
    background-position: left top;
}
#options #btnComunidade:hover{
    background-position: left bottom;
}
#options #btnMeioAmbiente{
    background-position: center top;
}
#options #btnMeioAmbiente:hover{
    background-position: center bottom;
}
#options #btnEducacao{
    background-position: right top;
}
#options #btnEducacao:hover{
    background-position: right bottom;
}
#btnOldProjects{
    background: url(/site/img/projPrateleira/btnOldProjects.png) no-repeat;
    display: block;
    text-indent: -15000px;
    width: 201px;
    height: 77px;
    margin: 35px auto 0;
}
.breadcrumb, .breadcrumb a{
    color: #000;
    font-size: 16px;
    text-align: left;
}
.breadcrumb a{
    color: #b51d1f;
    background: url(/site/img/projPrateleira/breadcrumbArrow.gif) no-repeat 46px 12px;
    display: block;
    float: left;
    height: 35px;
    padding: 13px 0 0;
    width: 70px;
}
.breadcrumb{
    height: 48px;
}
.breadcrumb .arrow{
    vertical-align: middle;
    margin: 0 10px;
}
.breadcrumb a:hover{
    text-decoration: underline;
}
.breadcrumb #icoComunidade, .breadcrumb #icoMeioAmbiente, .breadcrumb #icoEducacao{
    height: 34px;
    padding: 15px 0 0 53px;
    _padding: 16px 0 14px 53px;
    display: block;
    float: left;
}
.breadcrumb #icoComunidade{
    background: url(/site/img/projPrateleira/icoComunidade.png) no-repeat left center;
}
.breadcrumb #icoMeioAmbiente{
    background: url(/site/img/projPrateleira/icoMeioAmbiente.png) no-repeat left center;
}
.breadcrumb #icoEducacao{
    background: url(/site/img/projPrateleira/icoEducacao.png) no-repeat left center;
}
.breadcrumb #oldProjects{
    height: 34px;
    padding: 15px 0 0;
    _padding: 14px 0;
    display: block;
    float: left;
}
.breadcrumb #linkProjPrateleira{
    background: url(/site/img/projPrateleira/icoProjPrateleira.png) no-repeat left center;
    height: 42px;
    padding: 8px 0 0 53px;
    _padding: 7px 0 7px 53px;
    display: block;
    float: right;
    font-size: 12px;
    width: 160px;
    _width: 210px;
}
.breadcrumb #linkProjPrateleira div{
    font-size: 16px;
}
/* Tables
-------------------------------------------------------------- */
.tabela tr:hover{background: #fff;}
.tabela       { margin: 5px 0; width:100%; }
.tabela th          { font-weight: bold; background: #eee; }
.tabela th,.tabela td       { padding: 4px 10px 4px 5px; font-size: 12px; border-bottom: 1px solid #ccc; }
.tabela tr:hover{background: #eee;}
.tabela tr.even td  { background: #E5ECF9; }
.tabela tfoot       { font-style: italic; }
.tabela caption     { background: #eee; }
/* Internas do Press  End*/