/* Instituto Brasileiro de Naturologia - http://www.institutodenaturologia.org.br - v1

Programação CSS e (X)HTML - Francisco dos Santos - fcasantos@yahoo.com

Design Gráfico - Cátia Veloso - http://www.kryiadesign.com.br */

/* Adicionando regras adicionais ao documento principal "ibn.css" */
@import url('bg-terapias.css');
@import url('bg-cons-ativ.css');

/* Todas as páginas */
body {
    background: #fff url('../imagens/bg-body.gif') repeat-x 0 0;
    font: normal 0.9em/1.1 arial, helvetica, serif;
    color: #676767;
}

#MenuPrincipal {
    position: absolute;
    left: 406px;
    top: 5px;
}

#MenuSecundario {
    position: absolute;
    left: 322px;
    top: 77px;
    z-index: 30;
}

#MenuSecundario ul {
    display: none;
    width: 128px;
    height: 390px;
    border: 1px solid #58b370;
}

#MenuSecundario li:hover ul {
    display: block;
    position: absolute;
    left: -18px;
    top: 19px;
    background-color: #fff;
}

#MenuSecundario li:hover ul li {
    display: block;
    width: 100%;
    float: left;
    clear: left;
    font-size: 0.75em;
    border-bottom: 1px solid #58b370;
}

#MenuSecundario li ul li a {
    display: block;
    padding: 2px 2px 2px 6px;
    text-decoration: none;
    color: #58b370;
}

#MenuSecundario li ul li a:hover {
    background-color: #58b370;
    color: #fff;
}

#MenuPrincipal li, #MenuSecundario li {
    float: left;
}

#Rodape, #IBNHome p {
    display: none;
}

/* index.html */
#Conteudo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -371px;
    margin-top: -282px;
    width: 742px;
    height: 563px;
}

#IBNHome #Conteudo {
    background: #fff url('../imagens/bg-home.jpg') no-repeat 0 0;
}

#Logo  {
    display: block;
    position: absolute;
    top: 27px;
    left: 16px;
    width: 257px;
    height: 94px;
}

#IBNHome ol li {
    margin-bottom: 4px;
}

/* Formulário de Cadastro - index.html*/
#IBNHome form {
    position: absolute;
    top: 382px;
    left: 559px;
    font-size: 0.85em;
}

#IBNHome input {
    width: 80px;
    height: 11px;
    border: 1px solid #676767;
}

#IBNHome button {
    background-color: #fff;
    border: none;
    margin-left: 29px;
}

/* Imagem de fundo, principal e secundária, de todas as páginas do site, exceto index.html */
#IBNAcupuntura #Conteudo, #IBNAromaterapia #Conteudo, #IBNAuriculoterapia #Conteudo,
#IBNAyurveda #Conteudo, #IBNCalatonia #Conteudo, #IBNChiKung #Conteudo,
#IBNCromoterapia #Conteudo, #IBNDancasCirculares #Conteudo, #IBNDancaDoVentre #Conteudo,
#IBNFlorais #Conteudo, #IBNFitoterapia #Conteudo, #IBNFisioterapia #Conteudo,
#IBNFisioEstetica #Conteudo, #IBNGeoterapia #Conteudo, #IBNHidroterapia #Conteudo,
#IBNMagnified #Conteudo, #IBNMassoterapia #Conteudo, #IBNMeditacao #Conteudo,
#IBNPilates #Conteudo, #IBNRadionica #Conteudo, #IBNReiki #Conteudo, 
#IBNSeichim #Conteudo, #IBNYoga #Conteudo, #IBNIridologia #Conteudo, 
#IBNRyodoraku #Conteudo, #IBNSinaisReflexos #Conteudo, #IBNReflexologia #Conteudo, 
#IBNArteIntegrativa #Conteudo, #IBNBdort #Conteudo, #IBNConsultas #Conteudo,
#IBNAtividades #Conteudo, #IBNEquipe #Conteudo, #IBNCursos #Conteudo, #IBNHomeCia #Conteudo,
#IBNContato #Conteudo, #IBNInstituto #Conteudo, #IBNArtigos #Conteudo, #IBNLinks #Conteudo,
#IBNMidia #Conteudo, #IBNDancaDoVentre2 #Conteudo, #IBNWorkshop #Conteudo,
#IBNPalestras #Conteudo, #IBNPilates2 #Conteudo, #IBNYoga2 #Conteudo, #IBNDancaDoVentre2 #Conteudo,
#IBNProfissional #Conteudo, #IBNNaturologia #Conteudo {
    background: #fff url('../imagens/bg-outraspg.jpg') no-repeat 0 0;
}

/* Formatação do texto em todas as páginas */
#Texto {
    position: absolute;
    bottom: 0;
    width: 741px;
    height: 441px;
}

#EqTexto, #CurTexto {
    position: absolute;
    bottom: 5px;
    width: 738px;
    height: 439px;
}

#Texto span {
    position: absolute;
    display: block;
    width: 220px;
    height: 67px;
    left: 0;
    top: 3px;
}

#Descricao {
    width: 380px;
    height: 336px;
    margin: 70px 3px 3px 28px;
    padding-bottom: 6px;
    overflow: auto;
}

#IBNFlorais #Descricao, #IBNInstituto #Descricao {
    height: 300px;
}

#BtFloraisInfo, #BtInstitutoInfo {
    margin: 8px 0 8px 27px;
}

#Descricao h2 {
    display: none;
}

#Descricao #SubTitulo {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    color: #007fef;
}

#Descricao p {
    padding: 6px 3px 12px 0;
    font-size: 0.9em;
}

#Descricao h3 {
    font-weight: bold;
    font-size: 0.95em;
    margin-bottom: -6px;
}

#Descricao h4 {
    font-size: 0.95em;
}

#Texto .Terapias h3, .Terapias p em {
    color: #6225a7;
}

#Texto .Consultas h3, .Consultas p em {
    color: #007fef;
}

#Texto .Atividades h3, #Texto .Atividades ul {
    margin-bottom: 6px;
}

#Texto .Atividades ul li {
    margin-left: 6px;
    font-size: 0.9em;
}

#Texto .Atividades h3, #Texto .Atividades h4, .Atividades p em {
    color: #ab0837;
}

/* instituto.html, o-profissional.html, naturologia.html */
#IBNInstituto #Texto ul, #IBNProfissional #Texto ul, #IBNNaturologia #Texto ul {
    height: 22px;
}

#IBNInstituto #Texto ul li, #IBNProfissional #Texto ul li, #IBNNaturologia #Texto ul li {
    float: left;
    width: 104px;
    overflow: hidden;
}

#IBNIridologia .Consultas ul li {
    margin-bottom: 6px;
}

#Texto .Ajuste {
    margin-left: 18px;
}

#Texto li:hover img {
    margin-left: -104px;
}

#IBNProfissional .Ativo a, #IBNNaturologia .Ativo a {
    margin-left: -104px;
}

#IBNProfissional .Ativo a:hover, #IBNNaturologia a:hover {
    margin-left: 0;
}

#IBNNaturologia #Descricao p a {
    text-decoration: none;
    color: #e79f0c;
}

#IBNNaturologia #Descricao p a:hover {
    text-decoration: underline;
}

/* Menu de consultas.html e atividades.html */
#MenuTerciario {
    position: absolute;
    left: 460px;
    top: 388px;
    width: 109px;
    height: 130px;
}

#MenuTerciario li {
    margin: 2px 0 2px 1px;
}

/* equipe.html e cursos.html */
#EquipeIBN, #CursosIBN {
    position: absolute;
    top: 89px;
    left: 46px;
    width: 650px;
    height: 295px;
    padding: 8px 0;
    font-size: 0.8em;
    background-color: #f3f3f3;
    overflow: auto;
}

#CursosIBN p strong {
    font-weight: bold;
    color: #ad8e00;
}

#IBNPDFLinks, #WebLinks, #NaMidia {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 738px;
    height: 439px;
    Font-size: 0.85em;
}
#CursosIBN img {
  margin-left: 12px;
}

#CursosIBN ul li {
  margin-bottom: 6px;
  list-style: square;
  margin-left: 13px;
}


/* artigos.html e links.html */
#LinksAssuntos, #LinksMidia {
    position: absolute;
    top: 60px;
    left: 128px;
    width: 483px;
    height: 344px;
    overflow: auto;
}

#LinksAssuntos li, #LinksMidia li {
    margin-bottom: 9px;
    padding-left: 24px;
    height: 18px;
    background: transparent url('../imagens/link-externo.gif') no-repeat 3px 2px;
}

#PagEsq {
    position: absolute;
    left: 190px;
}

#PagDir {
    position: absolute;
    left: 460px;
}

#PagEsq, #PagDir {
    top: 90px;
    width: 220px;
    height: 280px;
    border: 1px solid #ccc;
    overflow: auto;
}

#PagEsq li, #PagDir li {
    margin: 6px 3px;
    padding-left: 24px;
    height: 23px;
    background: transparent url('../imagens/link-externo.gif') no-repeat 3px 0;
}

#LinksAssuntos li a, #LinksMidia li a, #PagEsq li a, #PagDir li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #676767;
}

#LinksAssuntos li:hover, #LinksMidia li:hover {
    background: transparent url('../imagens/link-externo.gif') no-repeat 3px -34px;
}

#PagEsq li:hover, #PagDir li:hover {
    background: transparent url('../imagens/link-externo.gif') no-repeat 3px -36px;
}

#LinksAssuntos li:hover a {
    color: #179f77;
}

#PagEsq li:hover a, #PagDir li:hover a {
    color: #b441d2;
} 

#LinksMidia li:hover a {
    color: #9f0092;
}

#EquipeIBN h2, #CursosIBN h2, #CursosIBN h3, #CursosIBN h4 {
    font-weight: bold;
    margin-left: 12px;
    margin-bottom: 9px;
}

#EquipeIBN h2 {
    color: #003680;
}

#CursosIBN h2 {
    background-color: #ad8e00;
    color: #fff;
    padding: 2px 2px;
}

#EquipeIBN p, #CursosIBN p {
    text-indent: 0;
    margin: 3px 12px 10px 12px;
}

#CursosIBN ul {
    margin: 3px 12px 8px 12px;
}

#CursosIBN em {
    color: #ad8e00;
}

/* fale-conosco.html e formulário de cadastro, index.html */
#IBNContato form {
    position: absolute;
    left: 323px;
    bottom: 101px;
    width: 365px;
    height: 250px;
    font-size: 0.85em;
}

#FormContato {
    position: absolute;
    bottom: 0;
    width: 740px;
    height: 442px;
    background: transparent url('../imagens/formulario/bg-formulario.jpg') no-repeat 1px 41px;
}

#IBNContato label, #IBNContato input {
    margin-bottom: 5px;
}

#IBNContato input {
    width: 357px;
    height: 13px;
    border: 1px solid #8d8d8d;
}

#IBNContato textarea {
    width: 357px;
    height: 106px;
    margin-bottom: 8px;
    border: 1px solid #8d8d8d;
}

#IBNContato button {
    width: 94px;
    height: 24px;
    border: none;
    margin-right: 23px;
    background-color: #fff;
}

#FormGen {
    position: absolute;
    left: 553px;
    top: 296px;
    font-size: 0.568em;
}

#Resposta {
    position: absolute;
    left: 535px;
    top: 455px;
    width: 180px;
    height: 60px;
    overflow: hidden;
    font-size: 0.9em;
    font-weight: bold;
    color: #f00;
}

#IBNContato #Resposta {
    left: 503px;
}

#Resposta .EmBranco {
    height: 44px;
}

#Resposta .Erro, #Resposta .Grato {
    color: #ff0;
}

#Resposta .Erro {
    background-color: #f00;
}

#Resposta .Grato {
    background-color: #58b272;
}

#Resposta p {
    display: block;
    margin-bottom: 18px;
    text-align: center;
}

#FormContato .Msg {
  margin-top: 318px;
  text-align: center;
  font-size: 0.9em;
}

.Msg em {
  color: #338749;
  font-style: italic;
}