/*
 * @empresa: www.icomp.com.br 
 */

/* Logo tipo no Topo, usa técnica de image replacement */
h1#logo {width:254px; height:145px; background-image:url(../images/logo.jpg);}
h1#logo span { display:none; }
h5.oculta { display:none; }
#banner {margin-top:-17px;}
#banner a.retorno {display:block; height:145px; width:245px; position:absolute; top:0;}
#banner a.retorno span {display:none;}
/*imagen do hr personalizado */
.hr_img {width:294px; height:6px; background:url(../images/hr-trans.png) no-repeat; margin:1em 0;}

/* tipografia do documento */
h3 {margin-top:0.5em; }
p.vermelho { color:#A35D6B;}
a {color:#fff;}
.links_com_cor_branca a {color:#fff;}
.cor_amarela_com_negrito, .links_com_cor_amarela a {color:#FFFF00; font-weight:bold;}
.links_com_cor_vermelha a {color:#A35D6B; font-weight:bold;}
.links_com_cor_vermelha {margin-top:50px;}
.sub_titulo {color:#fff; font-weight:bold; font-size:1em;}
.margem-encostada { margin-left:0;}

/*marcacao do breadcrumb*/
.breadcrumb{ font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.breadcrumb li {float:left; list-style:none; margin:10px 0;}
.breadcrumb a{ text-decoration: underline; margin-right:5px; color: #fff; }
.breadcrumb a:visited, .breadcrumb a:active{ color: #fff; }
.breadcrumb a:hover{text-decoration: underline; }
#migalhas_de_pao {margin-left:-18px;}
/* caixa de texto com conteúdos */
.caixa {width:314px; height:198px; background-image:url(../images/bg_agenda-trans.png); margin-left:-5px; }
.caxa_no_img { width:314px; height:198px; }
.caixa_fotos{ width:309px; height:223px; background-image:url(../images/bg_galeriadefotos.jpg); }
.caixa_no_img p { margin:0.8em; margin-top:0; margin-left:0;}
.caixa p { margin:0.8em; margin-top:0;}

/* configuração para o menu to estilo horizontal ( menu em barra ) */
.menu, .menu_rodape, .menu * {margin:0; padding:0;}
.menu {list-style:none; float:left; z-index:-1}
.menu li {width:149px; height:149px; float:left;}
.menu li a { text-decoration:none;}
.menu li a span {display:none;}

/* botoes personalizados do menu */
.palestra { background-image:url(../images/bt_palestras-trans.png);}
.perfil {background-image:url(../images/bt_perfil-trans.png);}
.depoimentos {background-image:url(../images/bt_depoimentos-trans.png);}
.publicacoes {background-image:url(../images/bt_publicacoes-trans.png);}
.contato {background-image:url(../images/bt_contato-trans.png);}
.ilustracao {background:url(../images/ilustracao_maria_augusta-trans.png) no-repeat;  position:absolute; width:291px; height:318px; right:0; top:35px; float:right; z-index:-2;}
.palestra a, .perfil a, .depoimentos a, .publicacoes a, .contato a { height:100%; display:block;}

/* regras para o menu rodapé */
.assinatura_icomp {float:right; font-family:tahoma; font-size:9px; }
.menu_rodape {float: left; margin-left:-22px;}
.menu_rodape li {float:left; margin-left:5px; list-style:none; }
.menu_rodape li a {text-decoration:underline; color:#FFF;}

/* regras para a tecnica de troca de imagens nos títulos da página index.html */
#agenda, #galeria, #depoimentos, #fotos_recentes, #curriculo, #publicacoes, #contato {margin-top:20px;}

#agenda h3, #agenda h2, #contato h3, #galeria h3, #lancamentos h3, #depoimentos h2, #depoimentos h3, #fotos_recentes h2, #seminarios h2, #palestras h2, #curriculo h2, #formacao h2, #atuacao_profissional h2, #descricao h2, #contato h2, #publicacoes h2 {width:309px; height:33px;}

#agenda h3 { background:url(../images/tit_agenda.gif) no-repeat;}
#agenda h2 {background:url(../images/tit_perfil.gif) no-repeat;}
#agenda h2 span {display:none;}
h3#contato { background:url(../images/tit_entreemcontato.gif) no-repeat; margin-bottom:0;}
#contato p {margin-top:0;}
#galeria h3 {background:url(../images/tit_galeriadefotos.gif) no-repeat;}
h3#lancamentos {background:url(../images/tit_lancamentos.gif) no-repeat;}

#agenda p img {
border:3px solid #FFFFFF;
margin:0.5em 0.5em 0.2em 0;
}
#agenda p.perfil_index {margin-top:25px;}
/* regras para a tecnica de troca de imagens nos títulos da página palestras.html */
#seminarios_coluna3 {width:304px;}
#palestras_coluna3 {width:315px;}
#fotos_recentes h2 {background:url(../images/tit_fotosrecentes.gif) no-repeat;}
#seminarios h2 {background:url(../images/tit_seminarios.gif) no-repeat;}
#palestras h2 {background:url(../images/tit_palestras.gif) no-repeat;}

#seminarios h3 {color:#FFFF00;}
#seminarios {margin-bottom:0.8em;}
a.efeito .pop { display:block; width:300px; height:300px; position:absolute; top:0; left:12.0em; visibility:hidden; }
a.efeito:hover .pop{visibility:visible;}
#palestras p {margin-top:0.5em;}
#palestras p:first-letter {margin-left:0.8em;}

/* regras para a tecnica de troca de imagens nos títulos da página perfil.html */
#info_pessoal, #formacao {margin-right:20px; width:305px;}
#info_pessoal p img { margin:0.5em 0.5em 0.2em 0; border:3px solid #fff;}
#curriculo h2 {background:url(../images/tit_perfil.gif) no-repeat;}
#formacao h2 {background:url(../images/tit_formacao.gif) no-repeat;}
#atuacao_profissional h2 {background:url(../images/tit_atuacaoprofissional.gif) no-repeat;}
#descricao h2 {background:url(../images/tit_autoradelivros.gif) no-repeat; }
#palestrante {margin-bottom:2em;}
#palestrante h2 {background:url(../images/tit_algumasparticipacoes.gif) no-repeat; width:350px; height:33px;}

/*regras para a tecnica de troca de imagens nos títulos da página depoimentos.html*/
#depoimentos h2 {background:url(../images/tit_depoimentos.gif) no-repeat;}
#depoimentos h3 {background:url(../images/tit_depoimentos.gif) no-repeat; width:160px;}

.paginacao_depoimentos {float:right; margin-top:-48px;}
.paginacao_depoimentos_baixo {float:right;}
.paginacao_depoimentos li, .paginacao_depoimentos_baixo li {float:left; margin:10px 0 0 10px; list-style:none;}

#voltar_ao_topo {color:#FFF; width:100px; height:20px; background-color:#FF99CC; position:fixed; bottom:0; left:50%; margin-left:30em;}
#voltar_ao_topo a {text-decoration:none; color:#FFF;}

#espaco_depoimentos p:first-letter {margin-left:0.9em !important;}
#espaco_depoimentos p {margin-bottom:20px;}
/* regras para a tecnica de troca de imagens nos títulos da página publicacoes.html */
#publicacoes h2 {background:url(../images/tit_publicacoes.gif) no-repeat;}
#publicacoes {margin-bottom:20px;}
#publicacoes ul {margin-left:-10px;}
.livros_meio {width:285px !important; margin-left:30px !important;}

/* regras para a tecnica de troca de imagens nos títulos da página contato.html */
#contato h2 {background:url(../images/tit_contato.gif) no-repeat;}
#formulario_contato {margin-top:7%;}

#agenda h3 span, #galeria h3 span, #lancamentos h3 span, #depoimentos h2 span, #depoimentos h3 span, #fotos_recentes h2 span, #seminarios h2 span, #palestras h2 span, #curriculo h2 span, #formacao h2 span, #atuacao_profissional h2 span, #descricao h2 span, #palestrante h2 span, #contato h2 span, #publicacoes h2 span {display:none;}

/* fotos que ficam na pagina princapal nos slides da galeria de fotos*/
#banner {float:left;}
#banner p { height:20px; width:820px; margin-top:25px;}
#galeria_fotos img {width:303px; height:201px; margin:5px 0 0 3px;}

/* imagem dos livros */
#thumb_livro p img {float:left; margin-left:0.8em;}
#thumb_livro em {color:#fff; font-weight:bold;}

/* botao deixe seu depoimento */
.bt_dep { margin:25px 0 30px 10px; width:300px; height:48px; background:url(../images/bt_deixeseudepoimento.jpg) no-repeat; }
.bt_dep a {text-decoration:none; display:block; height:100%;}
.bt_dep a span {display:none;}

/* botoes de controle dos sliders */
.anterior {float:left;}
.proximo {float:right;}
.anterior, .proximo {cursor:pointer;}

#botoes a.anterior {background:url(../images/seta_esquerda.gif) no-repeat; width:50px; height:96px; margin-top:85px; margin-right:0.8em;}
#botoes a.proximo {background:url(../images/seta_direita.gif) no-repeat; width:50px; height:96px; margin-top:85px; margin-left:0.8em;}
#botoes a.anterior span, #botoes a.proximo span {display:none;}


/*Estilos aplicados a página perfil.html*/
#slide_livros {overflow:hidden; height:300px; width:550px;}
#slide_livros ul {width:1000px; }

#slide_livros ul li { float:left; margin-left:10px; margin-bottom:5px; list-style:none;}
#slide_livros a img { border:none;} 

#slide_certificados {overflow:hidden; height:290px; width:820px;}
#slide_certificados ul {width:5200px;}
#slide_certificados ul li {float:left; margin-left:70px; width:360px; margin-bottom:5px; list-style:none;}

/* página palestras */
#slide_de_fotos { overflow:hidden; height:290px; width:820px;}
#slide_de_fotos ul { width:2330px;}
#slide_de_fotos ul li {float:left; margin: 5px 10px; list-style:none;}

/* pagina publicacoes */
.lista_de_livros ul {width: 690px;}
.lista_de_livros li {float:left; width:316px; list-style:none; margin-left:0.5em;}
.empurra_texto {margin-left:103px;}

/* formularios */
#formulario_contato p, #formulario_depoimentos p {margin-left:135px;}

#deixe_depoimento {margin-left:135px;}
#coluna_campos_formulario2 {margin-left:0px; width:190px;}
.formularios label {display:block; }
.formularios textarea {width:460px; border:#FFCCFF;}
.botao_enviar {border:none; margin-bottom:0.8em; float:right; margin-right:-16px;}
#coluna_campos_formulario input {width:250px;}
#coluna_campos_formulario input, #coluna_campos_formulario2 input {border:#FFCCFF;}
#coluna_campos_formulario select {width:250px;}
#coluna_campos_formulario select, #coluna_campos_formulario2 select {border:#FFCCFF; margin-top:0; }


<title>Depoimentos | Maria Augusta Rossini - pedagoga, escritora, paletrante e professora</title>