@charset "utf-8";

/* CSS Document */

#tudo {
	margin:20px auto; 
	text-align: left;
	width: 780px;
	position: relative;
	height: auto;
	
}

#meio {
		position: relative;
		width:96%;
		height:70%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		top:20px;
		padding:10px;
	}

#materia{ 
	position: relative; 
	width:100%;
	margin:0 auto 30px auto;
	padding-bottom:20px;
	background:#abe3ff ;
	z-index:1000;	

}

#materia img { position: relative; float:left; margin-right:10px; margin-bottom:10px;}

#materia #texto{ text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; font-size:1em; 
	color:#004080;
	text-indent: 20px; 
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#titulo{position: relative; width:750px;  padding:15px;}
#titulo h1{text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2em; color:#004080;}
#subtitulo{position: relative; width:750px; margin:30 auto; padding:15px;}
#subtitulo h2{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.5em; 
	color: #006291; 
	font-style: normal; 
	text-align:center;
}

#lista{position: relative; 
	width:100%;
	min-height:50%;
	margin:0 auto 30px auto;
	padding-bottom:20px;
	background:#006291 ;
	z-index:1000;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	}

#lista a {text-decoration:none; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#abe3ff;}
#lista a:hover {text-decoration:underline;}

#lista ul{list-style:none;}
#lista h3 {font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	color: #FFF; 
	font-style: normal; 
	text-align: left;
	text-transform:capitalize;
	font-weight:bold;}

	

#lista #menu_titulo {
		text-align: left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:1em; 
		color:#006291;
		text-decoration:none;}

#clear {clear:both;}