@charset "UTF-8";


/* Estrutura */
#principal {
	width: 960px;
	height: 550px;
	margin: 0 auto;
	display: table;
	background-image: url(../../images/bg-div.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}


/* Menu e logo - topo */
#menu { width: 960px; height: 126px; margin: 0 auto; display: table; }
#menu #linha-menu { width: 20px; height: 30px; float: left; display: table; padding-top: 30px; }
#menu #botao-metodo { width: 80px; height: 30px; float: left; display: table; padding-top: 46px; padding-left: 8px; }
#menu #botao-estudio { width: 80px; height: 30px; float: left; display: table; padding-top: 46px; }
#menu #botao-aulas { width: 80px; height: 30px; float: left; display: table; padding-top: 46px; }
#menu #botao-contato { width: 80px; height: 30px; float: left; display: table; padding-top: 46px; }

#logo { width: 588px; height: 126px; float: left; display: table; }

#linha-menu { !important width: 20px; height: 70px; float: left; display: table; }


/* Rodape */
#rodape { width: 960px; height: 30px; margin: 0 auto; display: table; text-align: center; color: #b19c8d; font-weight: bold; padding-top: 20px; }
#rodape a { color: #836791; }


/* Elementos */
#titulo { width: 960px; min-height: 70px; display: table; float: left; }
#subtitulo { width: 960px; height: 30px; display: table; float: left; color: #836791; font-style: italic; font-stretch: condensed; padding-bottom: 20px; }
#subtitulo-verde { color: #88a980; font-weight: bold; font-size: 15px; }
#legenda { font-size: 10px; font-style: italic; line-height: 12px; }


/* Conteudo Home */
#conteudo-home { width: 960px; height: 420px; display: table; float: left; background: url(../../images/imagem-home.png) top center no-repeat; }
#conteudo-home #texto-home { width: 330px; min-height: 100px; margin: 210px 0px 0px 570px; font-size: 14px; font-stretch: condensed; line-height: 19px; font-style: italic; color: #959899; }
#conteudo-home #botao-home { width: 338px; height: 40px; margin: 0px 0px 0px 553px; }


/* Conteudo O Método */
#conteudo-metodo { width: 960px; min-height: 420px; display: table; float: left; background: url(../../images/imagem-metodo.png) top center no-repeat; padding-bottom: 30px; }
#conteudo-metodo #texto-metodo { width: 490px; min-height: 70px; display: table; float: left; }
#conteudo-metodo #galeria-metodo { width: 960px; min-height: 70px; display: table; float: left; padding-top: 30px; }
#conteudo-metodo #galeria-metodo li { width: 150px; min-height: 70px; display: table; float: left; padding: 10px 10px 0 0; text-align: center; }
#conteudo-metodo #galeria-metodo li #galeria-inicio { padding: 10px 10px 0 0; }


/* Conteudo O Estúdio */
#conteudo-estudio { width: 960px; min-height: 420px; display: table; float: left; background: url(../../images/imagem-estudio.png) top center no-repeat; padding-bottom: 30px; }
#conteudo-estudio #texto-estudio { width: 456px; min-height: 70px; display: table; float: left; }
#conteudo-estudio #galeria-estudio { width: 960px; min-height: 70px; display: table; float: left; padding-top: 30px; }
#conteudo-estudio #galeria-estudio li { width: 125px; min-height: 130px; display: table; float: left; padding: 10px 12px 0 0; text-align: center; }
#conteudo-estudio #galeria-estudio li #galeria-inicio { padding: 10px 12px 0 0; }


/* Conteudo As Aulas */
#conteudo-aulas { width: 960px; min-height: 420px; display: table; float: left; }
#conteudo-aulas #texto-aulas { width: 275px; min-height: 70px; display: table; float: left; }
#conteudo-aulas #linha-aulas { width: 2px; min-height: 70px; display: table; float: left; padding: 0px 40px 0px 40px; }
#conteudo-aulas #texto-aulas2 { width: 432px; min-height: 70px; display: table; float: left; }
#conteudo-aulas #foto-marcela { width: 150px; min-height: 180px; display: table; float: left; padding: 48px 0px 0px 20px; }


/* Conteudo Contato */
#conteudo-contato { width: 960px; height: 360px; display: table; float: left; padding-bottom: 30px; }
#conteudo-contato #base-texto-contato { width: 220px; height: 155px; display: table; float: left; background: url(../../images/base-texto-contato.png) bottom center no-repeat; margin: 30px 20px 0 0; }
#conteudo-contato #base-texto-contato-maior { width: 240px; height: 155px; display: table; float: left; background: url(../../images/base-texto-contato-maior.png) bottom center no-repeat; margin-top: 30px; }
#conteudo-contato #titulo-contato { color: #88a980; font-size: 16px; font-style: italic; }
#conteudo-contato #texto-contato { color: #a29f9a; font-size: 15px; padding-top: 30px; line-height: 21px; padding-left: 20px; }
#conteudo-contato a { font-size: 14px; }