/* 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;
}

/* 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: 16px;
	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: 530px;
	top: 290px;
	font-size: 0.6em;
}

#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;
}