/* Desenvolvido por iD Studio - www.idstudio.art.br - 2010 */


/* S T R U C T U R E */


HTML {
	height: 100%;
}

BODY {
	display: flex;
	align-items: center;
	/* align-content: center; */
	flex-wrap: wrap;
	justify-content: center;
	height: 100%;
	margin: 0;
	background: #4C0203 url("graficos/abertura_final.jpg") center center no-repeat fixed;
	background-size: cover;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #816156;
}

#TopBar {
	align-self: flex-start;
	height: 65px;
	background: url("graficos/top1.jpg") center top no-repeat;
}

	#TopBar A {
		display: block;
		margin: 0 auto;
		width: 990px;
		height: 65px;
	}

#Canvas {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 650px;
	background: #EADEC4 url("graficos/page.jpg") no-repeat;
}
	
@media screen and (min-height: 780px) {
	#TopBar + #Canvas {
		top: -65px;
	}
}

	#Content {
		position: absolute;
		top: 0;
		right: 0;
		width: 811px;
		height: 650px;
		background: transparent 592px 451px no-repeat;
	}
	
	BODY.navmode1 #Content {
		width: 990px;
	}
	
		#Content .wrapper {
			position: absolute;
			left: 24px;
			top: 46px;
			width: 570px;
			height: 560px;
			border: 1px solid #9C8460;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			background: transparent url("graficos/bg50.png") repeat;
		}
		
		BODY.navmode1 #Content .wrapper {
			top: 24px;
			width: 942px;
			height: 602px;
		}
		
			#Content P {
				/* margin: 1em 16px; */
				margin: 4px 8px;
				text-indent: 20px;
			}
			
			#TOC {
				float: right;
				margin: 0 20px 5px 1em;
				padding: 0 0 12px;
				border: 2px solid #996535;
				background: transparent url("graficos/bg50.png") repeat;
				list-style-type: none;
			}
				
				#TOC LI {
					padding: 0 12px;
					font-size: 11px;
				}
				
					#TOC LI.header {
						margin-bottom: 12px;
						padding: 5px 10px;
						background: #720;
						text-align: center;
						text-transform: uppercase;
						font-family: Geneva, serif;
						font-weight: normal;
						letter-spacing: 4px;
						color: #FD0;
					}
				
					#TOC A {
						display: block;
						padding: 3px 10px;
						font-weight: normal;
						color: #68480D;
					}
					
						#TOC A:hover {
							color: #A40;
						}
					
						#TOC UL,
						UL.pretty {
							margin: 0;
							padding: 0;
							list-style-type: none;
							/*font-size: 10px;*/
						}
						
							#TOC UL A,
							UL.pretty A {
								padding-left: 30px;
								background: url("graficos/redbullet2.png") 10px center no-repeat;
							}
			
			#BottomNav {
				position: absolute;
				left: 0;
				top: 542px;
				width: 100%;
				text-align: center;
			}
			
			#Pagination {
				position: absolute;
				/* left: 0; */
				/* top: 542px; */
				/* width: 100%; */
				text-align: center;
				/* right: 16px; */
				right: 8px;
				bottom: 0;
				width: auto;
				transform: translateY(50%);
				padding: 3px 9px;
				border-radius: 8px;
				background-color: rgba(248,240,225,0.7);
				border: solid #9C8460 1px;
				z-index: 10;
			}
			
			#BottomNav {
				top: 574px;
			}
			
			#Viewport {
				position: relative;
				margin: 12px auto;
				border: 2px solid #9E662D;
				width: 910px;
				height: 500px;
				overflow: hidden;
				background: #E7DBC3;
				cursor: move;
			}
			
				.mapUnused {
					display: inline-block;
				}
			
				.mapPiece {
					display: inline-block;
					background: url("graficos/ajax-loader.gif") center center no-repeat;
					/* bg E7DBC3 fg F32F14 */
				}
				
				.mapLink {
					display: block;
					position: absolute;
					z-index: 1;
					background: url("graficos/blank.gif");
				}
				
			#BackLink {
				display: block;
				position: absolute;
				top: 16px;
				left: 24px;
				width: 32px;
				height: 32px;
				background: url("graficos/backlink.png") no-repeat;
				cursor: pointer;
			}
				
			#MinimapToggle {
				position: absolute;
				top: 8px;
				right: 16px;
				width: 48px;
				height: 48px;
				background: url("graficos/toggleminimap.png") no-repeat;
				cursor: pointer;
			}
			
			#Minimap {
				visibility: hidden;
				position: absolute;
				right: 14px;
				top: 57px;
				z-index: 2;
				overflow: hidden;
				border: 2px solid #9E662D;
			}
			
				#Bounds {
					position: absolute;
					border: 1px solid white;
					background: url("graficos/blank.gif");
					cursor: move;
				}
			
	#Credits {
		position: absolute;
		left: 210px;
		/* top: 611px; */
		top: 625px;
		font-size: 9px;
		/* color: #A86; */
		color: #6E5741;
		text-shadow: 1px 1px rgba(255,255,255,0.6);
	}
			
	#Visits {
		position: absolute;
		right: 216px;
		/* top: 611px; */
		top: 625px;
		font-size: 9px;
		/* color: #A86; */
		color: #6E5741;
		text-shadow: 1px 1px rgba(255,255,255,0.6);
	}
	
		#Credits A,
		#Visits A {
			font-weight: normal;
			/* color: #816156; */
			color: #6E5741;
		}
		
			#Credits A:hover,
			#Visits A:hover {
				color: #643;
			}

	#LeftMenu {
		position: absolute;
		left: 0;
		top: 2px;
		z-index: 10;
		width: 199px;
		height: 646px; /* cut shadow before overlapping the border */
		background: transparent url("graficos/blend.png") right top repeat-y;
	}
	
		#LeftMenu .wrapper {
			position: relative;
			top: -2px;
			width: 179px;
			height: 650px;
			/*border-right: 2px solid #8E674A;*/
			background: #4C0203 url("graficos/leftmenu_final_universal.jpg") no-repeat;
		}
		
			A.home {
				display: block;
				position: absolute;
				left: 18px;
				top: 91px;
				width: 143px;
				height: 153px;
			}
		
			#LeftMenu UL {
				margin: 0;
				padding: 263px 0 0;
				list-style-type: none;
			}
			
				#LeftMenu UL A {
					display: block;
					margin: 0 auto;
					width: 135px;
					height: 25px;
				}
				
					#LeftMenu .pt-BR A {
						background: url("graficos/menuitems3.jpg");
					}
				
					#LeftMenu .it A {
						background: url("graficos/menuitems3_it.jpg");
					}
				
					#LeftMenu A.off1 {
						background-position: 0 -6px;
					}
						#LeftMenu A.off1:hover,
						#LeftMenu LI.hover A.off1 {
							background-position: -135px -6px;
						}
						
					#LeftMenu A.off2 {
						background-position: 0 -31px;
					}
						#LeftMenu A.off2:hover,
						#LeftMenu LI.hover A.off2 {
							background-position: -135px -31px;
						}
						
					#LeftMenu A.off3 {
						background-position: 0 -56px;
					}
						#LeftMenu A.off3:hover,
						#LeftMenu LI.hover A.off3 {
							background-position: -135px -56px;
						}
						
					#LeftMenu A.off4 {
						background-position: 0 -81px;
					}
						#LeftMenu A.off4:hover,
						#LeftMenu LI.hover A.off4 {
							background-position: -135px -81px;
						}
						
					#LeftMenu A.off5 {
						background-position: 0 -106px;
					}
						#LeftMenu A.off5:hover,
						#LeftMenu LI.hover A.off5 {
							background-position: -135px -106px;
						}

					#LeftMenu A.off6 {
						background-position: 0 -131px;
					}
						#LeftMenu A.off6:hover,
						#LeftMenu LI.hover A.off6 {
							background-position: -135px -131px;
						}

					#LeftMenu A.off7 {
						background-position: 0 -156px;
					}
						#LeftMenu A.off7:hover,
						#LeftMenu LI.hover A.off7 {
							background-position: -135px -156px;
						}

					#LeftMenu A.off8 {
						background-position: 0 -181px;
					}
						#LeftMenu A.off8:hover,
						#LeftMenu LI.hover A.off8 {
							background-position: -135px -181px;
						}

			#LeftCrossfader {
				position: absolute;
				left: 0;
				top: 480px;
				width: 179px;
				height: 170px;
				overflow: hidden;
			}
			
				#LeftCrossfader IMG {
					visibility: hidden;
					width: 179px;
					height: 170px;
				}
						
	#RightNav {
		position: absolute;
		top: 295px;
		right: 48px;
		width: 140px;
		border: 1px solid #9C8460;
		border-width: 1px 0;
		padding: 10px 0;
		text-align: center;
	}
	
		#RightNav A {
			line-height: 20px;
			color: #800;
		}
		
			#RightNav A:hover {
				color: #0A0;
			}
			
	#Poem {
		position: absolute;
		left: 788px;
		top: 32px;
		width: 165px;
		height: 230px;
		background: url("graficos/blank.gif");
		cursor: url("highslide/zoomin.cur"),default;
	}

	#Music {
		visibility: hidden;
		position: absolute;
		left: 210px;
		top: 24px;
		height: 16px;
		padding-left: 40px;
		background: url("graficos/music_off.gif") no-repeat;
		line-height: 16px;
		font-size: 10px;
		cursor: pointer;
	}
	
		#Music:hover {
			color: black;
		}
		
		#Music.on {
			background-image: url("graficos/music_on.gif");
		}

	BODY.navmode1 #Music {
		left: 94px; /*36px;*/
		top: 47px; /*34px;*/
	}


/* E L E M E N T S */


H1 {
	margin: 17px 0;
	text-align: center;
	text-transform: uppercase;
	font-family: Geneva, serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 4px;
	color: #603E35;
}

H2,
H3 {
	margin: 0 16px 17px;
	text-align: center;
	text-transform: lowercase;
	font-family: Geneva, serif;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 5px;
	color: #603E35;
}

H3 {
/*
	margin: 1em 0 1em 16px;
	text-indent: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #4C7452;
*/
	color: #4C7452;
}

P {
	text-align: justify;
}

BLOCKQUOTE {
	margin: 1.5em 36px;
	text-align: justify;
	font-weight: bold;
	font-style: italic;
}

UL,
OL {
	margin: 1em 16px;
	padding-left: 20px;
	text-align: justify;
}

A {
	text-decoration: none;
	font-weight: bold;
	color: #080;
}

	A:hover,
	A.hover {
		color: #0A0 !important;
	}


/* C L A S S E S */


.clr { clear: both; }
.l { text-align: left; }
.c { text-align: center; text-indent: 0 !important; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.z { text-indent: 0 !important; }

.signature {
	margin-right: 36px !important;
	text-align: right;
	text-decoration: underline;
}

.callout {
	margin: 1em 16px;
	border: 1px solid #9C8460;
	/*
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	*/
	padding: 8px;
	background: transparent url("graficos/bg50.png") repeat;
}

IMG.left {
	float: left;
	margin: 5px 1em 5px 16px;
}

IMG.right {
	float: right;
	margin: 5px 16px 5px 1em;
}

UL.gallery {
	margin: 1em auto;
	width: 512px;
	padding: 0;
	list-style-type: none;
}

	UL.gallery LI {
		float: left;
		width: 128px;
		padding: 7px 0;
		text-align: center;
	}