@charset "utf-8";
/* CSS Document */
html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	background:#ddd;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo { 
	width:90%;
	position:relative;  /*Contexto de posicionamento */
	background:#fff;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	border-width:0 1px;
	}
 * html #tudo {height: 100%;}
#topo {
	background:#ffffff;
	width:100%;
	height:150px;
	text-align:center;
	padding-top:1px;
	}
#principal {
	width:99%;
	padding-left:5px;
	float:left;
	padding-top:10px;
	text-align:justify;
	}
	
.canal {
	width:24.7%;
	height: 150px;
	float:left;
	text-align:justify;
	border-width: 1px;
	border-style: solid;
	border-color: #0F8E83;
	}

.canal2 {
	width:33%;
	height: 50px;
	float:left;
	text-align:justify;
	}
	
#rodape {
	background:#BCBCBC;
	width:100%;
	height:110px;
	position: absolute;
	bottom: 0;  
	border-width: 1px 0;
	text-align:center;
	}
#rodape p {
	margin:0;
	font-weight:bold;
	color:#060;
	}
ul {
	width:190px;
	margin:0;
	padding:0;
	list-style:none;
	}
ul li {margin:1px 0; }
ul li a, ul li a:visited {
	height:1%;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	background:#060;
	color:#fff;
	text-decoration:none;
	padding:2px 10px;
	}
ul li a:hover {
	background:#9f9;
	color:#060;
	}
h1, h2, h4 { 	
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#060;
	}
h4 {font-size:16px;}
.clear {clear:both;}
#nav li.um {
	margin-bottom:8px;
	text-align:center;
		}
#conteudo {padding-bottom:100px;}