#home {
	padding: 10px;
}

/* -- As classes com "plano" controlam as duas caixas cinzas ao lado da animação grande em flash (aquelas com chamadas para "Plano Corporativo" e "Plano Doméstico") -- */

.plano_caixa {
	background: url(../imagens/plano_fundo.gif) no-repeat top;
	text-align: center;
	height: 120px;
	width: 200px;
}

.plano_titulo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #593;
	padding-top: 10px;
}

.plano_titulo a {
	color: #339900;
}

.plano_chamada {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #000;
	padding: 8px 8px 10px 8px;
	
}

/* -- "home_colunas" é um atributo div onde vão as três colunas onde há conteúdo: a esquerda, a central e a direita -- */

#home_colunas {
	width: 750px;
	margin: 20px 0 10px 0;
	padding: 0;
	float: none;
}

#coluna_esquerda {
	float: left;	
	clear: none;
	width: 130px;
	margin-right: 30px;
	margin-left: 1px;
}

/* -- Aqui é definida a caixa azul de links úteis.  --*/

#coluna_esquerda .caixa {
	background: #58c url(../imagens/coluna_esquerda_caixa_borda_inferior.gif) no-repeat bottom;
	padding: 4px 10px 10px 10px;	
	margin: 0;
}

#coluna_esquerda .caixa ul {
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#coluna_esquerda .caixa li {
	margin: 5px 0;
}

#coluna_esquerda .links_uteis {
	background: #69c url(../imagens/coluna_esquerda_caixa_borda_superior.gif) no-repeat top;
	margin: 0;
	padding: 4px 10px;
	text-align: left;
	font-size: 0.6em;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;	
}

#coluna_esquerda .caixa a {
	text-decoration: none;
	color: White;
}

/* -- Caixinha com espaço para os bâneres pequenos -- */

#coluna_esquerda .caixa_banner {
	background-color: #eee;
	margin-bottom: 10px;
	text-align: center;
}

#coluna_esquerda .caixa_banner img {
	margin-bottom: 2px;
	margin-top: 5px;
}

/* -- Coluna do meio com chamadas para as matérias-- */

#coluna_central {
	float: left;
	width: 360px;
	margin-right: 30px;
	text-align: left;
}

/* -- Coluna direita com chamadas para notícias externas -- */

#coluna_direita {
	float: left;
	width: 186px;
	text-align: left;
}

#coluna_direita .cartola {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-bottom: 1px Black solid;
	margin-bottom: 10px;	
}


#coluna_direita h3 {
	font-size: 0.75em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 -8px 0;
}

#coluna_direita h3 a {
	color: #390;
}

#coluna_direita .chamada {
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#home_colunas .bloco {
	background-color: #fff;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

/* -- A função do atributo "clearfix" é fazer com que a borda inferior do tributo "bloco" (no caso, a linha cinza clara) vá até abaixo da foto, mesmo onde houver pouco texto -- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#coluna_central h3 {
	font-size: 0.9em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 -8px 0;
}

#coluna_central h3 a {
	color: #390;
}

#coluna_central .chamada {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#coluna_central img {
	float: left;
	margin: 0 20px 10px 0;
	border: 1px solid #999;
}