/*
Cliente: HSBC
Projeto: Selecao de Projetos - Cartao Instituto HSBC Solidariedade
*/

div#mapa { margin-bottom: 20px; }

div#mapa ul.mapa { float: right; width: 400px; height: 316px; margin: 0; background: url(../imagens/selecao_projetos/resultados_mapa.png) right top no-repeat; position: relative; list-style: none; }
div#mapa ul.mapa li { position: absolute; width: 15px; height: 15px; text-indent: -9999em; overflow: hidden; }

div#mapa ul.mapa li#mapa_ac { margin: 118px 0 0 118px; }
div#mapa ul.mapa li#mapa_al { margin: 114px 0 0 382px; }
div#mapa ul.mapa li#mapa_ap { margin:  25px 0 0 255px; }
div#mapa ul.mapa li#mapa_am { margin:  74px 0 0 157px; }
div#mapa ul.mapa li#mapa_ba { margin: 136px 0 0 337px; }
div#mapa ul.mapa li#mapa_ce { margin:  76px 0 0 355px; }
div#mapa ul.mapa li#mapa_df { margin: 153px 0 0 286px; }
div#mapa ul.mapa li#mapa_es { margin: 195px 0 0 339px; }
div#mapa ul.mapa li#mapa_go { margin: 166px 0 0 266px; }
div#mapa ul.mapa li#mapa_ma { margin:  72px 0 0 305px; }
div#mapa ul.mapa li#mapa_mt { margin: 137px 0 0 224px; }
div#mapa ul.mapa li#mapa_ms { margin: 196px 0 0 232px; }
div#mapa ul.mapa li#mapa_mg { margin: 183px 0 0 312px; }
div#mapa ul.mapa li#mapa_pa { margin:  76px 0 0 248px; }
div#mapa ul.mapa li#mapa_pb { margin:  95px 0 0 383px; }
div#mapa ul.mapa li#mapa_pr { margin: 232px 0 0 255px; }
div#mapa ul.mapa li#mapa_pe { margin: 104px 0 0 367px; }
div#mapa ul.mapa li#mapa_pi { margin:  92px 0 0 335px; }
div#mapa ul.mapa li#mapa_rj { margin: 215px 0 0 322px; }
div#mapa ul.mapa li#mapa_rn { margin:  79px 0 0 377px; }
div#mapa ul.mapa li#mapa_rs { margin: 278px 0 0 241px; }
div#mapa ul.mapa li#mapa_ro { margin: 124px 0 0 165px; }
div#mapa ul.mapa li#mapa_rr { margin:  20px 0 0 181px; }
div#mapa ul.mapa li#mapa_sc { margin: 254px 0 0 269px; }
div#mapa ul.mapa li#mapa_se { margin: 124px 0 0 367px; }
div#mapa ul.mapa li#mapa_sp { margin: 211px 0 0 278px; }
div#mapa ul.mapa li#mapa_to { margin: 121px 0 0 284px; }

div#mapa ul.mapa li a { display: block; height: 100%; }
div#mapa ul.mapa li#info { font-size: 9px; color:#666; height:55px; margin:172px 0 0 115px; text-indent:0; width:95px; }
div#mapa ul.mapa li#info strong { font-size: 10px; }

div#mapa strong { color: #920d0d; }

div#mapa ul.dadosprojetos { width: 180px; padding: 0; margin: 7px 0 0; position: absolute; }
div#mapa ul.dadosprojetos li { list-style: inside disc; margin: 10px 0; }

/*
#mapa p { position: absolute;  }
#mapa p strong { color: #920d0d; }
*/

        
#conteudo { min-height: 280px; }
* html #conteudo { height: 250px; }

#conteudo h3,
#conteudo h4,
#conteudo h4 { font-family: "Arial", "Helvetica", sans-serif; }

#conteudo h4 span { font-weight: bold; font-size: 1em; }

#conteudo h4,
#conteudo h3 { font-weight: normal; color: #3c4463; }

#conteudo h4 { margin: 10px 0 20px; font-size: 16px; }
#conteudo h3 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #fb0; font-size: 18px; text-transform: uppercase; background-color: #fff !important; width: auto; }

#conteudo .estado { float: left; width: 290px; }
#conteudo .estado img { display: block; margin: 1em auto; }

#conteudo .estado p { clear: both; width: 118px; height: 70px; padding: 15px 0 0 82px; background: url(../imagens/selecao_projetos/resultados_estado_instrucao_bg.jpg) no-repeat; }
#conteudo .estado p a { font-weight: bold; color: #920d0d; }
        
#conteudo h5,
#conteudo ul.projetos { margin-left: 280px; }

#conteudo h5 { margin-bottom: 8px; font-size: .9em; color: #3c4463; }

#conteudo ul.projetos { list-style: none; }
#conteudo ul.projetos li { margin-bottom: 7px; padding-left: 10px; background: url(../imagens/selecao_projetos/seta_bordo.gif) 0 2px no-repeat; }
#conteudo ul.projetos li a { font-weight: bold; color: #3c4463 !important; }
        
          /* ------- PROJETO ------- */
          #conteudo .estado { width: 280px; }
          
          #conteudo .dados { margin-left: 270px; }
          #conteudo .dados h3,
          #conteudo .dados p { margin: 0 10px 10px; }
          
          #conteudo .dados div { margin-bottom: 1em; padding-top: 10px; border-bottom: 2px solid #e5e5e5; }
          #conteudo .dados h3 { clear: none; margin-bottom: 5px; padding: 0; border: 0; font-size: 1.1em; text-transform: none; color: #3c4463; }
          #conteudo .dados h3 span { display: block; color: #3c4463; font-weight: bold; }
          #conteudo .dados h3 strong { display: block; font-size: 1.27em; font-weight: bold; text-transform: uppercase; }
          #conteudo .dados h5 { margin: 0 0 11px; padding: 2px 11px; background: #3c4463; color: #fff; }
          #conteudo .dados .imagem { text-align: center; margin-bottom: 8px; padding-top: 0; background: url(../imagens/resultados_projeto_imagem_bg.gif) #fff repeat-y; border-bottom: 0; }
          
          #conteudo .dados .imagem img { display: inline-block; margin: 5px 0; }

          #conteudo .dados ul,
          #conteudo .dados ol { margin: 15px 0 1em 25px; padding: 0; }

          #conteudo .dados ol li { list-style: decimal; margin: 10px 0; }

          #conteudo .dados ol li p { margin: 0; }
      

          #conteudo .dados a.site { color: #3C4463 !important; font-weight: bold; padding-left: 10px; margin-bottom: 10px; display: block; }

          #conteudo .dados a.voltar { color: #920d0d !important; font-weight: bold; }

      
#conteudo .acao { display: block; width: 446px; height: 38px; margin-top: -5px; padding: 44px 0 0 19px; background: url(../imagens/conheca_acao_bg.png) no-repeat; }
#conteudo .acao a { font-size: 1.27em; color: #fb0; }
#conteudo .acao a:hover { text-decoration: none; }
      
#conteudo ol#lista_perguntas { display: none; margin: 0 0 2em 2em; font-weight: bold; }
#conteudo ol#lista_perguntas li { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #eee; }
#conteudo ol#lista_perguntas a { font-weight: normal; color: #3c4463; }
#conteudo dl.perguntas { margin-bottom: 4em; zoom: 1; }
#conteudo dl.perguntas dt { clear: both; margin-bottom: 2px; padding-top: 8px; border-top: 1px solid #fb0; font-size: 1em; font-weight: bold; color: #3c4463; }
#conteudo dl.perguntas dd { margin-bottom: 1em; color: #666; }
#conteudo ol.fluxo { padding-bottom: 0; }