body {
	padding:0;
	margin: 0 0 0 0;
	text-align:center;
	font-family: Verdana, Arial, Sans-serif;
	font-size:11px;
	color: #6E6C6D;
	line-height: 1.5 em;
	background: #CE5C15;
}

body a {
	color: #FF9900;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	display:block;
}

#canvas1 {
	position: relative;
	margin:0 auto;
	margin-top: 0;
	width:770px;
	text-align:center;
	z-index: 20;
	background: url('/yoga/images/fundo.png') top left no-repeat;
	background-color: white;
	border-style: solid;
	border-width: 1 1 1 1;
	border-color: gray;
	
}

#canvas2 {
	margin:auto;
	margin-top: 0;
	width:770px;
	text-align:left;
	background: url('/yoga/images/fundo_rodape.gif') bottom no-repeat;
}

#imagem{ 
	position: relative;
	margin-top: -2;
	width:770;
	height: 100px;
	z-index: 50;
}

/* Cabeçalho: Logo e Menus */ 
#cabecalho {
	text-align:left;
	width:770;
	margin: 0 0 0 0;
	height:127px;
}

	#logo{
		margin: 10 0 0 0;
		width: 164;
		height: 98;
		float: left;
		background: url('/yoga/images/logo.gif') top no-repeat;
		z-index: 100;
	}

	/* Menu, 1o Nível: */
	/* Não utilizado, pois o menu utiliza imagens 
	Se quiser visualizar o menu em texto utilize a página: secoes_texto.asp */
	
	#menu {
		position:relative;
		float: left;
		width: 555;
		text-align: left;
		left: 14 px;
		top: 80px;
		margin:0 0 0 0;
		padding:0;
	}
	
	#menu ul{
		padding: 0;
		margin: 0;
	}
	#menu li{
		padding: 0 0 0 0;
		display:inline;
		list-style-type:none;
		float:left;
	/*	utilizado para menu texto
		padding: 0 8 0 8;
		border-style: solid;
		border-width: 0 0 0 1px;
		border-color: #F9ECE3; */
	}
	
	#menu .semborda{
		border-left:0px;
	}
	
	#menu a{
		margin: 0;
		text-decoration:none;
		overflow:hidden;
		position: relative;
		color: #F9ECE3;
		font-size: 10px;
		font-weight: bold;
		vertical-align: text-bottom;
	}
	
	#menu a:hover, #menu .selecionado {
		color: #333333;
	}
	
	#menu a p{
		margin:0;
		padding:0;
		visibility:hidden;
	}
	
	/* Menu segundo nivel */
	
	#menu2{
		position:relative;
		top: 4;
		left:10;
		float: left;
		margin: 0 0 0 0;
		height: 20;
		width: 100%;
	}
	
	#menu2 ul{
		padding: 0;
		margin: 0;
		height: 10;
	}
	
	#menu2 li{
		display:inline;
		list-style-type:none;

		/* Borda sem imagem
		padding: 0 8 0 8;
		border-style: solid;
		border-width: 0 0 0 1px;
		border-color: #333333; */
		
		background: url('/yoga/images/menu/traco.gif') center left no-repeat;
	}
	
	#menu2 .semborda{
		background: none;
	}
	
	#menu2 a{
		padding: 0 8 0 8;
		font-family: Verdana, Arial, Sans-serif;
		font-size:10px;
		text-decoration:none;
		color: #333333;
		margin: 0;
	}
	
	#menu2 a:hover, #menu2 .selecionado {
		color: #333333;
		font-weight: bold;
	}

/* Conteúdo total da página: FOTO, Título, Subtítulo e Textos */
#conteudo {
	width:770px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-height: 450;
}

	/* Título da seção */
	#titulo {
		position: relative;
		height: 23;
		width: 700;
		margin: -16 0 0 40;
		padding: 0 0 0 0;
		z-index: 100;
		
	}
	
	#titulo h1{
		font-family: Arial, Sans-serif;
		font-size: 20px;
		text-transform: uppercase;
		color: white;
		font-weight: lighter;
		vertical-align: bottom;
	}
	
	/* ?? - Corrigindo a posição do título em texto quando não existir imagem */
	#titulo .span{
		vertical-align: text-bottom;
	}
	
	/* Conteúdo da página */
	#principal {
		position: relative;
		width:600px;
		margin: 20 0 30 90;
		padding: 8 5 8 5;
	}
	
	#conteudo>principal {
		margin: 120 0 30 90;
	}
	
		#principal .bloco {
			background: url('/yoga/images/seta.gif') top left no-repeat;
			padding: 0 5 5 30;
		}
		
		/* Destaque para o paragrafo inicial das paginas */
		.destaque {
			font-family: Verdana, Arial, Sans-serif;
			font-size:14px;
			color: #6E6C6D;
			line-height: 1.5 em;
		}
		
		#principal .bloco h1 {
			position: relative;
			top: 0;
			font-family: Verdana, Arial, Sans-serif;
			color: #C1500A;
			font-size:12px;
			text-transform: none;
			font-weight: bold;
			margin: 0;
			padding: 0 8 4 0;
			width: 500;
			border-width: 0 0 1 0;
			background: url(/yoga/images/pontilhado.png) repeat-x bottom;
		}
		
			#blocoimagem1 {
				position: relative;
				float: left;
				padding: 10 0 10 0;
				margin-top: 10;
			}
			
			#principal .blocotexto {
				position: relative;
				margin-top: 10;
				padding: 0 0 10 0;
			}
			
			#blocoimagem2 {
				position: relative;
				padding: 10 10 10 0;
			}
		
		#conteudo h2 {
			font-family:Arial, Sans-serif;
			font-size:12px;
		}
		
#destaques	 {
	background: url('/yoga/images/destaques.gif') top left no-repeat;
	width: 240;
	margin: 0 0 30 70;
	padding: 20 0 30 0;
	color: white;
}

#destaques .bloco {
	padding: 0 5 0 30;
}

#destaques .bloco h1 {
	font-family: Verdana, Arial, Sans-serif;
	color: #A1460F;
	font-size:11px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 0 0;
	padding: 10 0 3 0;
	width: 100%;
	height: auto;
	border-width: 0 0 1 0;
	background: url(/yoga/images/pontilhadobranco.png) repeat-x bottom;
}

#destaques p {
	margin: 3 auto;
	line-height: 1.5 em;
}

#destaques a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}


#paginas {
	width:100%;
	float:left;
	padding: 0px 0px 15px 0px;
	background:gray;
}

#paginas imagemborda {
	border-style: solid;
}

/* Fechamento da página */
#rodape {
	clear:both;
	text-align: center;
	width:100%;
	height: 40px;
	padding: 30 0 0 0;
	font-size:11px;
	color: white;
}

#rodape a{
	color: white;
	font-weight: bold;
}

#rodape span{
	display: none;
}

/* PÁGINAS ESPECIAIS */

/* Página de LINKS */
#paginalinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	padding: 0 5 15 30;
	background: url('/yoga/images/setap.gif') no-repeat;
	line-height:20px;
	vertical-align:text-top;
}

#paginalinks a {
	position: relative;
	color: #fd0303;
	font-weight: bold;
	width: 500;
	text-decoration: none;
	font-size: 11px;
}

#paginalinks a:hover {
	text-decoration: underline;
}

#paginalinks h2 {
	position: relative;
	font-weight: bold;
	width: 500;
	font-size: 11px;
}

#paginalinksp {
	padding: 0 0 0 0;
	position: relative;
	font-size: 10px;
}

/* Formulário Aula Grátis */
#aulagratis {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #6e6c6d;
	font-size: 11px;
	font-weight:bold;
}

#aulagratis input, select, textarea {
	font-weight:normal;
	border-left: 1px solid #615249;
	border-top: 1px solid #615249;
	border-bottom: 1px solid #c19072;
	border-right: 1px solid #c19072;
	background-color: #fabc95;
}

.textoaulagratis {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #6e6c6d;
	font-size: 13px;
	font-weight:normal;
}


/* Seção Destaques */

#secaodestaques .bloco {
	padding: 0 5 15 30;
	font-family: Verdana, Arial, Sans-serif;
	font-size:14px;
	color: #6E6C6D;
	line-height: 2 em;
	background: url('/yoga/images/seta.gif') top left no-repeat;
}

#secaodestaques .bloco h1 {
	position: relative;
	top: 0;
	font-family: Verdana, Arial, Sans-serif;
	color: #C1500A;
	font-size:12px;
	text-transform: none;
	font-weight: bold;
	margin: 0;
	padding: 0 8 4 0;
	width: 500;
	border-width: 0 0 1 0;
	background: url(/yoga/images/pontilhado.png) repeat-x bottom;
}

#secaodestaques a {
	font-size:11px;
	color: #CF5C15;
}

/*  Formulário */
#formulario td {
	font-family: Verdana, Arial, Sans-serif;
	font-size:11px;
	text-align: center;
	color: #6E6C6D;
}

#formulario {
	width: 300;
	font-size: 10px;
}

#formulario p {
	font-size: 10px;
}

#formulario .esquerda {
	text-align: right;
	float: left;
	font-weight: bold;
	padding: 2 2 2 2;
}

#formulario .direita {
	float: right;
	text-align: left;
}

#formulario .formcampo {
	border-color: #006B6B;
	border-width: 1;
	border-style: solid;
	background-color:#FABC95;
	font-size: 9px;
}

#formulario .formbotao {
	border-color: #333333;
	border-width: 1;
	border-style: solid;
	background-color:#FFFFFF;
	color: #333333;
	font-size: 11;
}

/*  Home Page */

#canvas1home {
	position: relative;
	margin:0 auto;
	top: 0;
	width:770px;
	margin-bottom: 30;
	text-align:center;
	height: 100%;
	background: url('/yoga/images/fundo_home.png') top left no-repeat;
	border-style: solid;
	border-width: 1 1 1 1;
	border-color: gray;
}

#canvas2home {
	margin:auto;
	top: 0;
	width:770px;
	text-align:left;
	background: url('/yoga/images/fundo_home_rodape.gif') bottom no-repeat;
}

#imagemhome{ 
	position: relative;
	width:770;
	margin: 0 0 0 0;
	top: -15;
	height: 162px;
	z-index: 100;
 }

/* ALBUM DE FOTOS */

.moldurafoto {
	border:1px solid #979695;
}

#album	 {
	/*width:500px;*/
}

#album .foto {
	text-align:center;
	padding: 10 10 10 10;
	float: left;
}

#album .foto .moldura {
	border-style: solid;
	border-width: 1 1 1 1;
	border-color: gray;
}

#album .texto {
	text-decoration: none;
}

#fotos2	 {
	width:500;
}

#fotos2 .foto {
	text-align:center;
	width: 75;
	height: 75;
	padding: 5 5 5 5;
	float: left;
}

#fotos2 .foto .moldura {
	border-style: solid;
	border-width: 1 1 1 1;
	border-color: gray;
}

#fotos2 .texto {
	text-decoration: none;
}

/* Janelas POP */

#pop td {
	font-family: Verdana, Arial, Sans-serif;
	font-size:11px;
	color: #000000;
}

#pop a {
	font-family: Verdana, Arial, Sans-serif;
	font-size:11px;
	color: #000000;
}

/* Créditos */

#creditos {
	position: relative;
	float:right;
	margin-top: 18;
	right:0;
	width:150px;
	text-align:right;
	font-family: Verdana, Arial, Sans-serif;
	font-size:10px;
	text-align: center;
	color: #CCCCCC;

}

/* Ampliação de Imagens */
/* http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ */

#creditos .thumbnail{
position: relative;
z-index: 0;
}

#creditos .thumbnail:hover{
background-color: transparent;
z-index: 50;
}

#creditos .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

#creditos .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
top: 20;
}

#creditos .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*  GERAIS */
.texto1 { font-size:11px;}
.texto1branco {
	font-size:11px;
	color: #FFFFFF;
	}
.td {
	color: #6E6C6D;
}