/* novarea.css   Folha de estilo para o site Página Solar Jean Nicolini (Rea) - junho 2005 */


/* ambientação de fundo e background do texto */

body {
	background-color:#000;
	margin-top:10px;
	margin-left:95px;
	margin-bottom:25px;
	width:800px;
	padding:0px;
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
#interno {
	margin-left:0px;
	padding:10px;
	width:800px;
	background-color:#dcdcdc;
	}	

	
/* para cabeçalhos, à esquerda e à direita */

#topo_cent {
	margin:0px;
	height:35px;
	padding:10px;
	background-color:#ffc500;
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:52px;
	text-align: center;
	}	
	
#topo_dir {
	margin:0px;
	height:35px;
	padding:10px;
	background-color:#ffc500;
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: right;
	}	
	
#topo_left_inside {
	margin: 0px
	height: 15px;
	padding: 2px;
	background-color: #ffd500;
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	text-align: left;
	border-top:1px solid white;
	}			


/* programação das células das tabelas */	
	
td {
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:11px;
	}	
	
		
/* parametros gerais para os tamanhos das letras */
	
h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	}

h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 64px;
	text-transform: lowercase;
	}
	
h2 {
	font-size: 24px;
	margin-top: 25px;
	margin-bottom: 0;
	letter-spacing: 1px
	}	

h3 {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 0;
	}

h4 {
	font-size: 13px;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 0;
	}

h5 {
	
	font-size:12px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	}
	
/* cores dos parágrafos */

p {
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px 0px 16px 0px;
	padding:0px;
	text-align:justify;
	}
	
p.azul {
	color:blue;
	}	
	
p.vermelho {
	background-color:#ccc;
	color:red;
	padding:5px;
	border:1px solid white;
	}	
	
p.verde {
	color:green;
	}
	
p.amarelo {
	color:yellow;
	}		
	
/* texto preformatado */
	
pre {
	font-family:Courier New, monoespace;
	font-size:12px;
	}	
	
hr {
	color:1px solid #ffa500;
	}	
	
img {
	border:1px solid black;
	}	
	
/* símbolo que aparece nas listas */	
	
li {
	list-style-type:circle;
	}
	
/* programação dos links */	

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #009;
	background: transparent;
	}

a:hover {
	font-weight: bold;
	text-decoration:none;
	background: transparent;
	}
	
a:active {
	font-weight: bold;
	text-decoration: none;
	color: #a50;
	background: transparent;
	}
	
/* página de abertura em duas colunas*/

#navegesq {
	float:left;
	width:200px;
	margin:0;
	padding:15px;
	text-align:right;
}

#conteudo {
	margin-left:240px;
	padding:15px;
	border-left:2px solid #ffa500;
}

#conteudo_esq {
	margin-left:180px;
	padding:20px;
	text-align:left;
	border-left:2px solid #ffa500;
}

#conteudo_dir {
	margin-right:180px;
	padding:20px;
	text-align:right;
	border-right:2px solid #ffa500;
}

/* demais paginas */		

#roteiroesq { 
	float:left;
	margin-top:45px;
	margin-left:20px;
	width:150px;
	padding:20px;
	text-align:center;
	border-right:1px dotted red;
	}		
	
#roteirocen { 
	margin-left:200px;
	width:580px;
	padding:20px;
	text-align:left; 
	}	
	
#roteiroesq0 { 
	margin-left:300px;
	width:400px;
	padding:10px;
	text-align:left;
	border-top:1px dotted black; 
	}	
	
#roteirodir { 
	float:right
	margin-left:150px;
	margin-right:100px;
	padding:15px;
	text-align:left;
	border-top:1px dotted black; 
	}			
	
#textoesq {
	margin-left:90px;
	width:650px;
	padding:20px;
	text-align:left;
	}			

#textodir {
	margin-left:90px;
	width:600px;
	padding:10px;
	text-align:right;
	}
	
#observ {
	margin-left:80px;
	width:680px;
	padding:15px;
	text-align:left;
	border-left:1px dotted red;
	}		
	
.registros { 
	background:#ccc;
	width:570px;
	margin-left:5px;
	padding:10px;
	font-family:Courier New monoespace;
	font-size:12px;
	text-align:left;
	/*border:1px solid black;*/
	}	
	
/* rodapé */		
	
#rodape {
	font-family: Comic sans ms, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-left:0px;
	height: 60px;
	text-align:center;
	padding:10px;
	background-color:#ffc500;
	}
	
	
/* para centralizar (ou à direita, ou à esquerda) tabelas ou imagens ...

<div style="text-align:center;">
	<table> ... </table>
	<img alt="" src="" />
</div>

... e colocar o nome antes (ou ao final) da tabela ou imagem */