/*  Hospital do Câncer de Presidente Prudente 
----------------------------------------------

Design: Savannah Comunicação
E-mail: criativo3@savannah.com.br
Website: http://www.savannah.com.br/
Designer: Amilton L. Paglia

-------------------------------------------*/
/* Colors 'n Types 
-------------------------------------------*/
p 	 {font: 1.1em Arial, Helvetica, sans-serif; color:#444;}

/* Top
-------------------------------------------*/
#top ul li {display:inline;padding:1em 0 0 2em; float:left;}
#top h1 a {background: url(../images/logo-hcpp.gif) no-repeat; width:220px; height:170px; text-indent:-9999px; display:block; } 
#top ul {width:78em; height:42px; background: url(../images/bg-menu.gif) repeat-x;}
#top ul li a {font:1.4em Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:1em; display:block; }

#busca { width:30em; height:35px; line-height:38px; background: url(../images/bg-buscar.gif) no-repeat;position:relative; left:48em; top:1px;}
#busca form {position:relative;left:4em; width:25em;}
#busca form input {border:1px solid #fff;}
#busca label {font:1.2em Arial, Helvetica, sans-serif; color: #fff;}
#flashtopo { width:450px; height:115px; background:#0099FF; float:right; position:relative; top:2em; right:1.5em;}


/* Mid
-------------------------------------------*/
#mid { margin:2em 0 0 0;}
#mid h3 {color:#2d4084; font:bold 1.2em Arial, Helvetica, sans-serif;padding:0 0 0 2em;}
#mid ul {padding:2em 0 0 0; width:35em; float:left;}
#mid ul li {font: 1.2em Arial, Helvetica, sans-serif;padding:0 0 0 2em;}
#c1, #c2, #c3 {width:30%; float:left; padding:0 1em 2em 1em;}
#map {float:left;}
#map h3 {color:#2d4084; font:bold 1.2em Arial, Helvetica, sans-serif;padding:0 0 1.5em 2em;}

#c1 h1, #c1 h1 a {font:bold 14px Arial, Helvetica, sans-serif; color:#99cc33; margin:1em 0; text-decoration:none;}
#c1 h1 a:hover { text-decoration:underline;}
#c1 h2 a {font:bold 12px Arial, Helvetica, sans-serif; color:#0066cc;text-decoration:none;}
#c1 p {padding:0.5em 0 1.5em;}
#c1 h2 a:hover { text-decoration:underline;}
#c2 h1, #c2 h1 a {font:bold 14px Arial, Helvetica, sans-serif; color:#99cc33; margin:1em 0; text-decoration:none; clear:both;}
#c2 h1 a:hover { text-decoration:underline;}
#c3 h1, #c3 h1 a {font:bold 14px Arial, Helvetica, sans-serif; color:#99cc33; margin:1em 0; text-decoration:none; clear:both;}
#c3 h1 a:hover { text-decoration:underline;}

#c2 div.entry img {float:right;}
#c3 div.entry img {float:right;}

span.voltar a {font:1em Arial, Helvetica, sans-serif; color:#666;}

/* chamadas home */
span.saibamais a {font:bold 1.4em Arial, Helvetica, sans-serif; color:#99CC33; text-decoration:underline; clear:both;}
span.saibamais a:hover {text-decoration:none;}

/* Proximos Eventos */
#c3 ul {width:26em; height:24em; background: url(../images/bg-eventoscol.gif) no-repeat;}
ul#eventoscol h1 {font:bold 1.6em Arial, Helvetica, sans-serif; color:#fff; padding: 0 1em;}
ul#eventoscol li a{ font:bold 1em Arial, Helvetica, sans-serif; color:#333; text-decoration:none; line-height:2em;}
ul#eventoscol li {padding: 0 0 0 1.5em;}

/* Doações */
#donate {clear:both; width:78em; height:24em; margin:0 auto; background:url(../images/bg-doacoes.gif) no-repeat;}
#donate ul h1 {color:#fff; font:bold 1.6em Arial, Helvetica, sans-serif; padding-left:5em;}
#donate ul {width:40%;float:left;margin:5em 0.5em 0 2.5em;}
#donate ul li img {float:left; padding-right:1em;}
#donate ul li p { width:20em; padding:1em 1em 0 3em; }
#donate ul li p span a {font:bold 1.4em Arial, Helvetica, sans-serif;color:#fff;}

/* pag doações */ 

#doacoes {background:url(../images/bg-divdoacoes.gif) no-repeat; width:780px; height:453px; position:relative; bottom:1.1em; z-index:0;}
#doacoes h1 {font:bold 3.0em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em;}
#doacoes p { width:80%; font:1.1em Arial, Helvetica, sans-serif; padding:1em 0 0 2em;}
#doacoesdiv {width:80%;margin: 0 auto;}
#doacoes ul { width:48%; float:left;}
#doacoes ul img {float:left;}
#doacoes ul h1 {font: 1.8em Arial, Helvetica, sans-serif; color:#fff;}
#doacoes ul li p span a {font: 1.4em Arial, Helvetica, sans-serif; color:#fff;}
#doacoes ul li p span a:hover {text-decoration:none;}

/* Doações energia */
#form-energia {width:80%;}
#form-energia div {clear:left;}
#form-energia div label {float:left; width:30%; font:bold 1.2em Arial, Helvetica, sans-serif;}
#form-energia div label.valor {font:bold 1.6em Arial, Helvetica, sans-serif;}
#form-energia p { width:50%; padding:5px; font:1.2em;}

/* Pag Padrao*/

#padrao { width:75%;}
#padrao h2 {font:bold 1.6em Arial, Helvetica, sans-serif; color:#0066cc; padding:1em;}
#padrao  p.postmetadata { margin:1em; padding:0.8em; background:#eee; float:left; clear:both;}
div.post strong {font:bold normal Arial, Helvetica, sans-serif;}
div.post em {font-style:italic;}
div.entry p { width:80%;}

/* pag hospital */
#hospital {background:url(../images/bg-divhospital.gif) no-repeat; width:780px; height:527px; position:relative; bottom:1.1em; z-index:0;}
#hospital h1 {font:bold 3.0em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em;}
#hospital h2 {font:bold 1.4em Arial, Helvetica, sans-serif; color:#fff; padding:0.5em 0 0 1.8em;}
#hospital p { width:43%; font:1.1em Arial, Helvetica, sans-serif;float:left; padding:1em 2em 0 2em;}

/* pag eventos  */
#eventos {background:url(../images/bg-diveventos.gif) no-repeat; width:780px; height:232px; position:relative; bottom:1.1em; z-index:0;}
#eventos h1 {font:bold 3.0em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em;}
#eventos p { font: 1.2em Arial, Helvetica, sans-serif; width:80%; padding: 1.5em 0 0 2em;}
#eventoscol div {float:left; width:45%; padding:0 0 2em 2em; height:10em;}
#eventoscol div h2 {font:bold 1.2em Arial, Helvetica, sans-serif; color:#333; padding:1em 0 0 0.8em;}

/* pag serv */ 
#servicos {background:url(../images/bg-divserv.gif) no-repeat; width:780px; height:283px; position:relative; bottom:1.1em; z-index:0;}
#servicos h1 {font:bold 3.6em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em;}
#servicos h2 {font:bold 1.3em Arial, Helvetica, sans-serif; color:#fff; padding:0 0 2em 0;}
#servicos p {font:1.2em Arial, Helvetica, sans-serif;color:#fff;}
#servicos div {width:35em; float:left; padding:1em 0 0 1.5em;}
#servicos div span a {font:1.2em Arial, Helvetica, sans-serif;color:#fff; padding:1em 0 0 1em;}
#servicos div span a:hover { text-decoration:none;}
#servcol div {float:left; width:45%; padding:0 0 2em 2em; height:13em;}
#recursos { width:375px; background:url(../images/bg-fonte-cap.gif) no-repeat; padding:0 0 3em 0;}
#recursos p { width:95%; position:relative; bottom:1em;}
/*Fontes de captação de recursos */
#fontes h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#cc0000;}
#fontescol {padding:1em 0 1em 0;}
#fontescol div b a {font:bold 1em Arial, Helvetica, sans-serif;color:#333; padding:1em 0 0.8em 0;}
#fontescol div b a:hover {text-decoration:none;}
#fontescol div {float:left; width:45%; padding:0.5em 0 2em 2em; height:15em;}
#fontescol p {font:1.2em Arial, Helvetica, sans-serif;color:#666;}

/* pag voluntariado */
#voluntariado { background:url(../images/bg-divvoluntariado.gif) no-repeat; width:780px; height:472px; position:relative; bottom:1.1em; z-index:0;font:1.1em Arial, Helvetica, sans-serif;}
#voluntariado h1 {font:bold 3.6em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em;}
#voluntariado h2 {font:bold 1.4em Arial, Helvetica, sans-serif; color:#000; padding:1em 0 0 0.8em;}
#voluntariado div p { width:48%;font:1.1em Arial, Helvetica, sans-serif;}
#voluntariado div img {float:left; padding:1.3em 1em;}

#voluntariado2 { width:78em;}
#voluntariado2 div { width:100%;float:left; clear:both;}
#voluntariado2 img {float:right; padding:0.5em;}
#voluntariado2 p { width:48%;float:left; font:1.1 Arial, Helvetica, sans-serif; color:#333333;}
#voluntariado2 h2 {font:bold 1.4em Arial, Helvetica, sans-serif; color:#D9E02D;}

/* pag aapc */ 
#aapc {background:url(../images/bg-divaapc.gif) no-repeat; width:780px; height:330px; position:relative; bottom:1.1em; z-index:0;}
#aapc h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em; }
#aapc p {width:46%; color:#fff; float:left; padding:2em 0 0 1.5em;}

/* pag noticias */
#noticias {background:url(../images/bg-divbalanco.gif) no-repeat; width:780px; height:200px; position:relative; bottom:1.1em; z-index:0;clear:both;}
#noticias h1 {font:bold 3em Arial, Helvetica, sans-serif; color:#99CC33; padding:1em 0 0 1em; width:45%;}
#noticias p {width:80%; padding:1em 0 5em 1.5em;}
#noticias-col {float:left; width:70%; padding:0 0 2em 0.5em; clear:both;}
#noticias-col h2 a {font:bold 14px Arial, Helvetica, sans-serif; color:#0066cc; clear:both; padding:0 0 0.5em 0;}
/* pag balanco-aapc */
#balanco-aapc {background:url(../images/bg-divbalanco.gif) no-repeat; width:780px; height:450px; position:relative; bottom:1.1em; z-index:0;clear:both;}
#balanco-aapc h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#99CC33; padding:1em 0 0 1em; width:45%;}
#balanco-aapc p {width:80%; padding:1em 0 5em 1.5em;}
#balanco-aapc table {width:70%; padding:3em 0 0 3%; float:left; clear:both; margin:0 0 0 10em;}
#balanco-aapc table th {font:bold 1.4em Arial, Helvetica, sans-serif; color:#fff; padding:0.5em; background:#0099FF; }
#balanco-aapc table td {font:1.2em Arial, Helvetica, sans-serif; color:#666; height:3em; line-height:3em;padding:0 1em; }
#balanco-aapc table tr {background:#fff;}
#balanco-aapc table tr.highlight {background:#efefef;}

/* pag projetos */
#projetos {background:url(../images/bg-divprojetos.gif) no-repeat; width:780px; height:202px; position:relative; bottom:1.1em; z-index:0;}
#projetos h1 {font:bold 3em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 0 1em; width:45%;}
#projetos p {width:70%; font:1.2em Arial, Helvetica, sans-serif; color:#fff; padding:1em 0 1em 1.5em;}
#projetoscol {float:left; clear:both; padding:0 0 2em 2em;}
#projetoscol div h2 {font:bold 1.4em Arial, Helvetica, sans-serif; color:#993399; padding:1em 0 1.5em 1em;}
#projetoscol div {width:40%; padding:0 0 0 3em; float:left;}
/* Medula */
#medula h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#993399; padding:0.5em 0 0 1em; width:50%;}
#medula p {font:1.1em Arial, Helvetica, sans-serif; color:#333333; width:70%; padding:0.8em 0 0 1em;}

/* pag doacao pessoa fisica */
#mid #pfisica h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#99cc33; padding:1em 0 1.5em 1em;}
div#pjuridica p {width:80%; padding:1em 0 0 1em;}
/* doacao energia  */
#doacao-energia h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#99cc33; padding:1em 0 1.5em 1em;}

/* Galeria */
#galeria h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#99cc33; padding:1em 0 1.5em 1em;}

/* sub-pags */
#mid #subpag h2 {font:bold 2em Arial, Helvetica, sans-serif; color:#99cc33;}

/* Busca */
#buscadiv h1 {font:bold 2em Arial, Helvetica, sans-serif; color:#99cc33;}
#buscadiv h3 {font:1.2em Arial, Helvetica, sans-serif; color:#333; padding:0.4em; background:#FFFFCC; border:1px solid #FF9900; text-align:center;}
#buscadiv p {text-align:center; margin:0 auto;}
#buscadiv div.post {padding:0 0 1em 0;}
#buscadiv div.post h2 a {font:1em Arial, Helvetica, sans-serif; color:#0066cc;text-decoration:underline;}
#buscadiv div.post span {font:1em Arial, Helvetica, sans-serif; color:333;}
#navbusca span a {font:1em Arial, Helvetica, sans-serif; color:#99cc33;}
/* footer
-------------------------------------------*/
#foot {float:left;clear:both; width:78em; margin:0 auto;}
#foot ul li {display:inline;}
#foot h2 { margin-top:3em;background: url(../images/thumb-logo-hcpp.gif) no-repeat; width:100px; height:70px; text-indent:-9999px;float:left;}
#foot p {margin-top:5em;}
#foot ul {margin: 1em 0 1em 0;width:78em; }
#foot h1 {font:bold 14px Arial, Helvetica, sans-serif; color:#99cc33; margin:1em 0; text-decoration:none;padding-top:2em;}