/* PADRAO DO SITE */
body{
background-color:#CACCD5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#770000;
}

h1, h2, h3, h5 {
	padding: 5px 0px 10px 0px;
	margin: 0px;
}

p{
font-size:10px;
padding: 0px;
}

abbr, acronym {
	border-bottom:1px dotted #333;
	cursor:help;
	}
	
abbr {
	speak:spell-out;
	}
acronym {
	speak:normal;
	}

/* H4 CONFIGURA MENUS */

h4{
text-align:center;
margin:0px;
padding:2px;
width:210px;
font-size:18px;
color:#990000;
background-color:#CCCCCC;
border:3px solid #990000;
}

/* LINKS DO SITE */

a {text-decoration:none; font-weight:bold;}
a:link {color:#000; background-color:transparent; font-weight:bold;}
a:visited {color:#666666; text-decoration:line-through; background-color:transparent; font-weight:bold;}
a:hover {background-color:#666666; color:#FFFFCC; font-weight:bold;}

/* DIV PRINCIPAL */

#tudo{
margin:auto;
padding:0px;
width:760px;
}

/* TOPO DA PAGINA */
/* "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 cabecalho h1 */ 

/* 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;
	}

#csswebdesign{
background-image:url(topo.jpg);
width:760px;
height:433px;
}

/* DIV BUSCA */
#busca{
float:left;
text-align:center;
margin:0px;
padding-top:3px 0px 0px 0px;
width:760px;
height:30px;
background-color:#FFFFFF;
border: 2px dashed #CCC;
}

#busca p{
display:inline;
}

#busca fieldset{
border:0px;
margin:0px;

/*hack para ie */
_padding:5px 0px 0px 0px;
/* fim do hack */
}

#busca input{
width:110px;
border:1px solid #000;;
font-size:9px;
padding:2px 2px;
}

/* DIV MENU */
#menu{
margin:0px;
padding:0px;
float:left;
width:110px;
height:305px;
_height:380px;
background-color:#FFFFFF;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding:0px 15px 15px 5px;

}
#menu li {
	margin: 0px;
	padding:3px;
	border-bottom: 1px dashed #ccc;
}


/* ORIENTACOES */

#regras{
text-align:left;
margin:34px 0px 0px 112px;
padding:7px;
width:634px;
height:290px;
background-color:#ECD9D9;
border:1px solid #ccc;

/* HACK PARA IE */
_margin:0px;
_padding:5px;
_width:635px;
/* fim do hack */
}


/* APRESENTACOES FINALIDADES */

#entrada{
padding:7px;
width:240px;
float:left;
background-color:#EAEAEA;
}

/* ESTRUTURA PORQUE PODER */
#texto{
float:right;
padding:7px;
width:492px;
background-color:#F5F5F5;
}

/* NAVBAR */
#navMenu{
float:left;
width:250px;
height:182px;
background-color:#FFFFFF;
border:2px dashed #000;

/* hack para ie */
_width:244px;
_height:246px;
_margin:0px;
_padding:0px;
/* fim do hack */
}

#navMenu ul {
margin:0px;
padding:0px;
list-style: none;
}

#navMenu li {
text-align:center;
border:2px dotted #ccc;
margin:10px 20px 0px 20px;
padding:5px;

/* hack para ie */
_margin:8px 30px;;
_padding:15px;
/* fim do hack */
}

#navMenu a{
font-size:14px;
}

#navMenu a:hover{
display:block;
}