CSS Document 

*, html, body {
	margin:0;
	padding:0;
	
	
	
		} /* isso zera as margens e preenchimentos em todas as tags */

 
#total {
	width:100%;
	/*background-color: #9c0;
	
	este acima  o fundo do topo da pgina*/
	
		}

#div {float: left;
}


#topo {
	width:100%;
	height: 45px;
	background-image:url(topo_1.gif);
	padding:0px 0px 0px 0px;
	}
img {
border: 0;
}
	
#propaganda, #logomarca, #propagandatopo{
	margin:0px 0px 0px 0px;	
}


#acesso {float:left;
	width: 100%;
	margin-top: 5px;
	
}
#acesso a {
font: 12px arial, helvetica, sans-serif;
	padding: 1px 3px 1px 3px;
	background-color: #588FC7;
	color: #CC9900;
	text-decoration: none;
	background-image:url(menu_fundo_esq4.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	}
body>#acesso a {
	background-color:#FFFF99;
}

#acesso a:hover {
	background-color:#588FC7
	background-image: url(menu_fundo_esq5.gif);
	color: #000000;
	text-decoration: none;
}
img {
border: 0;
}

/*#barra {float:left;
	width: 800px;
	height: 44px;
	background-image:url(barra_superior.gif);
	padding: 6px 0px 0px 0px;
}
#linkum {
	margin-left: 100px;
		}
#linkum a {padding: 0px 30px 0px 0px;

	font: bold 10px arial, helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	
	}
#linkum a:hover {
	color: #f90;
	text-decoration: none;
	
}
#linkdois {
	margin-left: 200px;
	}
#linkdois a {
padding: 0px 30px 0px 0px;
	font: bold 10px arial, helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	}
#linkdois a:hover {
	color: #FF6600;
	text-decoration: none;
	
}
*/
#teves {
	position: relative;
	left:  600px;
	bottom: 20px;
	visibility: visible;
	width: 380px;
}
#teves a {
padding: 0px 05px 0px 0px;
	font: bold 10px arial, helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
	}
#teves a:hover {
	color: #ff0;
	text-decoration: none;
}	
/*#jornais {
	float:left;
	width: 580px;
	margin-top: 0px;
	margin-left: 0px;
    margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:5px 5px 5px 5px;
	display: block;
	font: normal 10px verdana, arial, sans-serif;
	background-color:#fff;
	background-image: url();
	text-align: justify; 
} 
		
   /*   INICIO DO MENU ESQUERDO   */

#menu {float:left;
	width: 130px;
	margin-right: 20px;
    margin-left: 3px;
	
}
#menu ul {
   list-style-type: none;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;*/
	font: bold 11px arial, helvetica, sans-serif;
	text-decoration: none;
}
#menu li {
	margin-bottom:0px;
	text-decoration: none;
}
#menu a {
	display: block;
	padding: 4px 5px 4px 10px;
	width: 130px;
	background-color:#588FC7;
	color: #fff;
	text-decoration: none;
	background-image:url(menu_fundo_esq3.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	border: 1px solid #ccc;
	}
body>#menu a {
	background-color:#C6C7D2;
}

#menu a:hover {
	background-color:#FFFF99;
	background-image: url(menu_fundo_esq2.gif);
	color: #000;
	text-decoration: none;
	
}
#content #menu ul {
	background: none;
	border:none;
	text-decoration: none;
}
	/*   FIM DO MENU ESQUERDO   */


	/* INICIO DO MENU DIREITO */ 
#menudireito {
	position:relative; /*MUDEI O ABSOLUTE*/
	float: left;
	width: 90px;
	margin-left: 3px;
			}

#menudireito ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font: bold 10px arial, helvetica, sans-serif;
	text-decoration: none;
}
#menudireito li {
	margin-bottom:0px;
	text-decoration: none;
}
#menudireito a {
	display: block; /*MUDEI INLINE*/
	padding: 2px 5px 4px 10px;
	width: 90px;
	background-color: #588FC7;
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(menu_fundo_esq3.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	border: 1px solid #fff;
	}
body>#menudireito a {
	width:90px;
	background-color:#C6C7D2;

}

#menudireito a:hover {
	background-color:#FFFF99;
	background-image: url(menu_fundo_esq2.gif);
	color: #000000;
	text-decoration: none;
}
img {
border: 0;
}
	/*   FIM DO MENU DIREITO   */
 


/*  INICIO DOS CODIGOS DAS PAGINAS   */

 

#conteudo {float:left;
	width: 600px;
	margin-top: 0px;
	margin-left: 5px;
    margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:5px 15px 5px 15px;
	display:block;  /*  MUDEI PARA INLINE   */
	background-color:#033;
	background-image: url(bg_conteudo.gif);
	text-align: justify; 
} 
#conteudo a {
text-decoration: none;
color:#fc0;
}
#conteudo  a:hover {
text-decoration: none;
color:#ffa;
}

#texto {
    width: 560px;
	display: block;
	padding:5px 20px 5px 15px;
	text-decoration: none;
	background-color:#DBDAE7;
	/*background-image: url(bg_texto.gif);*/
	font: normal 14px arial, verdana, sans-serif;
	color:#000;
	border: 1px solid;
}

h2 {
	width: 585px;
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #033;
	text-decoration: none;
	font: normal 22px arial, helvetica, sans-serif;
	background-image:url();
	color:#ccc;
	text-align: left;
	border: 1px solid;
}

h3 {
	width: 600px;
	height:30px;
	display: block;
	padding: 15px 0px 0px 0px;
	background-image:url(h3bg.gif);
	/*background-color: #D9E6F2;*/
	font: bold 16px arial, helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;	
	
	}

/*#conteudomain {float:left;
	width: 500px;
	margin-top: 0px;
	margin-left: 0px;
    margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:5px 5px 5px 5px;
	display: block;  
	font: normal 10px verdana, arial, sans-serif;
	background-color: #fff;
	background-image: url();
	text-align: justify;  
} */
/*  icones da pgina principal primeiro <p> dentro da <div> conteudo */
/*#iconesindex {
	margin-left:10px;
	margin-bottom: 4px;
	width: 450px;
	}
#iconesindex a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #69f;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 2px;
	text-decoration: none;
	font-weight: bold;
}

		
#icones {
	width: 450px;
	padding: 0px 0px 3px 0px;
	}
#icones a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #69f;
	text-decoration: none;
	font-weight: bold;
}
/*  NOTCIAS da pgina principal segundo <p> dentro da <div> conteudo */

/*#noticias { 
	width: 490px;
	padding: 0px 2px 0px 3px;
	text-decoration: none;
}
/*  CAIXAS da pgina principal terceiro <p> dentro da <div> conteudo */

/*#caixas {
	margin-top: 5px;
	padding:0px 0px 0px 0px;
	}

/*  SUMULAS da pgina principal quarto <p> dentro da <div> conteudo */
	/*
#sumulas {
	margin-left: 0px;
	margin-top: 10px;
	width: 450px;
	padding: 0px 3px 0px 3px;
	}
	*/
/*#sumulas_flash_coloque a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	display: block;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 2px;
	padding-left: 5px;
	background-image:url(sumulas_flash_coloque.gif);
	text-decoration: none;
	font-weight: bold;
}

/*  LINKS de legislao da pgina principal quinto <p> dentro da <div> conteudo */

/*#linksleis {
	margin-top: 10px;
	width: 450px;
	}	
#linksleis ul {
	font: normal 10px verdana, arial, sans-serif;
	display: block;
	list-style-type: circle;
	}
/*  Links de ACESSO sexto <p> dentro da <div> conteudo */

#acessoconteudo {
font: 12px arial, helvetica, sans-serif;
	width: 600px;
	margin-top: 15px;
	}

#acessoconteudo a {
	padding: 1px 5px 1px 5px;
	background-color: #588FC7;
	color: #C90;
	text-decoration: none;
	background-image:url(menu_fundo_esq4.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#acessoconteudo a:hover {
	background-color:#FFFF99;
	background-image: url(menu_fundo_esq5.gif);
	color: #009;
	text-decoration: none;
}

#rodape {
	width: 600px;
	padding: 0px 0px 90px 0px;
	display: block;
	background-image: url(fundo_rodape.gif);
	} 
#ul, #ol {
    list-style-type: none;
	font: normal 10px verdana, arial, sans-serif;
	display: block;
	padding: 3px 0px 3px 0px;
	/*list-style-type: circle;*/
}
#ul a, #ol a  {
    list-style-type: none;
	font: normal 10px verdana, arial, sans-serif;
	color: #66c;
	text-decoration: none;
}
#ol a {
	color: #65a;
	}



/*
/*
#acessorodape {
	width: 460px;
	position:absolute;
	top: 850px;
	left: 137px;
}
#acessorodape a {
	padding: 1px 5px 1px 5px;
	background-color: #588FC7;
	color: #CC9900;
	text-decoration: none;
	background-image:url(menu_fundo_esq4.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#acessorodape a:hover {
	background-color:#FFFF99;
	background-image: url(menu_fundo_esq5.gif);
	color: #000000;
	text-decoration: none;
}	

*/

	/*clear: both;  nao permite objetos "flutuantes" invadindo o rodap. 

	
	
	 /*
#w3c{
	width: 60px;
	position:relative;
	top: 960px;
	left: 25px;
	
	}

#titulos {
	width: 420px;
	display: block;
	padding: 0px 5px 0px 20px;
	background-image:url(titulos.gif);
	background-color: #D5E2F0;
	text-decoration: none;
	font: bold 12px arial, helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	}
            /*    INICIO DOS FORMULARIOS      */
	
/* Os codigos seguintes se referem as imagens utilizadas nos fundos das pginas no local do conteudo. */

 /*

#imagemfundo{
	position:absolute;
	top: 190px;
	left: 12%;
	width: 450px;
	padding:10px 10px 10px 10px;
	display: block;
	font: normal 10px verdana, arial, sans-serif;
	background-color:#ECEFF2;
	background-image: url(web_mail.gif);
	} 
img {
border: 0;
}	
/*

/* The following gives a special effect for <h1> elements which works best if there is only one of them on at the top of each page - so they are a sort of title. */
/*
h1 {
background-color: #a95728;
margin: 0px;
color: #e7dfd4;
font-size: 2em;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 1%;
padding-top: 1%;
border-bottom: 1px #5c2717 solid;
}
*/



/*
h4 {
width: 320px;
background-image:url(fundo_busca.gif);
font: 12px arial, helvetica, sans-serif;
padding: 5px 0px 0px 5px;
border: 0px solid #99ABBB;
}

*/

.formulario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	font-weight: normal;
	text-align: left;
	background-color:#FFFFF0;
	border: 1px solid #99ABBB;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	}
.formulario_titulos {
    width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#600;
	display: block;
	padding: 2px 0px 2px 3px;
	background-color:#CEDEFF;
	background-image: url(menu_fundo_esq5.gif);
	}
	
	#buscanosite {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	padding: 0px;
	top: 50px;
	left: 740px;
	width: 210px;
	visibility: visible;
	z-index: 1;
	}

/* The following four selectors allow you to select links when they are in the four different states: link - before they have been visited, visited - after it has been visited, hover - when the mouse is over the link, active - when the user clicks the link. */
/*

/* Pra nao esquecer: ordem d0s espaamentos: superior, direito, inferior e esquerdo.
Por exemplo:  p {padding: 20px 40px 80px 5px;}

 */