/* 
- Por favor, não altere este código para preservar a padronização dos templates, caso seja necessário crie uma nova folha de estilo. 
- A disposição do menu foi alterada, saindo da padronização.
*/

html, body{margin:0;}
body{background-image:url(../images/bg_efect.png); background-position:left bottom; background-attachment: fixed; background-repeat:x;}

#geral{float:left; height:600px; left:50%; margin-left:-392px; position:absolute;}

/* Largura da página */
#geral, #topo, #menu_bar, #cont, #exercicio_int p{width:783px;}
#corpo{float:left; height:382px; position:relative; }
*{font-family:verdana, arial, helvetica, sans-serif;}
.conteudo{color:#000; font-size:12px; margin-left:77px; text-align:justify; text-decoration:none; width:647px;}
/* Formatação geral do conteúdo */

h1{color:#fff; float:left; font-size:12px; font-weight:bold; height:auto; margin:30px 0px 0px 23px; padding-top:8px; text-align:center; width:423px; position:absolute;}

h2{color:#CC3333; font-size:12px; font-weight:bold; margin:20px auto 8px 77px;}

p, table.table{color:#000; font-size:12px; margin-left:77px; text-align:left; text-decoration:none; width:647px;} /* alterado por Rodrigo Nascimento. Foi  definida uma classe tabela para a tag table*/

ul.lista{font-size:12px; padding-left:77px; text-decoration:none; width:647px;}/* alterado por Rodrigo Nascimento. Foi definida a classe lista para a tag ul*/
html>body ul{margin-left:40px;}

a {font-size:12px; text-decoration:underline; color:#000;}
a.cont:link {text-decoration:underline;}
a.cont:active, a.cont:visited, a.cont:hover {text-decoration:none;}

a.coment{color:blue; cursor:help; font-size:12px; padding:0; position:relative; text-decoration:none; z-index:24;}
a.coment:hover{background:transparent; text-decoration:none; z-index:25; }
a.coment span{display:none}
a.coment:hover span{background:#ffc; border:1px solid #000; color:#000; display:block; left:0px; padding:5px 10px; position:absolute; top:15px; text-align:left; text-decoration: none; width:300px;}

a.coment_dir{color:#000000; cursor:help; font-size:12px; padding:0; position:relative; text-decoration: underline; z-index:24;}
a.coment_dir:hover{background:transparent; text-decoration:none; z-index:25;}
a.coment_dir span{display: none}
a.coment_dir:hover span{background:#ffc; border:1px solid #000; color:#000; display:block; left:-250px; padding:5px 10px; position:absolute; text-align:left; text-decoration:none; top:15px; width:300px;}

.font{font-size:9px; font-weight:normal;}
	a.font {font-size:9px; font-weight:normal;}
	a.font:link, a.font:visited, a.font:hover {color:#000; text-decoration:underline;}
	
/* Layout do cabeçalho Estudo Interativo */

#topo{background:url(../images/topo.gif) no-repeat; float:left; height:203px; position:absolute; z-index:1;}

#anime_materia{float:right; height:79px; width:186px;}

#menu_bar{float:left; height:27px; margin-top:18px; text-align:center;}

#barra_menu{height:29px; margin-left:65px; width:auto;}
	#menu{float:left; height:27px; padding-top:5px; text-align:center; width:auto;}
		#lat_menu_left{float:left; height:27px; width:12px;}
		#lat_menu_rigth{float:left; height:27px; width:11px;}
			a.menu {font-size:13px; font-weight:bold; height:27px; text-decoration:none; padding-left:5px;}
			a.menu:visited {text-decoration:none;}
			a.menu:hover {color:#fff; text-decoration:underline;}

/* Layout do conteúdo do Estudo Interativo */

#cont{background:url(../images/bg_cont.jpg) -2px 30px repeat; float:left; height:auto; margin-top:135px; position:absolute; z-index:0;}
	
/* Layout do rodapé do Estudo Interativo */

#footer{clear:both; color:#fff; top:100%; bottom:0; font-size:10px; float:right; height:15px; margin-top:0px; padding:5px 0px 5px 0px; position:absolute; text-align:right; width:783px; z-index:100;}
#txt{margin-right:55px;}
	.nav_esq, .nav_dir{float:left; position:absolute; top:325px; width:56px;}
	.nav_esq{left:60px;}
	.nav_dir{left:674px;}
	
/* Fim da folha de estilo */

/* Estudo atual */
	.atv{clear:both; text-align:center; height:auto; margin-left:77px; margin-top:-10px; width:auto; float:left; position:absolute; z-index:0;}
	html>body .atv{margin-top:0px;}
/*---------*/

#exercicio {background:url(../images/blank.png); display:none; height:100%; width:100%; float:left; position:absolute; z-index:100;}
#exercicio_int{background:#fff; float:left; margin-top:0px; left:50%; margin-left:-392px; position:relative; width:783px; height:100%;}
#fechar{float:left; bottom:0; position:absolute; font-family:verdana, arial, helvetica, sans-serif;}

/* Simulação de Prototype */
	#janela, #sexuada, #asexuada, #tentaculos{background: url(../imagens/black-70.png); display:none; position:absolute; z-index:101; height:100%; width:100%;}
		/*html>body #janela, #sexuada, #asexuada, #tentaculos{position:fixed;}*/
	.janela_iframe{background:#fff; font-size:12px; left:50%; margin-left:-390px; top:50%; margin-top:-175px; float:left; position:absolute; height:350px; overflow:auto; width:780px; padding:5px;}
	iframe{background-color:#fff; height:350px; }
	.janela_iframe a{color:#000; font-size:14px; font-weight:bold; text-decoration:none;}
	.janela_iframe a:hover{text-decoration:underline;}
	.janela_iframe iframe{background:#fff; margin-top:5px; height:350px; width:773px;}

/* Fim da folha de estilo */