/* Descubra você mesmo a versatilidade das CSS - http://www.maujor.com*/
body {
	color:#000;
	background-color:#fa8072;
	margin:0px 10px;
	padding:0px;
	font: bold 12px/16px verdana, arial, helvetica, sans-serif;
	}
h1, h2, h3, h4, h5 {
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
p {
	font: bold 12px/16px verdana, arial, helvetica, sans-serif;
	margin:0px;
	padding:2px 5px;
	text-align:justify;
	}
a {
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#00f;}
a:visited {color:#666}
a:hover {background-color:#fff;}
#csswebdesign {
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
	height:450px;
	background:#000 url(cabecalho.gif) no-repeat top left;
	margin-left:10px;
}	
/* "Truque" criado por Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/  que permite o uso de uma imagem no lugar de um texto em um cabeçalho h1 xxxxxx Na faixa superior de cabeçalho da minha página os dizeres CSS PARA WEB DESIGN macetes e dicas por Maurício Samy Silva e  A WEB do futuro, são imagens e por baixo delas tem um texto igual! - voce "vê" o texto no código HTML */ 

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#csswebdesign h1,
#csswebdesign h2,   
#csswebdesign h3 {
	margin: 0px;
	padding:0px;
	}
#csswebdesign h1 span,
#csswebdesign h2 span,
#csswebdesign h3 span {
	display:none;
	}

/* Mesmo "truque" usado nos cabeçalhos h2 */

#regras  h4.orie span, 
#entrada  h4.apre span, 
#entrada  h4.fina span, 
#texto  h4.estr span, 
#texto  h4.porq span,
#texto  h4.pode span {
	display:none;
	}
#regras h4.orie {
	background: url(orie.gif) no-repeat top left;
	margin:0px; 
	height: 53px; 
	display:block;
}
#entrada h4.apre {
	background: url(apre.gif) no-repeat top left;
	margin:0px; 
	height: 73px; 
	display:block;
	border-top: 5px solid #00f;
}
#entrada h4.fina {
	background: url(fina.gif) no-repeat top left;
	margin:0px; 
	height:63px; 
	display:block;
	border-top: 8px dotted #006400;
}
#texto h4.estr {
	background: url(estr.gif) no-repeat top left;
	margin:0px; 
	height: 33px; 
	display:block;
	border-top: 3px solid #fff;
}
#texto h4.porq {
	background: url(porq.gif) no-repeat top left;
	margin:0px; 
	height: 33px; 
	display:block;
	border-top: 1px solid #f00;
}
#texto h4.pode {
	background: url(pode.gif) no-repeat top left;
	margin:0px; 
	height: 43px; 
	display:block;
	border-top: 10px dashed #ff0;
}
#tudo {
	padding-bottom:10px;
	background: url(bgtudo.jpg) repeat top left;
}
#entrada {
	position:absolute;
	top:135px;
	right:10px;
	width:43%;
	background-color:#ff0;
	color:#8b4513;
	margin:0px;
	padding:10px 10px 10px 10px;
	z-index:2;

/* A seguir um "truque" para corrigir uma interpretação errônea de CSS pelo IE5/Win. Veja uma explicação em ingles  http://glish.com/css/hacks.asp */

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:40%;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#entrada {width:40%;}

}
.pzen{
	color:#036; 
	padding:0px;
	margin:0px;
	text-align:right;
}
.papre{
	padding:3px 0px;
	margin-bottom:20px;
	background:#ccf;
	color:#4682b4;
}
.pfina1{
	padding:3px 0px;
	margin:0px;
	background:#000;
	color:#0f0;
}
.pfina2{
	padding:3px 0px;
	background:#0f0;
	color:#036;
}
#texto {
	background:#f0f; 
	padding:10px;
	margin:2% 5%;
	border:10px dotted #ffe4e1;
}
.pestr1 { 
	padding:3px 0px;
	margin:0px;
	background:#5f9ea0;
	color:#ff0;
}
.pestr2 { 
	padding:3px 0px;
	margin-bottom:20px;
	background:#5f9ea0;
	color:#ff0;
}
.ppqc1, .ppqc2, .ppqc3 { 
	padding:3px 0px;
	margin-bottom:0px;
	background:#ffc;
	color:#036;
}
.ppqc4{ padding:3px 0px;
	margin-bottom:20px;
	background:#036;
	color:#ffc;
}
.ppcss1, .ppcss2, .ppcss3 { 
	padding:3px 0px;
	margin:0px;
}
.pregras{ 
	padding:3px 0px;
	margin:0px;
	color:#fff;
}
.ptema{ 
	padding:10px 0px 5px 0px;
	text-align:center;
	border: 3px solid #ffd700;
	font-weight:bold;
	color:#fff;
	background:#039;
}

#regras {
	margin:5px 44% 0px 90px;
	text-align:justify;
	padding:10px;
	background:#ff7f50;
	}
#busca {
	background-color:#c71585;
	padding: 0px 0px 3px 10px;
	margin-left:80px; 
	border: 3px solid #f0e68c;
}
#busca form {
	margin:0px;
}
#busca p span {
	padding-right:10px;
}
#menu {
	/*position:absolute;
	top:150px;
	left:300px;
	width:170px;*/
  font: bold 11px/20px arial, verdana, sans-serif;
	padding:0px;
	margin-left:80px; 
	color: #036;
	text-align:left;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding-left:20px;
	border: 5px dashed #4682b4;
	background-color:#ffebcd;
}
#menu li {
	margin: 0px;
	padding:0px;
	display: inline;

}
#menu li a {
	margin: 0px;
	padding:0px 5px;
	text-decoration: none;
	color:#f00;
}
#menu li a:hover {
	color:#fff;	
	background:#444;
}
#navMenu {
	position:absolute;
	top:0px;
	right:0px;
	padding-top:5px; 
	margin:0px;
 	font: bold 12px arial, helvetica, verdana, sans-serif;
}
#navMenu li {
	list-style: none; 
	margin: 0px;
 	display: inline;
}
#navMenu li a {
	padding:0px 2px 0px 5px; 
	margin-right:15px;
 	border-left: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
  text-decoration: none;
}
#navMenu li a:link {
	color: #ff0;
}
#navMenu li a:visited {
	color: #ffd700;
}
#navMenu li a:hover {
	color: #000; 
 	background:#fff;
 	border-color: #000;
}
}
acronym {
	color:#333;
	border-bottom: 1px dashed #333;
}
/* Atualizacoes pelo Maujor */
/* Em 2005-09-22 */
fieldset {border:none;}    
input .i-texto{ }
input .i-buscar{ }
input .i-mapa{ }
/* Em 2005-09-29 */
fieldset {margin:0;padding:0;}  /* Em 2005-09-29 */