/* CSS Document */

/****************************************************************/
/* index.css                                                    */ 
/* Data			: 18.03.2010                                    */
/* Atualização	: 25.03.2010                                    */
/****************************************************************/

/* Formatação das áreas */
*
{
	padding:0px;
	margin:0px;
}

body
{
	margin:0px;
	padding:0px;
	text-align:center; /* hack para o Internet Explorer */
}

#topo
{
	width:100%;
	height:265px;
	background:url(../images/site/fundoTopo.jpg) top center no-repeat;
}

#topoCentral
{
	width:900px;
	height:144px;
	margin-left:auto;
	margin-right:auto;
}

#topoEsq
{
	display:inline;
	float:left;
	width:363px;
	height:144px;
}

#topoDir
{
	float:left;
	width:537px;
	height:144px;
}

#areaMenu
{
	width:537px;
	margin-top:78px;
}

#areaDestaque
{
	width:900px;
	height:330px;/*308px;*/
	margin-left:auto;
	margin-right:auto;
	border-bottom:#E8E8E8 dotted 1px;
}

#destaqueEsq
{
	display:inline;
	float:left;
	width:330px;
	height:330px;/*308px;*/
}

#conteudoDestEsq
{
	width:302px;
	height:312px;/*320px;*/
	margin-top:28px;
	margin-left:28px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

#areaErgoLife
{
	width:277px/*302px*/;
	height:120px;
	margin-right:25px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

#areaConhecaServicos
{
	width:277px;
	height:35px;
	margin-right:25px;
	text-align:right;
}

#areaAtendimentoOnLine
{
	width:277px;/*302px;*/
	height:90px;
	margin-top:10px;
	margin-right:25px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

#areaAbrirAtendimento
{
	width:277px;
	height:35px;
	margin-right:25px;
	text-align:right;
}

#destaqueDir
{
	float:left;
	width:570px;
	height:348px;/*308px;*/
}

#nav
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333;
}

.nav
{
	margin:5px 0;
}

#nav a { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background:#E2E2E2; color:#333; text-decoration: none; }
#nav a.activeSlide { background: #333; color:#FFF; }
#nav a:focus { outline: none; }

#areaJQuery
{
	display:none;
	width:556px;
	height:281px;
	margin-top:12px;
	margin-left:2px;
}

#areaDados
{
	width:900px;
	height:309px;
	margin-left:auto;
	margin-right:auto;
}

#areaBlog
{
	display:inline;
	float:left;
	width:367px;/*627px;*/
	height:309px;
	border-right:#E8E8E8 dotted 1px;
	text-align:left;
}

#conteudoBlog
{
	width:317px;/*577px;*/
	height:234px;
	margin-top:25px;
	margin-left:25px;
	/*background:#575757;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

#areaServicos
{
	float:left;
	width:259px;
	height:309px;
	border-right:#E8E8E8 dotted 1px;
	text-align:left;
}

#conteudoServicos
{
	width:209px;/*577px;*/
	height:234px;
	margin-top:25px;
	margin-left:25px;
	/*background:#575757;*/
	text-align:left;	
}

#areaClientes
{
	float:left;
	width:272px;
	height:309px;
	text-align:left;
}

#areaClientesJQuery
{
	display:none;
	width:208px;
	height:98px;
	margin-top:45px;
	margin-left:34px;
	margin-bottom:45px;
}

#rodape
{
	width:100%;
	height:221px;
	margin-top:50px;
	background:url(../images/site/fundoRodape.jpg) top left repeat-x;
}

#rodapeCentral
{
	width:900px;
	height:158px;
	padding-top:34px;
	margin-left:auto;
	margin-right:auto;
}

#rodapeEsq
{
	display:inline;
	float:left;
	width:521px;
	height:158px;
	border-right:#E8E8E8 dotted 1px;
	text-align:left;
}

#menuRodape
{
	width:521px;
	height:25px;
	line-height:25px;
	margin-bottom:20px;
	text-align:left;
}

#rodapeDir
{
	float:left;
	width:353px;/*378px;*/
	height:158px;
	margin-left:25px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
/* Fim da formatação das áreas */

/* Formatação de listas */
#conteudoServicos ul
{
	padding:0;
	margin:0;
	list-style:none;
}

#conteudoServicos ul li
{
	display:block;
	width:200px;
	height:25px;
	line-height:25px;
	border-bottom:#F1F1F1 solid 1px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
/* Fim da formatação de listas */

/* Formatação do menu do rodapé */
#menuRodape ul
{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	list-style:none;
}

#menuRodape ul li
{
	display:inline;
}

#menuRodape ul li a
{
	padding: 2px 5px;
	float:left;
	/* visual do link */
	/*background:#C5EEFE;*/
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
/*	border-bottom:3px solid #C5EEFE;*/
}

#menuRodape ul li a:hover
{
	background:#C5EEFE;
	color:#6D6D6D;
	border-bottom:3px solid #006;
}
/* Fim da formatação do menu do rodapé */

/* Formatação do formulário */
#formNewsletter
{
	margin-top:20px;
}

#respostaNewsletter
{
	display:none;
	width:220px;
	height:50px;
	/*line-height:30px;*/
	margin-top:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	background:#0F0;
}

.botaoEnviar
{
	border:none;
	cursor:pointer;
	float:right;
	margin-top:20px;
	margin-right:60px;
}
/* Fim da formatação do formulário */

/* Formatação dos textos */
.destaque
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#390;
}

#conteudoBlog .autor
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#666;
}

#rodapeEsq
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
}

#rodapeEsq .destaque
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#333;
}
/* Fim da formatação dos textos */

/* Formatação das imagens */
#areaAbrirAtendimento img
{
	border:none;
	cursor:pointer;
}

.tituloClientes, .tituloUltimosPosts, .tituloServicos
{
	margin-top:25px;
	margin-left:25px;
}

.tituloNewsletter
{
	margin-top:25px;
}

.botaoClientes
{
	margin-left:76px;
	border:none;
	cursor:pointer;
}

.acessoBlog
{
	border:none;
	cursor:pointer;
	margin-left:151px;
}

.fv
{
	float:right;
	margin-top:62px;
	margin-right:10px;
}
/* Fim da formatação das imagens */

/* Formatação dos links */
/* Fim da formatação dos links */