body {
 background:#fcf7f7 url(imagens/fundo-topo.jpg) left top repeat-x;
 color:#3D383B;
 font:normal 62.5% verdana, "lucida grande", sans-serif;
 padding:0 0 60px 0;
 text-align:center;
 }
 
.limpa { clear:both; }

.esquerda { float:left; }

.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
 }
.clearfix {
 display: inline-block;
 }
/* start commented backslash hack \*/
* html .clearfix {
 height: 1%;
 }
.clearfix {
 display:block;
 }
 
#topo, .conteudo, #extras, #base {
 margin:0 auto;
 text-align:left;
 width:960px;
 }

#topo {
 padding:30px 0;
 }
 
h1 {
 float:left;
 height:22px;
 overflow:hidden;
 position:relative;
 text-indent:-5000px;
 width:339px;
 }
 
h1 a {
 background:url(imagens/logo.gif) left top no-repeat;
 display:block;
 height:100%;
 width:100%;
 }
 
h1 a:hover {
 background:url(imagens/logo.gif) left bottom no-repeat;
 }
 
ul#menu {
 background:url(imagens/fotos-menu.gif) left center no-repeat;
 float:right;
 font:normal 1.64em/1 georgia, "times new roman", serif;
 letter-spacing:-1px;
 padding-left:70px;
 text-transform:lowercase;
 }
 
ul#menu li {
 display:inline;
 height:30px;
 line-height:30px;
 padding:0 0 0 12px;
 }
 
ul#menu li a {
 color:#B091A5;
 text-decoration:none;
 }
 
ul#menu li.current {
 color: #B091A5;
 background:url(imagens/current.gif) center 50% no-repeat;
 }
 
.conteudo {
 margin-top:24px;
 position:relative;
 }
 
#extras-wrapper {
 background:#FCEAF6;
 margin-top:24px;
 padding:12px 0;
 width:100%;
 }
 
#contato, #formulario, #dicas {
 float:left;
 }
 
#base {
 margin-top:24px;
 text-align:center;
 }
 
address#contato, #dicas p {
 color:#b091a5;
 font-size:1.1em;
 font-style:normal;
 line-height:1.4;
 padding:6px 24px 6px 0;
 width:291px;
 }
 
address#contato a.email {
 background:url(imagens/envelopinho.gif) left center no-repeat;
 padding-left:12px;
 }
 
address#contato a, #dicas p a {
 color:#B091A5;
 }
 
address#contato:hover, #dicas p:hover {
 color:#64485a;
 }
 
address#contato:hover a, #dicas p:hover a {
 color:#7D4E6E;
 }
 
span.fn {
 font:normal 1.64em/1 georgia, "times new roman", serif;
 letter-spacing:-1px;
 }
 
#formulario {
 background:url(imagens/formulario.png) left top no-repeat;
 padding:6px 24px;
 position:relative;
 width:267px;
 }
 
#formulario input, #formulario textarea {
 background:#fbf1f8;
 border:1px solid #ebdae5;
 color:#9AAEB0;
 font:normal 1.1em verdana, "lucida grande", sans-serif;
 padding:6px;
 }
 
#formulario input:focus, #formulario textarea:focus {
 background:#fff;
 }
 
#formulario label {
 color:#b091a5;
 font-size:1.1em;
 }
 
#formulario:hover input, #formulario:hover textarea {
 background:#fff;
 }
 
#formulario:hover label {
 color:#64485a;
 }
 
#submitter {
 background-color:#fbf1f8;
 border:1px solid #ebdae5;
 color:#9AAEB0;
 cursor:pointer;
 display:block;
 font:normal 1.1em verdana, "lucida grande", sans-serif;
 margin:8px 0 0 auto;
 padding:6px;
 width:132px;
 }
 
#mensagem {
 margin-bottom:6px;
 }
 
#nome, #email {
 margin-bottom:8px;
 width:117px;
 }
 
#nome {
 margin-right:4px;
 }
 
#mensagem {
 overflow:auto;
 width:255px;
 }
 
#log_res {
 font-size:1.1em;
 color:#b091a5;
 margin-top:8px;
 }
 
#log_res.ajax-loading {
 padding:20px 0;
 background:url(imagens/loading.gif) no-repeat center;
 }
 
#dicas {
 padding:6px 0 6px 24px;
 width:291px;
 }
 
#dicas h2 {
 background:url(imagens/boasdicas.gif) left top no-repeat;
 height:40px;
 text-indent:-5000px;
 width:200px;
 }
 
#dicas a {
 
 }
 
#dicas strong {
 color:#FCEAF6;
 }
 
#dicas:hover strong {
 background:#ECD6E2;
 color:#fff;
 }
 
ul#menuzinho {
 font-size:1.1em;
 line-height:1.4;
 margin-bottom:1em;
 }
 
ul#menuzinho li {
 display:inline;
 padding:0 .2em;
 }
 
ul#menuzinho li a {
 color:#B091A5;
 padding:.1em;
 }
 
ul#menuzinho li a:hover, li#menuzinho-current a {
 background:#fff9d3;
 text-decoration:none;
 }
 
#base p {
 color:#9AAFB0;
 font-size:1.1em;
 }
 
#base p a {
 color:#9AAFB0;
 }
 
#base p a:hover {
 background:#fff9d3;
 text-decoration:none;
 }
 
img#capa {
 float:left;
 }
 
#boasvindas {
 float:right;
 padding:12px 0 0 0;
 width:315px;
 }
 
#boasvindas p {
 color:#85B080;
 font:normal 1.8em/1.4 georgia, "times new roman", serif;
 letter-spacing:-1px;
 }
 
#boasvindas p em {
 font-style:italic;
 }
 
h2.titulo {
 color:#fff;
 font:normal 1.8em/1 georgia, "times new roman", serif;
 letter-spacing:-1px;
 }
 
h2.titulo span {
 background:#A7C7C9;
 padding:.2em .3em;
 }
 
#fotos {
 width:609px;
 }
 
#fotos .miniatura {
 float:left;
 }
 
.miniatura {
 height:101px;
 width:101px;
 }
 
.miniatura img {
 background:#fff;
 color:#fff;
 padding:8px;
 }
 
.miniatura a img {
 background:url(imagens/miniatura.png) left top no-repeat;
 }
 
.miniatura a:hover img {
 background:url(imagens/miniatura.png) left bottom no-repeat;
 margin:-2px 0 0 -2px;
 }
 
.info {
 position:absolute;
 right:0;
 text-align:center;
 top:0;
 width:315px;
 }
 
.foto {
 position:relative;
 text-align:center; 
 }
 
.foto img, img#capa {
 background:#fff;
 padding:8px;
 }
 
.imagem img, img#capa {
 border:1px solid #FEEBE4;
 }
 
#anterior, #proxima {
 position:absolute;
 top:0;
 }
 
#anterior {
 left:0;
 }
 
#proxima {
 right:0;
 }
 
#anterior span, #proxima span {
 display:none;
 height:21px;
 position:absolute;
 text-indent:-5000px;
 width:99px;
 }
 
#anterior a:hover span, #proxima a:hover span {
 display:block;
 position:absolute;
 }
 
#anterior span {
 background:url(imagens/fotoanterior.gif) left top no-repeat;
 bottom:-18px;
 right:-24px;
 }
 
#proxima span {
 background:url(imagens/fotoproxima.gif) left top no-repeat;
 top:-16px;
 left:-24px;
 }
 
p.navega {
 color:#85B080;
 font-size:1.1em;
 margin-top:12px;
 }
 
p.navega a {
 color:#85B080;
 }
 
p.navega a:hover {
 background:#ECFCEA;
 text-decoration:none;
 }
 
#mapa {
 margin:0 auto;
 width:600px;
 }
 
#mapa p {
 font-size:1.1em;
 }
 
#mapa p a {
 color:#85B080;
 }
 
#mapa p a:hover {
 background:#ECFCEA;
 text-decoration:none;
 }
 
.dica {
 float:left;
 padding:24px;
 width:412px;
 }
 
.dica h2 {
 height:74px;
 margin-bottom:24px;
 text-indent:-5000px;
 width:250px;
 }
 
h2#dicas-pais {
 background:url(imagens/dicas-pais.gif) left top no-repeat; 
 }
 
h2#dicas-gestantes {
 background:url(imagens/dicas-gestantes.gif) left top no-repeat;
 }
 
.dica ul {
 font-size:1.1em;
 line-height:2;
 }
 
.dica ul li {
 margin-bottom:2em;
 }
 
.dica ul li em {
 background:#feffba;
 font-style:normal;
 }