* 	{
	padding: 0px;
	margin: 0px;
	border: 0px;
	}

html	{ height: 100% } 

body {
	background: #EEE;
	font: normal 11px/16pt Georgia;
	min-height: 101%;
	}
	
H1	{
	color: #FFF;
	font-weight: bold;
	fonr-size: 24pt;
	}

H1 span	{
	display: none;
	}


H2	{
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	font-size: 14pt;
	line-height: 21pt;
	padding-right: 80px;
	}

#azul H2, #azul h3 {
	color: #0083B2;
	}

H2 span {
	color: #000;
	font-size: 9pt;
	}
	
H3	{
	color: #FFF;
	font-weight: bold;
	font-size: 10pt;
	line-height: 14pt;
	padding-right: 80px;
	margin-top: 10px;
	margin-bottom: 12px;
	}

H3 span {
	font-style: italic;
	margin-left: 0px;
	color: #000;
	font-size: 8pt;
	}

H3 span A {
	color: #000;
	text-decoration: underline;
	}

H3 A {
	color: #FFF;
	text-decoration: none;
	}

H3 A:hover {
	text-decoration: underline;
	}

P	{
	color: #000;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 80px;
	font-size: 9pt;
	}

.bgAzul	{ background: #0083B2; }
.bgRoxo { background: #A95C94; }
.bgAmarelo { background: #E8AD00; }
.bgVerde { background: #969F34; }
.bgBranco { background: #FFF; }

/* -------------- menu ------------- */
#menu {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: right;
	}

	
#menu A {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding-left: 3px;
	padding-right: 3px;
	}
	
#menu A:hover {
	color: #999;
	}

/* ----------container to center the layout-------------- */
#container {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	}

/* ------------------ topo ---------------- */
#topo {
	background-color: transparent;
	height: 220px;
	}

.topoPrincipal { background: url(img/bgPrincipal.jpg) top left no-repeat;}
.topoCronologia { background: url(img/bgCronologia.jpg) top left no-repeat;}
.topoNatureza { background: url(img/bgNatureza.jpg) top left no-repeat;}
.topoCostumes { background: url(img/bgCostumes.jpg) top left no-repeat;}
.topoLugares { background: url(img/bgLugares.jpg) top left no-repeat;}
.topoArtistas { background: url(img/bgArtistas.jpg) top left no-repeat;}
.topoReferencia { background: url(img/bgReferencia.jpg) top left no-repeat;}


/* -------------- corpo --------------------- */
#corpo {
	float: right;
	width: 490px;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 40px;
	}

H4	{
	font-size: 9pt;
	padding-top: 7px;
	padding-bottom: 7px;
	}
	
H4 span	{
	color: #FFF;
	background: #0083B2;
	padding: 2px 8px 2px 8px;
	}

table {
	margin-top: 10px;
	}

table td {
	vertical-align: top;
	border-top: #0083B2 1px dashed; 
	}

table td p {
	padding: 0;
	font-size: 8pt;
	line-height: 11pt;
	margin: 8px 0px 8px 0px;
	}

/* -------------- imagens ------------- */
#imagens {
	margin-top: 50px;
	float: left;
	width: 250px;
	}
	
#imagemItem {
	margin-left: 50px;
	margin-bottom: 20px;
	width: 200px;
	}

#imagemItem IMG {
	width: 200px;
	}

#legenda {
	margin-top: 4px;
	font-family: Verdana;
	font-size: 7pt;
	line-height: 9pt;
	}

#legenda span {
	font-weight: bold;
	text-transform: uppercase;
	}
	
#subMenu {
	list-style-type: none;
	margin-left: 50px;
	}

#subMenu LI {
	margin-bottom: 15px;
	}
	
#subMenu LI A {
	color: #0083B2;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
	}

#subMenu LI A:hover {
	text-decoration: underline;
	}
	
	
#bioMenu {
	list-style-type: none;
	margin-left: 50px;
	line-height: 9pt;
	}

#bioMenu LI {
	margin-bottom: 15px;
	}
	
#bioMenu LI A {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	}

#bioMenu LI A:hover {
	text-decoration: underline;
	}
	
	

/* ------------------- rodape ---------------------- */
#rodape {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	padding-bottom: 50px;
	text-align: left;
	}