@charset "utf-8";
body{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}
img, div { 
    behavior: url(iepngfix.htc) ;
}
h2{
	color:#48486B;
	font-size:18px;
	font-weight:bold;
}
hr{
    color:#FFF;
	border-top:2px dotted #48486B;
	border-left:0px;
}
a.link_blue{
	font-weight:bold;
	font-size:14px;
	color:#0033CC;
	text-decoration:none;
}
a.link_blue:hover{
	color:#0033CC;
	text-decoration:underline;
}
a.link_red{
	font-weight:bold;
	font-size:14px;
	color:#FF0000;
	text-decoration:none;
}
a.link_red:hover{
	color:#FF0000;
	text-decoration:underline;
}
#principal{
	width:852px;
	height:auto;
	margin:auto;
}
#top{
	width:852px;
	height:191px;
	z-index:10;
	position:relative;
	background:url(../images/nuvem.gif);
	background-position:450px top;
	background-repeat:no-repeat;
}
#top #logo{
	float:left;
	width:267px;
	margin-top:25px;
}
#menu_top{
	float:left;
	text-align:right;
	width:330px;
	_width:530px;
	padding-top:120px;
	color:#ff7777;
	position:relative;
	top:0px;
	right:-250px;
	z-index:10;
}
#menu_top a{
	text-decoration:none;
	color:#627b90;
	font-size:10px;
	font-weight:bold;
}
#menu_top a:hover{
	color:#35414b;
}
#venha_aprender{
	position:absolute;
	top:0px;
	right:0px;
	z-index:-1;
	float:right;
	width:216px;
	height:216px;
}
#content{
	background:url(../images/bg_content.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width:852px;
	height:auto;
	overflow:hidden;
}
#cont_esq{
	width:263px;
	height:auto;
	float:left;
}
.txt_red{
color:#FF0000;
}
.link{
color:#000000;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
.link:hover{
color:#000000;
text-decoration:underline;
}
.voltar_topo{
text-align:right;
padding-top:20px;
}
.voltar_topo a{
text-decoration:none;
font-style:normal;
color:#333333;
font-size:12px;
}
.voltar_topo a:hover{
text-decoration:underline;
}

/*--------------------- Footer ------------------------*/
#footer{
	background:url(../images/bg_rodape.jpg);
	background-repeat: repeat-x;
	background-position:center;
	width:100%;
	height:157px;

}
#footer #cont{
	width:852px;
	margin:auto;
	padding-top:13px;
	color:#FFF;
}
#footer #cont .left{
	width:488px;
	float:left;
}

#footer #cont .right{
    background:url(../images/bg_rodape_txt.png)  no-repeat;
	width:325px;
	height:109px;
	margin:auto;
	float:left;
	padding:20px 0px 10px 25px;
}
#footer #cont .right #menu_inf{
	color:#FFFFFF;
	padding:5px;
	float:left;
	width:330px;
}
#footer #cont .right #menu_inf a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	padding:0px 13px 0px 13px;
}
#footer #cont .right #menu_inf a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer #cont .right #txt{
	color:#fff;
	width:280px;
	float:left;
	padding-left:5px;
	font-size:12px;
	text-align:justify;
	line-height:1.5em;
}
#footer #cont .right #txt a{
	text-decoration:none;
	color:#fff;
}
#footer #cont .right #txt a:hover{
	color:#fff;
}

/*--------------------- Menu Left ------------------------*/
#menu_left{
	width:150px;
	height:350px;
	float:right;
	margin-bottom:50px;
	position:relative;
	z-index:0;
}
/*#menu_left ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 123px;
	height: 25px;
}

#menu_left ul li {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 123px;
	height: 25px;
}

#menu_left ul li a {
	display: block;
	text-decoration: none;
	width: 123px;
	height: 25px;
	color:#333333;
	text-align:right;
	font-weight:bold;
	font-size:16px;
}
#menu_left ul li a:hover{
     color:#666699;
}
    #menu_left ul li a.current:hover { 
	cursor: default; 
}
#menu_left #nav{
	list-style:none;
	width:123px;
	margin:0px;
	padding:0px;
}

#nav .historia{
	background:url(../images/bt_historia.gif);
	width:123px;
	height:25px;
}
#nav .historia a:hover{
	background:url(../images/bt_historia_over.gif);
}
#nav .cursos{
	background:url(../images/bt_cursos.gif);
	width:123px;
	height:25px;
}
#nav .cursos a:hover{
	background:url(../images/bt_cursos_over.gif);
}
#nav .musicas{
	background:url(../images/bt_musicas.gif);
	width:123px;
	height:25px;
}
#nav .musicas a:hover{
	background:url(../images/bt_musicas_over.gif);
}
#nav .fotos{
	background:url(../images/bt_fotos.gif);
	width:123px;
	height:25px;
}
#nav .fotos a:hover{
	background:url(../images/bt_fotos_over.gif);
}
#nav .top_student{
	background:url(../images/bt_top_students.gif);
	width:123px;
	height:25px;
}
#nav .top_student a:hover{
	background:url(../images/bt_top_students_over.gif);
}
#nav .vocab{
	background:url(../images/bt_vocab.gif);
	width:123px;
	height:25px;
}
#nav .vocab a:hover{
	background:url(../images/bt_vocab_over.gif);
}
#nav .metodo{
	background:url(../images/bt_metodo.gif);
	width:123px;
	height:25px;
}
#nav .metodo a:hover{
	background:url(../images/bt_metodo_over.gif);
}
#nav .apoio_social{
	background:url(../images/bt_apoio.gif);
	width:123px;
	height:25px;
}
#nav .apoio_social a:hover{
	background:url(../images/bt_apoio_over.gif);
}
#nav .missao{
	background:url(../images/bt_missao.gif);
	width:123px;
	height:25px;
}
#nav .missao a:hover{
	background:url(../images/bt_missao_over.gif);
}
#nav .games{
	background:url(../images/bt_games.gif);
	width:123px;
	height:25px;
}
#nav .games a:hover{
	background:url(../images/bt_games_over.gif);
}
#nav .local{
	background:url(../images/bt_local.gif);
	width:123px;
	height:25px;
}
#nav .local a:hover{
	background:url(../images/bt_local_over.gif);
}
#nav .fale_conosco{
	background:url(../images/bt_fale_conosco.gif);
	width:123px;
	height:25px;
}
#nav .fale_conosco a:hover{
	background:url(../images/bt_fale_conosco_over.gif);
}*/
#mensalidade{
	width:205px;
	height:175px;
	float:left;
	padding:0px 0px 0px 55px;
}

/*--------------------- Conteudo ------------------------*/
#conteudo{
	width:520px;
	float:left;
	margin-left:30px;
	padding-bottom:20px;
    text-align:justify;
	line-height: 1.5em;
	font-size:14px;	
}
#breadscrumb{
  font-size:12px;

}
#breadscrumb a{
	text-decoration:none;
	color:#35414B;
	font-size:11px;
}
#breadscrumb a:hover{
	text-decoration:underline;
	color:#333333;
}
#conteudo .tit{
	color:#48486B;
	font-size:18px;
	font-weight:bold;
	padding:3px 0px 20px 0px;
}
#conteudo .tit_02{
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding-bottom:20px;
	font-style:italic;
	width:auto;
}
.txt{
    text-align:justify;
	font-size:14px;
}
/*--------------------- Home texto ------------------------*/
ul.home-txt{
    font-size:16px;
    color:#666699;
	font-weight:bold;
	margin:0;
	padding:0;
}
ul.home-txt li{
	margin:8px 0;
	list-style:none;
	background-image: url(../images/icone_home.png);
	background-repeat:no-repeat;
	text-indent:26px;
}
/*--------------------- Cursos ------------------------*/
#cursos{
	padding:0px;
	margin:0px;
	color:#0e2a40;
	font-weight:bold;
	font-size:14px;
	list-style-position: inside;
}
#cursos li{
	border-bottom:dotted 1px #c1def4;
	list-style-position: inside;
	list-style-image: url(../images/icon_cursos.png);
	padding:8px 0px 8px 0px;
	margin:0px;
}
#cursos a{
text-decoration:none;
color:#0e2a40;
}
#cursos a:hover{
text-decoration:underline;
color:#000000;
}

/*--------------------- Método ------------------------*/
.metodo{
	padding-left:20px;
	margin:0px;
	color:#0e2a40;
	font-size:14px;
}
.metodo li{
	padding:0px 0px 10px 5px;
	margin:0px;
	list-style-image: url(../images/list_style_square.jpg);
}

/*--------------------- Poesia ------------------------*/
.poesia{
	font-style:italic;
}

/*--------------------- Apoio Social ------------------------*/
#apoio_social_crianca{
	background:url(../images/criancas.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
#apoio_social_terra{
	background:url(../images/terra.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:0px;
}
a{
    text-decoration:none;
    color:#333333;
}
/*--------------------- Músicas ------------------------*/
#musicas{
	padding:0px;
	margin:0px;
	color:#0e2a40;
	font-size:14px;
	width:380px;
}
#musicas li{
	border-bottom:dotted 1px #c1def4;
	list-style:none;
	padding:8px 0px 0px 0px;
	margin:0px;
	height:30px;
}
.music{
	width:355px;
	height:auto;
	float:left;
}
.music span.number{
    font-weight:bold;
}
.music span.name{
    font-style:italic;
}
.music span.singer{
    font-weight:bold;
}
.bt_music{
	width:24px;
	height:24px;
	float:left;
}
.bt_music a{

	width:24px;
	height:24px;
}
#player{
    padding:10px 0px;
}
.letra{
    padding-top:10px;
}

/*--------------------- Top Students ------------------------*/
.txt_02{
    text-align:left;
	font-size:12px;
}

/*--------------------- Conteudo ------------------------*/
.temas{
	font-weight:bold;
	font-style:italic;
	font-size:12px;
}
.temas tr{
	height:40px;
}

/*--------------------- Fale Conosco ------------------------*/
.fale_conosco{
	font-size:12px;
	font-weight:bold;
}
.fale_conosco td{
	height:36px;
	vertical-align:top;
	padding-top:8px;
}
.fale_conosco .text{
	width:300px;
	background-color:none;
	border:1px solid #FFF;
}
.fale_conosco textarea{
	width:300px;
	height:55px;
	background-color:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #FFF;
}
.fale_conosco .bt_ok{
	background:url(../images/bg_ok.jpg) 0px 2px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:53px;
	height:35px;
	cursor:pointer;
	border:none;
}
.fale_conosco .bt_limpar{
	background:url(../images/bg_limpar.jpg) 0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:94px;
	height:36px;
	font-weight:bold;
	cursor:pointer;
	border:none;
}
.fale_conosco td.campo_01{
    background-image:url(../images/campo_01.jpg);
	background-repeat:no-repeat;
	padding:5px 0px 0px 13px;
	border:none;
}
.fale_conosco td.campo_02{
    background-image:url(../images/campo_02.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 0px 13px;
	border:none;
}
.fale_conosco td.campo_03{
    background-image:url(../images/campo_03.jpg);
	background-repeat:no-repeat;
	padding:8px 0px 0px 13px;
	border:none;
}
.fale_conosco td.campo_04{
    background-image:url(../images/campo_04.jpg);
	background-repeat:no-repeat;
	height:80px;
	padding:11px 0px 0px 13px;
	border:none;
}

/*--------------------- Fotos ------------------------*/
#foto{
	padding:0px;
	margin:0px;
	color:#0e2a40;
	font-size:14px;
	width:380px;
	list-style:none;
	position:relative;
	top:-94px;
}
#foto li{
	border-bottom:dotted 1px #c1def4;
	list-style:none;
	padding:8px 0px 0px 0px;
	margin:0px;
	height:30px;
	font-weight:bold;
}
.tit_foto{
	width:355px;
	height:auto;
	float:left;
}
.bt_foto{
	width:24px;
	height:24px;
	float:left;
}
.bt_foto a{
	width:24px;
	height:24px;
}
#img_fotos{
position:relative;
top:-50px;
left:400px;
width:130px;
height:111px;
}
#album{
}
#album .foto{
background:url(../images/bg_foto.gif);
width:129px;
height:116px;
text-align:center;
}
/*------------------ Imagens-----------------------*/
.img_dir{
float:right;
margin-top:50px;
z-index:1;
}
.img_top{
text-align:center;
}
.img_top_02{
width:100px;
height:50px;
position:relative;
top:-50px;
left:180px;
}
/*------------------ Tick Box -----------------------*/
div#tickbox { 
display:none;
z-index:1000;
}
div#tranparent { 
width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); opacity:0.5; position:absolute; top:0; left:0;_width:auto;
z-index:1000;
}
#cnt {
position:absolute; top:100px; left:50%;
z-index:1000;
text-align:right;
}
#cnt a {
background-color:#FFF;
padding:3px 7px 0px 7px;
text-decoration:none;
color:#333333;
font-weight:bold;
}
iframe#iframe-tickbox { 
width:0; height:0; background-color:#FFF;
}