/* CSS Para "CSS para Web Design" - By Vitorino */
/* thiago_brasilia@hotmail.com                  */


/*  Direitos reservados ao autor desta folha de estilos e
	ao autor do hipertexto de conteúdo */
	
	
	
/* + HTML ++++++++++++++++++++++++++++++++++ */
HTML{
	background:#000 url(topo.jpg) center top no-repeat;
	padding:0px;
	margin:0px;
	border:0px;
}
/* - HTML ---------------------------------- */

/* + body  +++++++++++++++++++++++++++++++++ */

body{
	text-align:center;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f8c350;
	margin:0px;
	background:transparent url(bottom.jpg) center bottom no-repeat;
}
/* - body ---------------------------------- */

/* + geral +++++++++++++++++++++++++++++++++ */

p, h4, h3, h2, h1, fieldset, form, input, ul{
	padding:0px;
	margin:0px;
	border:none;
}
ul li{
	line-height:20px;
	width:150px;
	padding-bottom:20px;
}
acronym,abrr{
	border-bottom:dotted 1px #f8c350;
	cursor:help;
}
a, a:visited, #entrada a, #entrada a:visited, #texto a, #texto a:visited, .pzen a, .pzen a:visited{
	text-decoration:none;
	color:#f4eddd;
}
a:hover, #entrada a:hover, #texto a:hover, .pzen a:hover{
	text-decoration:underline;
	color:#fff;
}
input{
	background:#59461d;
	height:18px;
	margin:1px;
	padding:0px;
	border:1px #f8c350 solid;
	font-size:11px;
	color:#f4eddd;
}
form{
	width:400px;
	margin-right:30px;
	margin-left:auto;
}
/* - geral --------------------------------- */

/* + tudo +++++++++++++++++++++++++++++++++ */

#tudo{
	margin-left:auto;
	margin-right:auto;
	width:760px;
	padding:0px;
	text-align:left;
	background:transparent;
}
		
		/* + csswebdesign +++++++++++++++++++++++++++++++++ */
		
		#csswebdesign{
			height:400px;
		}
		#csswebdesign span{
			display:none;
		}
		
		/* - csswebdesign --------------------------------- */
		
		/* + busca +++++++++++++++++++++++++++++++++ */
		
		#busca{
			text-align:right;
			height:51px;
			padding:0px;
			margin:0px;
		}
		HTML #busca{
			margin-top:0px;
		}
		#busca span{
			display:none;
		}
		#busca p{
			margin-left:218px;
			color:#f8c350;
		}
		#busca form{
			position:relative;
			top:-88px;
			left:-217px;
			z-index:1;
		}
		.i-texto, .i-buscar, .i-mapa{
			padding-left:5px;
			padding-right:5px;
			width:100px;
			font-size:13px;
		}
		.i-buscar{
			margin-top:-1px;
		}
		.i-texto{
			margin-top:-3px;
		}
		#busca a, a:visited{
			text-decoration:none;
			color:#f8c350;
		}
		#busca a:hover{
			text-decoration:underline;
			color:#fff;
		}
		/* - busca --------------------------------- */
		
		/* + menu +++++++++++++++++++++++++++++++++ */
		#menu a, #menu a:visited{
			text-decoration:none;
			color:#000;
			display:block;
			font-weight:bold;
		}
		#menu a:hover{
			color:#59461d;
			text-decoration:underline;
		}
		#menu{
			position:absolute;
			top:100px;
			right:auto;
			left:auto;
			margin-left:540px;
			text-align:left;
			width:198px;
			height:1200px;
			background:transparent url(menu.jpg) center top no-repeat;
			z-index:10;
			color:#f8c350;
		}
		#menu ul{
			margin-top:280px;
			font-size:12px;
			list-style:none;
			padding:20px;
		}
		#menu ul li{
			height:70px;
			background:transparent url(detalhe.jpg) center top no-repeat;
		}
		
		/* - menu --------------------------------- */
		
		
				/* Alguns que repetiriam...  */
				/* IMG Destaque Bottom:  */
				
				.pzen, .papre, .pfina2, .pestr2, .ppqc5, .ppcss2{
					height:100px;
					padding-top:70px;
					margin-bottom:0px;
				}
				.pzen{ background:transparent url(destaqueBottom2.jpg) left bottom no-repeat; }
				.papre{ background:transparent url(destaqueBottom3.jpg) left bottom no-repeat; }
				.pfina2{ background:transparent url(destaqueBottom4.jpg) left bottom no-repeat; }
				.pestr2{ background:transparent url(destaqueBottom5.jpg) left bottom no-repeat; }
				.ppqc5{ background:transparent url(destaqueBottom.jpg) left bottom no-repeat; }
				.ppcss2{ background:transparent url(destaqueBottom.jpg) left bottom no-repeat; }
				
				
				/* IMG Destaque Título:  */
				
				.pode{ background:transparent url(Destaque.jpg) left top no-repeat; }
				.orie{ background:transparent url(Destaque2.jpg) left top no-repeat; }
				.apre{ background:transparent url(Destaque3.jpg) left top no-repeat; }
				.fina{ background:transparent url(Destaque4.jpg) left top no-repeat; }
				.estr{ background:transparent url(Destaque5.jpg) left top no-repeat; }
				.porq{ background:transparent url(Destaque6.jpg) left top no-repeat; }
				
				
				/* removendo visualização do texto */
				h4 span{
					display:none;
				}
				
				/* fixando: */
				.papre, .pestr2{
					height:180px;
				}
				.pfina2, .ppqc5{
					height:220px;
				}
				
				
				/* IMG Centro: */
				#regras, #entrada, #texto{
					background:transparent url(centro.jpg) left top repeat-y;
					
					/* Fixa um estranho bug do Internet Explorer */
						position:relative;
					
				}
				
				/* os H4 em Geral: */
				h4{
					height:180px;
					margin-bottom:-90px;
				}
				
				
				/* os parágrafos daqui pra frente: */
				#regras p, #entrada p, #texto p{
					padding: 0px 20px 10px 120px;
					width:367px;
					text-align:justify;
				}
				
		/* + regras +++++++++++++++++++++++++++++++++ */
		#regras{
			margin-top:-100px;
		}
		.pregras5{
			font-weight:800;
		}
		
		/* - regras --------------------------------- */
		
		
		/* + entrada +++++++++++++++++++++++++++++++++ */
		
		.pentrada5{
			font-weight:800;
			text-decoration:underline;
		}
		.papre span{
			font-style:italic;
			font-size:11px;
		}
		/* - entrada --------------------------------- */
		
		
		/* + texto +++++++++++++++++++++++++++++++++ */
		
		
		/* - texto --------------------------------- */
		
		
		/* + navMenu +++++++++++++++++++++++++++++++++ */
		
		#navMenu{
			position:absolute;
			top:10px;
			margin-left:450px;
			right:auto;
			left:auto;
			z-index:15;
			color:#000000;
		}
		#navMenu a, a:visited{
			color:#000;
			text-decoration:none;
		}
		#navMenu a:hover{
			text-decoration:underline;
		}
		#navMenu ul{
			font-size:12px;
		}
		#navMenu ul li{
			display: inline;
			line-height:10px;
			padding-bottom:10px;
		}
		/* - navMenu --------------------------------- */
		
		
		
/* - tudo --------------------------------- */

/* Glossário de cores:
	BG: #000;
	Laranja 1: #f8c350;
	Amarelo Luz: #f4eddd;
	Dourado: #59461d;
	
----------- by Vitorino ---------------------*/