/**
 * author: Ciro Feitosa - http://cirofeitosa.com.br
 * jan/2009
 */

/**
 * index objects
 */
#lateral p
{
	padding: 0 5px;
}

#principal
{
	background: transparent url(../img/bg-shadow.jpg) repeat-x top left;
	display: table;
	width: 100%;
}

#conteudo
{
	background: transparent url(../img/bg-content.jpg) no-repeat top center;
	padding: 3px 20px;
	margin: 0 auto;
	width: 960px; /* 1000px com padding */
	overflow: hidden;
}

#intro
{
	height: 284px;
	background: #0783B3 url(../img/bg_home.jpg) repeat-x top left;
}

#animacao-index
{
	display: block;
	height: 284px;
	background: transparent url(../img/index-bg.jpg) no-repeat top left;
	text-align: center;
}

#recursos, #adicional
{
	border: solid #ccc 1px;
	padding: 2px;
	width: 701px;
	display: table;
}

/*\*/
html>body*#recursos,#adicional { width: 707px; }
/**/

#recursos
{
	padding-bottom: 0;
	height: 300px;
}

#recursos div
{
	display: block;
	float: left;
	width: 170px;
	text-align: center;
	font-size: 13px;
	overflow: hidden;
	margin-right: 5px;
}

#recursos div#rec4 {
	margin-right: 0;
}

#recursos div a
{
	display: block;
	float: left;
	background: transparent url(../img/index-bg-recursos.jpg) repeat-x top left;
	text-align: center;
	text-decoration: none;
	padding: 0 10px;
}

#recursos div a strong, #recursos div a span
{
	display: block;
}

#recursos div a strong
{
	text-indent: -9999em;
	overflow: hidden;
	height: 50px;
	width: 100%;
	margin-top: 20px;
}

#recursos div#rec1 a strong
{
	background: transparent url(../img/index-tit-podcast.gif) no-repeat top center;
}

#recursos div#rec2 a strong
{
	background: transparent url(../img/index-tit-mobile.gif) no-repeat top center;
}

#recursos div#rec3 a strong
{
	background: transparent url(../img/index-tit-mensagens.gif) no-repeat top center;
}

#recursos div#rec4 a strong
{
	background: transparent url(../img/index-tit-bloco.gif) no-repeat top center;
}

#recursos div#rec4 a
{
	margin-right: 0;
}

#recursos div a span
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-serif;
	padding-top: 20px;
	text-align: center;
	color: #747474;
	padding-bottom: 40px;
	background: transparent url(../img/index-botao-saiba.jpg) no-repeat bottom center;
}

#recursos div a:hover span
{
	text-decoration: underline;
}

ul#chamadas
{
	height: 131px;
	clear: both;
	background: url(../img/index-7-dias.jpg) no-repeat top center;
	margin: 10px 0;
}

ul#chamadas li 
{
	display: inline;
}

ul#chamadas li a
{
	display: block;
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	height: 131px;
	width: 355px;
	margin-right: 6px;
}

ul#chamadas li#chamada2 a
{
	width: 345px;
	margin-right: 0;
}

#adicional h3
{
	text-indent: -9999em;
	overflow: hidden;
	background: transparent url(../img/index-plantao.jpg) no-repeat top left;
	width: 100%;
	height: 38px;
}

#adicional h3#titCentral
{
	background: transparent url(../img/index-central.jpg) no-repeat top left;
}

#adicional h3#titQuem
{
	background: transparent url(../img/index-quem.jpg) no-repeat top left;
}

#adicional h3#titComunidades
{
	background: transparent url(../img/index-comunidades.jpg) no-repeat top left;
}

#adicional-lateral
{
	width: 190px;
	float: left;
	overflow: hidden;
}

#adicional-principal
{
	width: 500px;
	overflow: hidden;
	float: right;
	background: transparent url(../img/index-bg-adicional.jpg) repeat-y top left;
}

#adicional div.box
{
	background: transparent url(../img/index-bg-box.jpg) repeat-x top left;
	padding: 5px;
}

#adicional div.nopadding
{
	padding: 0;
}

#adicional div.nobg
{
	background: transparent;
}

#adicional div.big
{
	padding: 13px;
}

#adicional p a
{
	text-decoration: none;
	color: #333;
}

#adicional p a span
{
	color: navy;
}

#adicional p a:hover
{
	text-decoration: underline;
	color: black;
}

#adicional p#plantao-duvidas, #adicional p#plantao-duvidas-intro
{
	font-size: 11px;
	color: #333;
}

#adicional p#plantao-duvidas
{
	padding: 5px;
	display: table;
	width: 100%;
	padding-top: 0;
}

#adicional p#plantao-duvidas em
{
	color: navy;
	font-style: normal;
}

#adicional p#plantao-duvidas img
{
	border: solid #999 1px;
	float: left;
}

#adicional p#plantao-duvidas span
{
	float: right;
	width: 115px;
	display: block;
}

#adicional p#central-atendimento
{
	padding-left: 80px;
	padding-top: 20px;
	background: transparent url(../img/index-atendente.gif) no-repeat bottom left;
	display: block;
	height: 90px;
	font-size: 11px;
	color: #333;
}

#adicional p#quem-numeros
{
	font-size: 1em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #8C8C8C;
}

#adicional p#quem-numeros span
{
	display: block;
	color: #06BFF7;
}

#adicional p#quem-numeros span.big
{
	font-size: 1.8em;
}

#adicional div#usuarios-online
{
	clear: both;
}

#adicional div#usuarios-online div
{
	float: left;
	display: block;
	margin-right: 11px;
	margin-bottom: 12px;
	text-indent: -9999em;
	overflow: hidden;
	background: transparent url(http://www.google.com.br/images?q=tbn:WmBQuDJ_L04W6M::singularlove.nireblog.com/blogs4/singularlove/files/cachorrinho.jpeg) no-repeat center center;
	width: 80px;
	height: 80px;
	border: solid #BABABA 3px;
}

#adicional div#usuarios-online div.ult
{
	margin-right: 0;
}

#adicional p#usuarios-intro
{
	font-size: 11px;
	padding-bottom: 10px;
}

#adicional div.box-index
{
	clear: both;
	height: 118px;
	display: block;
	margin-bottom: 5px;
}

#adicional div.box-index h2
{
	display: none;
}

#adicional div#simulado-online
{
	background: transparent url(../img/index-simulado.jpg) no-repeat center center;
}

#adicional div#forum-discussoes
{
	background: transparent url(../img/index-forum.jpg) no-repeat center center;
}

#adicional div.box-index p
{
	padding-left: 199px;
	padding-top: 47px;
	padding-right: 10px;
	font-size: 11px;
	color: #333;
}

#adicional div.box-index p a
{
	text-decoration: none;
	color: #333;
}

#adicional div.box-index p a:hover
{
	text-decoration: underline;
}