body { font-family:"Trebuchet MS"; font-size:12px; text-align:-moz-center; text-align:center;
	   background-color:#333333;}

#tudo { margin:0pt; width:100%; margin-top:0px; height:868px;}
#geral{ position:relative; text-align:left; background: transparency; width:760px; z-index:10; background:#FFFFFF;
		border:2px solid #666666; border-top:none; border-bottom:none; height:100%; left:-380px; margin-left:50%; }
#conteudo  { position:relative; text-align:left; background: transparency; width:700px; z-index:10; margin-bottom:0px; clear:both}
#topo      { position:relative; text-align:left;  background: transparency; width:750px; z-index:10; margin-left:2px  }
#topo img  { margin-top:10px; margin-left:10px}
#div_rodape{ margin-top:6px; }

#cont_texto {margin:10px 0px 0px 10px;}

#menu {	background-image:url(../img/bg_menu.jpg); width:750px; height:28px; font-family:Verdana; size:12px; 
	    font-weight:bold; color:#FFFFFF; padding-left:10px; padding-top:6px}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 750px;
	float: left;
}

.menu_titulo { background-image:url(../img/bg_menu.jpg); } 

#menu ul a {
	text-decoration: none;
	display: block;
	font: bold 12px/16px arial, helvetica, sans-serif;
	margin: 0px;				
	padding: 0px 15px 0px 0px;
	text-align:center;
	color:#FFFFFF;
}

#menu ul a:hover {
	color: #FFF;
	text-decoration: none;
}

#menu ul li {
	float: left;
	position: relative;
}

#menu ul li ul {
	list-style: none;
	position: absolute;
	top: 3.2em;
	display: none;
	width: 3em;
	margin:0px;
}

#msg {background:#FFFFCC; font:bold 12px Arial; color:#0066FF; width:400px; margin:0 15% 10px 18%; padding:3px; text-align:center; display:none; border:1px #ccc solid}

#portais   { position:relative; top:0px; margin-top:0px; left:50%; margin-left:50px; width:280px; font-size:10px; color:#FFFFFF; 		   		     font-weight:bold; }

.botaoOk{background:url(../img/bt_enviar.jpg) no-repeat; width:80px; height:15px; border:none; cursor:pointer;}


/* Divisorias */
.pontilhado { border-top:1px dashed #CCCCCC;  }

.borda      { border:1px solid #FFFF00;}

.input      { border:1px solid #CCCCCC}
textarea    { font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366}

/* Montar livro */
#div_escolerLivro { float:left; width:160px; height:497px; overflow:auto; background:#FFFFE8; margin-left:-10px; text-align:center; }
#div_contForm {float:right; width:500px; text-align:center; margin-right:-50px; padding:5px; padding-bottom:0px}

#div_suaHistoria {clear:both; margin-top:0px; margin-left:-10px; padding-top:10px; width:760px; overflow:auto; overflow-y:hidden; 
				  height:180px; background:#FFFFE8;}
				  
textarea {
  width: 240px;
  height: 100px;
}			

#progreso {
  background: url(../textarea.png) no-repeat;
  background-position: -240px 0px;
  width: 240px;
  height: 14px;
  text-align: center;
  color: #000000;
  font-size: 8pt;
  font-family: Arial;
  text-transform: uppercase;
}