@charset "UTF-8";

/* CATALOGO DE CORES
# COR LARANJA: #f58220
# */


/* DECLARACOES GERAIS */
/*===================================================================*/

html, body { height: 100%; min-height: 100%; font-size: 12px; font-family: "Arial", Helvetica, sans-serif }

* html #tudo { height: 100%; /* hack para IE6 que trata height como min-height */ }
p { line-height: 150%; }

.clear { clear: both }

h1, h2, h3, h4 { font-weight: bold; margin: 35px 0; color: #f58220 }
	
	h1 { font-size: 42px }
	h2 { font-size: 20px }
	h3 { font-size: 18px }
	h4 { font-size: 16px }

.right { float: right }
.left { float: left }

.bold { font-weight: bold }
.italic { font-style: italic }

.alerta { color: #ff0000 }


/* DIV TUDO */
/*===================================================================*/

div#tudo { min-height: 100%; position: relative; background:url(../img/topo-bg.png) no-repeat center top }  


/* TOPO */
/*===================================================================*/

div#topo { width: 100% }

	div#topo-conteudo { width: 980px; height: 120px; margin: 0 auto;  }
	
	.logo { margin: 17px 0 0 0; float: left; }
	
	
	/* MENU */
	/*===================================================================*/
	
	ul.menu { list-style: none; float: right }
	ul.menu li { display: inline; float: left; height: 98px; text-align: center;  }
		ul.menu li a { font-size: 15px; color: #626262; float: left; width: 90px; margin: 40px 0 0 0 }
		ul.menu li a:hover { color: #f58220 }
	
	ul.menu li.ativo { background: url(../img/menu-item-bg.png) no-repeat center top;   }
		ul.menu li.ativo a { color: #f58220; font-weight: bold }
		ul.menu li.ativo p { color: #8e8e8e; font-style: italic; font-size: 11px; margin: 60px 0 0 0; text-align: center; width: 90px }

/* CONTEUDO */
/*===================================================================*/

div#conteudo { width: 100%; margin: 0 auto;}

	div#conteudo-interno { width: 980px; height: 500px; margin: 0 auto; background: url(../img/loading.gif) no-repeat center center; }
	
	div#conteudo-interno-bg { width: 975px; height: 530px; margin: 0 auto; background: url(../img/bg-conteudo.jpg) no-repeat center top; }
	
	div#conteudo-interno-bg-ext { width: 975px; height: 580px; margin: 0 auto; background: url(../img/bg-conteudo-ext.jpg) no-repeat center top; }
	
	div#conteudo-interno-bg-ext2 { width: 975px; height: 615px; margin: 0 auto; background: url(../img/bg-conteudo-ext2.jpg) no-repeat center top; }
	
	div.coluna-esquerda { float: left; width: 594px; }
	
	div.coluna-direita { float: right; width: 306px }
		div.coluna-direita p { font-size: 13px; color: #5d5d5d; margin: 10px 0; width: 270px; line-height: 27px }
	
	ul.menu-lateral { width: 310px; margin: 25px 0 0 0 }
		ul.menu-lateral li { margin: 0; width: 100%; height: 46px; background: url(../img/lista-lateral-seta-cinza.jpg) no-repeat 15px 17px }
		ul.menu-lateral li a { color: #5d5d5d; font-size: 15px; margin: 14px 0 0 28px; float: left }
		
		ul.menu-lateral li.ativo-lateral { background: url(../img/lista-lateral-bg-ativo.gif) no-repeat }
		ul.menu-lateral li.ativo-lateral a { color: #fff; }


/* ESTETICA */
/*===================================================================*/

	div#palco { width: 594px; height: 580px; background: url(../img/loading-cinza.gif) no-repeat center center #e1e1e1 }
	
	div#palco-menor { width: 594px; height: 467px; background: url(../img/loading-cinza.gif) no-repeat center center #e1e1e1 }
	
	div#palco-maior { width: 594px; height: 615px; background: url(../img/loading-cinza.gif) no-repeat center center #e1e1e1 }
	
	/* ESTETICA FACIAL */
	/*===================================================================*/
	.estetica-facial { width: 594px; height: 580px; background: url(../img/estetica-facial-img01.jpg) no-repeat }
	
	/* ESTETICA CORPORAL */
	/*===================================================================*/
	.estetica-corporal { width: 594px; height: 580px; background: url(../img/estetica-corporal-img01.jpg) no-repeat; display: none }
	
	/* ESTETICA EQUIPAMENTOS */
	/*===================================================================*/
	.estetica-equipamentos { width: 594px; height: 580px; background: url(../img/estetica-equipamentos-img01.jpg) no-repeat; display: none }
	
	/* ESTETICA PACOTES */
	/*===================================================================*/
	.estetica-pacotes { width: 594px; height: 580px; background: url(../img/estetica-pacotes-img01.jpg) no-repeat; display: none }
	
		/* ESTETICA GERAIS - P e H2 */
		/*===================================================================*/
		
		.estetica-facial h2, .estetica-corporal h2, .estetica-equipamentos h2, .estetica-pacotes h2 { font-size: 28px; margin: 290px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
		.estetica-facial p, .estetica-corporal p, .estetica-equipamentos p, .estetica-pacotes p { color: #fff; width: 410px; float: right; text-align: right; margin: 10px 34px 0 0  } 
			
			
/* BELEZA */
/*===================================================================*/
	
	/* BELEZA CABELO */
	/*===================================================================*/
	.beleza-cabelo { width: 594px; height: 580px; background: url(../img/beleza-inicial-img01.jpg) no-repeat }
	
	/* BELEZA MANICURE */
	/*===================================================================*/
	.beleza-manicure { width: 594px; height: 580px; background: url(../img/beleza-manicure-img01.jpg) no-repeat; display: none }
	
	/* BELEZA MAQUIAGEM */
	/*===================================================================*/
	.beleza-maquiagem { width: 594px; height: 580px; background: url(../img/beleza-maquiagem-img01.jpg) no-repeat; display: none }
	
	/* BELEZA DEPILACAO */
	/*===================================================================*/
	.beleza-depilacao { width: 594px; height: 580px; background: url(../img/beleza-depilacao-img01.jpg) no-repeat; display: none }
	
	/* BELEZA NOIVA */
	/*===================================================================*/
	.beleza-noiva { width: 594px; height: 580px; background: url(../img/beleza-noiva-img01.jpg) no-repeat; display: none }
	
	/* BELEZA SOBRANCELHA */
	/*===================================================================*/
	.beleza-sobrancelhas { width: 594px; height: 580px; background: url(../img/beleza-sobrencelha-img01.jpg) no-repeat; display: none }
	
		/* BELEZA GERAIS - P e H2 */
		/*===================================================================*/
		
		.beleza-cabelo h2, .beleza-manicure h2, .beleza-maquiagem h2, .beleza-depilacao h2, .beleza-noiva h2, .beleza-sobrancelhas h2 { font-size: 28px; margin: 290px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
		.beleza-cabelo p, .beleza-manicure p, .beleza-maquiagem p, .beleza-depilacao p, .beleza-noiva p, .beleza-sobrancelhas p { color: #fff; width: 410px; float: right; text-align: right; margin: 10px 34px 0 0 }
		

/* SPA */
/*===================================================================*/

/* SPA INDEX */
	/*===================================================================*/
	.spa-index { width: 594px; height: 467px; background: url(../img/spa-img01.jpg) no-repeat }
	
	.spa-index h2 { font-size: 28px; margin: 290px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
	.spa-index p { color: #fff; width: 410px; float: right; text-align: right; margin: 10px 34px 0 0 }

/* CLINICA */
/*===================================================================*/
	
	/* NUTRICAO */
	/*===================================================================*/
	.clinica-nutricao { width: 594px; height: 615px; background: url(../img/clinica-nutricao-img01.jpg) no-repeat #e7781a }
	
	/* ACUPUNTURA */
	/*===================================================================*/
	.clinica-acupuntura { width: 594px; height: 615px; background: url(../img/clinica-acupuntura-img01.jpg) no-repeat #e7781a; display: none }
	
	/* REIKI */
	/*===================================================================*/
	.clinica-reiki { width: 594px; height: 615px; background: url(../img/clinica-reiki-img01.jpg) no-repeat #e7781a; display: none }
	
	/* SAINT GERMAIN */
	/*===================================================================*/
	.clinica-germain { width: 594px; height: 615px; background: url(../img/clinica-germain-img01.jpg) no-repeat #e7781a; display: none }
	
	/* SHIATSU */
	/*===================================================================*/
	.clinica-shiatsu { width: 594px; height: 615px; background: url(../img/clinica-shiatsu-img01.jpg) no-repeat #e7781a; display: none }
	
	/* REFLEXOLOGIA */
	/*===================================================================*/
	.clinica-reflexo { width: 594px; height: 615px; background: url(../img/clinica-reflexologia-img01.jpg) no-repeat #e7781a; display: none }
	
	/* MED REGENERATIVA */
	/*===================================================================*/
	.clinica-medregenera { width: 594px; height: 615px; background: url(../img/clinica-medregenera-img01.jpg) no-repeat #e7781a; display: none }
	
	/* MED ESTETICA */
	/*===================================================================*/
	.clinica-medestetica { width: 594px; height: 615px; background: url(../img/clinica-medestetica-img01.jpg) no-repeat #e7781a; display: none }
	
		/* ESTETICA GERAIS - P e H2 */
		/*===================================================================*/
		
		.clinica-nutricao h2, .clinica-acupuntura h2, .clinica-reiki h2, .clinica-germain h2, .clinica-shiatsu h2, .clinica-reflexo h2, .clinica-medregenera h2, .clinica-medestetica h2 { font-size: 28px; margin: 340px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
		.clinica-nutricao p, .clinica-acupuntura p, .clinica-reiki p, .clinica-germain p, .clinica-shiatsu p, .clinica-reflexo p, .clinica-medregenera p, .clinica-medestetica p { color: #fff; width: 410px; float: right; text-align: right; margin: 10px 34px 0 0  } 
			
		
/* PILATES */
/*===================================================================*/
	
	/*PERSONAL */
	/*===================================================================*/
	.pilates-personal { width: 594px; height: 530px; background: url(../img/pilates-personal-img01.jpg) no-repeat }
	
	/*GRUPO */
	/*===================================================================*/
	.pilates-grupo { width: 594px; height: 530px; background: url(../img/pilates-grupo-img01.jpg) no-repeat; display: none }
	
	/*CURSO */
	/*===================================================================*/
	.pilates-curso { width: 594px; height: 660px; background: url(../img/pilates-grupo-img01.jpg) no-repeat; display: none }

		/* BELEZA GERAIS - P e H2 */
		/*===================================================================*/
		
		.pilates-personal h2, .pilates-grupo h2, .pilates-curso h2 { font-size: 28px; margin: 335px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
		.pilates-personal h3, .pilates-grupo h3, .pilates-curso h3 { font-size: 28px; margin: 335px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
		.pilates-personal h4, .pilates-grupo h4, .pilates-curso h4 { font-size: 28px; margin: 335px 34px 12px 0; float: right; color: #fff; width: 350px; text-align: right; }
		.pilates-personal p, .pilates-grupo p, .pilates-curso p { color: #fff; width: 440px; float: right; text-align: right; margin: 10px 34px 0 0 }
		
		
		/* CONTEUDOS INTERNOS */
		/*===================================================================*/
		
		div.lista-interna-conteudo { width: 244px; float: left; margin: 3px 2px 0 28px; float: left; text-align: left; border-bottom: 1px dotted #feb77b; padding: 5px 0 }
			p.item-topico { width: 244px; font-size: 13px; font-weight: bold; float: left; text-align: left; background: url(../img/item-interno-laranja.gif) no-repeat 3px 5px; padding-left: 12px; margin: 0 }
			p.item-secundario { width: 244px; font-size: 11px; float: left; text-align: left; padding-left: 12px; margin: 0 }
		

/* CONTATO */
/*===================================================================*/

.form-contato {}
	.form-contato label { float: left; margin: 5px 30px 5px 0; font-weight: bold; color: #666666}
	.form-contato .campo, textarea { width: 260px; background:url(../img/contato-bg-campo.gif) repeat-x #cfcfcf; border: none; float: left }
		.form-contato .campo { height: 31px; }
		.form-contato textarea { height: 80px; font-family: Arial, Helvetica, sans-serif}
		
	.btn-enviar { width: 100px; height: 25px; background-color: #e7781a; color: #fff; border: none; float: right; margin: 7px 46px 0 0; cursor: pointer }


/* RODAPE */
/*===================================================================*/

div#rodape { width: 100%; height: 170px; background: url(../img/rodape-bg.png) no-repeat center bottom; }

	div#rodape-conteudo { width: 980px; margin: 0 auto; padding: 60px 0 0 0; display: table;  display: none }
	
		div.btn-facebook { width: 152px; height: 62px; margin: 0 18px 0 0; background: url(../img/btn-facebook-compartilhe.jpg) no-repeat; float: left; cursor: pointer  }
		div.btn-facebook-hover { background: url(../img/btn-hover-facebook-compartilhe.jpg)  no-repeat; }
		
		div.btn-twitter { width: 152px; height: 62px; margin: 0 10px 0 0; background: url(../img/btn-divulgue-twitter.jpg) no-repeat; float: left; cursor: pointer }
		div.btn-twitter-hover { background: url(../img/btn-hover-divulgue-twitter.jpg) no-repeat; }
		
		div.localizacao { width: 236px; height: 62px; float: left; margin: 0 10px 0 32px; background: url(../img/btn-localizacao.jpg) no-repeat left center }
			div.localizacao p { margin: 15px 0 0 45px; color: #9e9e9e }
			
			div.localizacao-hover { background: url(../img/btn-hover-localizacao.jpg) no-repeat left center }
			
		p.contatos { color: #9e9e9e; float: right; margin: 11px 0 7px 0 }
		p.direitos { color: #9e9e9e; float: right; font-size: 10px }