/*
Desenvolvido por Fohatlux Design
www.fohatlux.com.br
Fevereiro 2010
*/

*{margin:0; padding:0; border:0;}

html{ background:url(../images/bg_geral.jpg) 0 0;}
body{ background:url(../images/bg_topo.jpg) top center no-repeat; min-height:400px; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#231630; line-height:16px;}
/*body{ background:url(../images/bg_topo.jpg) top center no-repeat; min-height:400px; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#231630; line-height:16px; text-transform:lowercase;}*/
h2:first-letter{text-transform:uppercase;}

p{margin:7px 0}
P{text-transform:lowercase;}
p:first-letter{ text-transform:uppercase;}

.fleft{float:left;}
.fright{float:right;}

a:focus{outline:none;}

hr{background:none; border-top:1px solid #745B82; border-bottom:1px solid #E4DAEB; width:100%; height:1px; margin:30px 0;}

/*Estilos do Conteúdo*/
#conteudo{
width:900px;
margin:0 auto;
/*padding:0 30px;*/
display:table;
}

form input{
	border:1px solid #A899A7;
	background:#EEE6EB;
	padding:2px 0 2px 3px;
	color:#666;
	height:17px;
}

form textarea{
	border:1px solid #A899A7;
	background:#EEE6EB;
	padding:2px 0 2px 3px;
	font-family:Tahoma;
	font-size:13px;
	color:#666;
	width:360px;
	height:150px;
}

form .botao{
	background:url(../images/bot_enviar_mensagem.gif) 0 0 no-repeat;
	display:block;
	width:125px;
	height:27px;
	cursor:pointer;
	text-indent:-9999px;
}

#conteudo a{color:#1A1023; text-decoration:underline;}
#conteudo a:hover{color:#533472; text-decoration:none;}
.seta{padding:0 0 0 10px; background:url(../images/seta.gif) 0 3px no-repeat;}
#modalidades{width:960px; margin:30px auto;}
.curso{display:table; width:100%;}

h1{text-indent:-9999px; margin-bottom:20px;}
h1#tit_modalidades{background:url(../images/tit_modadlidades.gif) 0 0 no-repeat; width:206px; height:36px;}
h1#tit_metodologia{background:url(../images/tit_metodologia.gif) 0 0 no-repeat; width:206px; height:43px;}
h1#tit_instalacoes{background:url(../images/tit_instalacoes.gif) 0 0 no-repeat; width:303px; height:41px;}
h1#tit_horarios{background:url(../images/tit_horarios.gif) 0 0 no-repeat; width:136px; height:36px;}
h1#tit_docente{background:url(../images/tit_corpodocente.gif) 0 0 no-repeat; width:236px; height:43px;}
h1#tit_corpodebaile{background:url(../images/tit_corpodebaile.gif) 0 0 no-repeat; width:233px; height:43px;}
h1#tit_premios{background:url(../images/tit_premios.gif) 0 0 no-repeat; width:133px; height:36px;}
h1#tit_fotos{background:url(../images/tit_fotos.gif) 0 0 no-repeat; width:88px; height:36px;}
h1#tit_contatos{background:url(../images/tit_contatos.gif) 0 0 no-repeat; width:143px; height:36px;}
h1#tit_noticias_big{background:url(../images/tit_noticias_big.gif) 0 0 no-repeat; width:131px; height:36px;}
h1#tit_agenda_big{background:url(../images/tit_agenda_big.png) 0 0 no-repeat; width:134px; height:45px;}

h2{text-indent:-9999px; margin-bottom:20px;}
h2#tit_modalidades_destaque{background:url(../images/tit_modadlidades_destaque.gif) 0 0 no-repeat; width:170px; height:30px;}
h2#tit_babyclass{background:url(../images/tit_babyclass.gif) 0 0 no-repeat; width:146px; height:36px; margin-top:40px;}
h2#tit_balletclassico{background:url(../images/tit_balletclassico.gif) 0 0 no-repeat; width:188px; height:31px; margin-top:40px;}
h2#tit_jazz{background:url(../images/tit_jazz.gif) 0 0 no-repeat; width:64px; height:30px; margin-top:40px;}
h2#tit_contemporaneo{background:url(../images/tit_contemporaneo.gif) 0 0 no-repeat; width:210px; height:36px; margin-top:40px;}
h2#tit_dancaderua{background:url(../images/tit_dancaderua.gif) 0 0 no-repeat; width:182px; height:34px; margin-top:40px;}
h2#tit_dancadesalao{background:url(../images/tit_dancadesalao.gif) 0 0 no-repeat; width:205px; height:35px; margin-top:40px;}

h2#tit_metodolgiacubana{background:url(../images/tit_metodologiacubana.gif) 0 0 no-repeat; width:271px; height:36px; margin-top:40px;}
h2#tit_condicionamento{background:url(../images/tit_condicionamento.gif) 0 0 no-repeat; width:316px; height:31px; margin-top:40px;}
h2#tit_exames{background:url(../images/tit_exames.gif) 0 0 no-repeat; width:105px; height:31px; margin-top:40px;}
h2#tit_condicionamento{background:url(../images/tit_condicionamento.gif) 0 0 no-repeat; width:316px; height:31px; margin-top:40px;}
h2#tit_tecnicas{background:url(../images/tit_tecnicas.gif) 0 0 no-repeat; width:236px; height:31px; margin-top:40px;}

h2#tit_vestiario{background:url(../images/tit_vestiario.gif) 0 0 no-repeat; width:274px; height:35px; margin-top:40px;}
h2#tit_cantina{background:url(../images/tit_cantina.gif) 0 0 no-repeat; width:102px; height:31px; margin-top:40px;}
h2#tit_salas{background:url(../images/tit_salas.gif) 0 0 no-repeat; width:73px; height:31px; margin-top:40px;}
h2#tit_area_lazer{background:url(../images/tit_area_lazer.gif) 0 0 no-repeat; width:277px; height:44px; margin-top:40px;}

.img_destaque{margin:20px 0 30px 30px;}

#texto{width:690px; display:table;}
#texto h1#bemvindo{background:url(../images/tit_ioa_bemvindo.gif) 0 0 no-repeat; text-indent:-9999px; width:250px; height:60px;}

.table_pad{padding:10px;}

.foto img{border-top:5px #FFF solid; border-right:5px #FFF solid; border-bottom:15px #FFF solid; border-left:5px #FFF solid; margin:0 10px 0 0;}

/*Estilos do Menu*/
#menu{width:180px; margin-right:30px; display:table; background:url(../images/bg_menu.jpg) top right no-repeat;}
#menu ul{list-style:none;}
#menu ul li{text-indent:-9999px;}
#menu ul li a{display:block; height:17px; margin:8px 0;}

#menu ul li a#m_ioa{background:url(../images/menu_ioa.gif) 0 -34px no-repeat;}
#menu ul li a#m_ioa:hover{background:url(../images/menu_ioa.gif) 0 -17px no-repeat;}

#menu ul li a#m_instalacoes{background:url(../images/menu_instalacoes.gif) 0 -34px no-repeat;}
#menu ul li a#m_instalacoes:hover{background:url(../images/menu_instalacoes.gif) 0 -17px no-repeat;}

#menu ul li a#m_metodologia{background:url(../images/menu_metodologia.gif) 0 -34px no-repeat;}
#menu ul li a#m_metodologia:hover{background:url(../images/menu_metodologia.gif) 0 -17px no-repeat;}

#menu ul li a#m_docente{background:url(../images/menu_corpodocente.gif) 0 -34px no-repeat;}
#menu ul li a#m_docente:hover{background:url(../images/menu_corpodocente.gif) 0 -17px no-repeat;}

#menu ul li a#m_baile{background:url(../images/menu_corpobaile.gif) 0 -34px no-repeat;}
#menu ul li a#m_baile:hover{background:url(../images/menu_corpobaile.gif) 0 -17px no-repeat;}

#menu ul li a#m_modalidades{background:url(../images/menu_modalidades.gif) 0 -34px no-repeat;}
#menu ul li a#m_modalidades:hover{background:url(../images/menu_modalidades.gif) 0 -17px no-repeat;}

#menu ul li a#m_noticias{background:url(../images/menu_noticias.gif) 0 -34px no-repeat;}
#menu ul li a#m_noticias:hover{background:url(../images/menu_noticias.gif) 0 -17px no-repeat;}

#menu ul li a#m_agenda{background:url(../images/menu_agenda.gif) 0 -34px no-repeat;}
#menu ul li a#m_agenda:hover{background:url(../images/menu_agenda.gif) 0 -17px no-repeat;}

#menu ul li a#m_modalidades{background:url(../images/menu_modalidades.gif) 0 -34px no-repeat;}
#menu ul li a#m_modalidades:hover{background:url(../images/menu_modalidades.gif) 0 -17px no-repeat;}

#menu ul li a#m_fotos{background:url(../images/menu_fotos.gif) 0 -34px no-repeat;}
#menu ul li a#m_fotos:hover{background:url(../images/menu_fotos.gif) 0 -17px no-repeat;}

#menu ul li a#m_videos{background:url(../images/menu_videos.gif) 0 -34px no-repeat;}
#menu ul li a#m_videos:hover{background:url(../images/menu_videos.gif) 0 -17px no-repeat;}

#menu ul li a#m_horarios{background:url(../images/menu_horarios.gif) 0 -34px no-repeat;}
#menu ul li a#m_horarios:hover{background:url(../images/menu_horarios.gif) 0 -17px no-repeat;}

#menu ul li a#m_muralrecados{background:url(../images/menu_muralrecados.gif) 0 -34px no-repeat;}
#menu ul li a#m_muralrecados:hover{background:url(../images/menu_muralrecados.gif) 0 -17px no-repeat;}

#menu ul li a#m_contatos{background:url(../images/menu_contatos.gif) 0 -34px no-repeat;}
#menu ul li a#m_contatos:hover{background:url(../images/menu_contatos.gif) 0 -17px no-repeat;}

#menu ul li a#m_premios{background:url(../images/menu_premios.gif) 0 -34px no-repeat;}
#menu ul li a#m_premios:hover{background:url(../images/menu_premios.gif) 0 -17px no-repeat;}

#tooltip{position:absolute; z-index:3000; border:1px solid #111; background-color:#463359; padding:5px 10px; opacity:0.95; color:#FFF;}
#tooltip h3, #tooltip div{margin: 0;}

/*Estilos da DIV topo*/
#topo{ width:960px; height:380px; margin:0 auto; display:table;}
#ioa_logo{z-index:999; position:absolute; top:50px;}

/*Estilos da DIV destaque*/
#destaque{width:100%; height:284px; background:url(../images/bg_destaque.jpg) top center no-repeat; margin:30px 0;}
#destaque #dest_cont{width:960px; margin:0 auto;}
#destaque #dest_cont .session{width:266px; margin:75px 25px 0 25px;}
#destaque a.bot_bg{background:url(../images/bg_link_bot.gif) 0 0 no-repeat;	color:#FFF;	font-size:11px;	display:block;	height:27px; line-height:27px;	margin-top:20px;}
#destaque a.bot_bg span{background:url(../images/bg_link_bot.gif) right -27px no-repeat; display:block; height:27px; padding:0 0 0 10px;}

#destaque a#timeline{width:140px;}
#destaque span#timeline_s{width:131px;}

#destaque a#agenda{width:150px;}
#destaque span#agenda_s{width:141px;}

#destaque a#noticias{width:100px;}
#destaque span#noticias_s{width:91px;}

#destaque .agenda{color:#9E678A}

/*Estilos da DIV rodape*/
#rodape{width:100%; height:123px; background:url(../images/bg_rodape.jpg) top center no-repeat; margin:30px 0 0 0; color:#FFF}
#rodape #rodape_cont{width:750px; padding:40px 0 0 210px; margin:0 auto;}
#rodape a{color:#FFF; text-decoration:underline;}
#rodape a:hover{color:#FFF; text-decoration:none;}

.box1{
		float:left;
		width:55px;
		height:35px;
		margin-left:12px;
		margin-right:5px;
		margin-top:5px;
		font-size:10px;
		color:#a4a4a4;
		line-height:1.1;
		font-family:Arial, Helvetica, sans-serif;
	}
.box2{
	float:left;
		width:29px;
		height:29px;
		margin-left:10px;
		margin-right:5px;
		margin-top:10px;
	}
.box3{
	float:left;
		width:29px;
		height:29px;
		margin-left:0px;
		margin-right:5px;
		margin-top:10px;
	}
