body {
	margin:0;
	padding:0;
	font: 75%/1.3  Verdana, Arial, Helvetica, sans-serif;
	background:#069 url('sombra.jpg') repeat-y center;
	color:#666;
	text-align:center;
	}
* html body {padding-left:1px;} /* 1px jog bug para background da sombra lateral no IE */
 a, a:active {outline-width:0;}
#tudo {
	position:relative;
	width:750px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	}
#csswebdesign { 
	width:100%;
	height:300px;
	position:relative;
	}
#csswebdesign h1 span,
#csswebdesign h2 span,
#csswebdesign h3 span  {
	display:block; 
	text-indent:-9999px;
	}	
#csswebdesign h1 { 
	margin:0;
	width:750px;
	height:35px;
	background:#ff0 url('barra-superior.gif') repeat-x left top;
	}
#csswebdesign h2 {  
	margin:0 !important;
	margin-top:-7px;
	width:750px;
	height:242px;
	background:#fff url('bg-topo.jpg') no-repeat left top;
	}
#extra1 {  
	position:absolute;
	left:20px;
	top:55px;
	margin:0;
	width:309px;
	height:285px;
	background: url('rio-2007.gif') no-repeat left top;
	}
#csswebdesign h3 { margin:0;
	position:absolute;
	left:0;
	top:277px;
	width:750px;
	height:41px;
	background:#fff url('barra-inferior.gif') repeat-x left top;
	}
#busca-menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width:180px;
	position:absolute;
	right:5px;
	top:385px;
	}
fieldset {
	border-width:0;
	}
#busca { 
	text-align:center;
	margin:0;
	padding:0;
	width:180px;
	height:97px;
	background:#f90 url('bg-busca.gif') repeat-y left top;
	color:#333;
	}
#busca *{ 
	margin:0;
	padding:0;
	}
#busca .i-buscar, #busca .i-mapa {
	color:#f90;
	margin-top:5px;
	border-width:0;
	font-size:11px;
	background:#fff;
	}
#busca .i-texto {
	color:#f90;
	margin:6px 0;
	border-width:0;
	}
#busca p {
	color:#fff;
	}
#regras, #entrada, #texto {
	width:520px;
	text-align:justify;
	}
#regras p, #entrada p, #texto p,
#regras h4, #entrada h4, #texto h4 {
	margin-left:50px;
	}
#regras h4, #entrada h4, #texto h4 {
	text-indent:-9999px;
	height:55px;
	}
h4.orie {
	margin-top:80px;
	background:url('bg-orie.gif') no-repeat left; 
	}
h4.apre {
	background:url('bg-apre.gif') no-repeat left; 
	}
h4.fina {
	background:url('bg-fina.gif') no-repeat left; 
	}
h4.estr {
	background:url('bg-estr.gif') no-repeat left; 
	}
h4.porq {
	background:url('bg-porq.gif') no-repeat left; 
	}
h4.pode {
	background:url('bg-pode.gif') no-repeat left; 
	}
div#extra1:hover {
	left:0;
	top:0;
	width:610px;
	height:340px;
	background:#fff url('caue.jpg')no-repeat 215px -210px;
	border: solid #f90;
	border-width:5px 70px; z-index:30;
	}
div#extra2:hover {
		background: url('caue.jpg')no-repeat 0 -110px;
	}
p.pregras1:after, p.pregras1:before, h4.orie:after {
	content:" ? "; 
	font: bold 30px Arial, Helvetica, sans-serif;
	color:#c30;
	}
p.pregras1:hover:after {
	content:"Você sabia que Cauê é o nome do mascote dos Jogos Pan Americanos 2007 no Rio de Janeiro? \A
	O nome Cauê vem do Tupi, é um nome próprio, possivelmente derivado de auê, uma saudação Tupi \A
	que significa salve! Em dicionários de nome próprios significa homem bondoso que age com inteligência. \A
	Alguns escritores afirmam ainda, que Cauê é uma bebida tupi (Kawi) que confere poderes de bondade e sabedoria.\A
	(Fonte: oglobo.com)\A
	Estes dois sinais de interrogação e este pop-up estilizado, foram colocados na tela com CSS."; 
	display:block;
	width:400px;
	background:#fff;
	color:#c30;
	border: solid #f90;
	border-width:2px 7px;
	padding:5px;
	text-align:left;
	cursor:help;
	font:bold 12px Arial, Helvetica, sans-serif;
	}
#navMenu ul {
	position:absolute;
	top:205px;
	right:20px;
	height:65px;
	margin:0;
	padding:0;
	list-style:none;
	background: url('navMenu.gif') no-repeat center; z-index:10;
	}
#navMenu li {float:left;}
#navMenu li a { 
	width:100px;
	margin-right:10px;
	height:65px;
	display:block;
	text-indent:-9999px;
	}
#menu { 
	background:url('menu.gif') center repeat-y;
	}
#menu, #menu * {
	margin:0;
	padding:0;
	}
#menu ul {
	margin-top:30px;
	list-style-type: none;
	padding:15px; 
	}
#menu ul li { 
	color:#000;
	padding:5px 0;
	background:url('sep-menu.jpg') no-repeat center bottom;
	}
#menu ul li a, #menu ul li a:link {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size:11px;
	}
#menu ul li a:hover {
	text-decoration:underline;
	}
#extra2 {
	position:absolute;
	bottom:15px;
	right:15px;
	width:170px;
	height:695px;
	background:url('caue.jpg') repeat-y left bottom;
	}