/* CSS Document 
* Estilo principal 
* Author: Tiago Alves Amemiya
* Version: v1
* Data de criação: 12/08/2009
*/

body{
	margin:0px; 
	padding:0px; 
	background-color:#e6f0f6; 
	font:11px Verdana; 
	color:#333333;
	line-height:14px;
}

body h3{ font-size:12px;}


/* estrutura - divs */
#tudo{
	width:980px;
	heigth:auto;
	margin:0px auto;
	display:table;
}

#banner{
	width:980px;
	height:320px;
	float:left;
}

#conteudo{
	width:900px;
	height:auto;
	background:url(../images/fundo_cont.jpg) repeat-y;
	padding:10px 40px 10px 40px;
	float:left;
}

#menu{
	width:220px; 
	padding-left:35px;
	padding-right:15px;
	height:auto;
	float:left;
}

#menu ul{list-style:none;list-style-type:none;}
#menu ul li{width:165px;height:30px;background:url(../images/fundo_menu_item.jpg) no-repeat;margin-left:-30px;}
#menu ul li a{color:#999999;text-decoration:none;font-weight:700;margin-left:20px;}
#menu ul li a:hover{color:#999999;text-decoration:underline;font-weight:700;margin-left:20px;}

#newsletter{
	width:200px;
	height:150px;
	padding:160px 10px 10px 10px;
	background:url(../images/bar_newsletter.jpg) no-repeat;
	font-size:10px;
	color:#999999;
}

#pesquise{
	width:200px;
	height:150px;
	padding:50px 10px 10px 10px;
	background:url(../images/bar_pesquise.jpg) no-repeat;
	font-size:10px;
	color:#999999;
}


#area{
	width:630px; 
	height:auto;
	float:left;
}

.area2{
	width:900px;
	height:auto;
	float:left;
	margin-top:10px;
}
.dica{
	width:250px;
	padding:20px 10px 10px 10px;
	height:290px;
	background:url(../images/fundo_box_dica.jpg) no-repeat;
	float:left;
}
.dica2{
	width:250px;
	padding:10px 10px 10px 10px;
	height:290px;
	background:url(../images/fundo_box_dica2.jpg) no-repeat;
	float:left;
}

.top_produtos
{
	width:900px;
	height:68px;
	float:left;
}

.meio_produtos
{
	width:820px;
	height:auto;
	background:url(../images/meio_produtos.jpg) repeat-y;
	padding:0px 40px 0px 40px;
	float:left;
}

.bottom_produtos
{
	width:900px;
	height:50px;
	float:left;
}

.pesquisa2{
	width:210px;
	height:150px;
	padding-left:10px;
	padding-top:60px;
	font-size:10px;
	background:url(../images/fundo_pesquisa2.jpg) no-repeat;
	float:left;
}
.news2{
	width:220px;
	height:90px;
	padding-left:120px;
	padding-top:60px;
	background-color:#999999;
	float:left;
	background:url(../images/fundo_news2.jpg) no-repeat;
	margin-left:10px;
}
.espaco{
	width:300px;
	height:150px;
	float:right;
	margin-right:5px;
}
.dica b{margin-left:10px; color:#FFFFFF;}
.dica img{
	width:240px;
	height:110px;
	margin-top: 15px;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 4px;
}
.dica p{font-size:10px;margin-top:3px;margin-left:3px;}

#area_left{
	width:306px;
	height:300px;
	float:left;
}

#area_destaque
{
	width:245px;
	padding:25px 30px 10px 30px;
	height:180px;
	background-color:#e4e7ea;
}

#area_destaque2
{
	width:245px;
	padding:15px 30px 10px 30px;
	height:368px;
	background:url(../images/fundo_destaque2_home.jpg) no-repeat;
}

#dataHora{ width:610px;height:32px;text-align:right;}
#dataHora img{vertical-align:middle; padding-left:5px;}

#area_destaque_texto
{
	width:246px;
	padding:12px 30px 0px 30px;
	height:160px;
	margin-top:5px;
	background:url(../images/fundo_destaque_home.jpg) no-repeat;
}



.area_destaque_texto3
{
	width:246px;
	padding:15px 30px 10px 30px;
	height:auto;
	margin-top:15px;
	background:url(../images/fundo_dest2_home.jpg) repeat-y;
}

#area_right{
	width:306px;
	height:300px;
	float:right;
}

#rodape{
	width:980px;
	height:151px;
	padding-top:70px;
	background:url(../images/rodape.jpg) no-repeat;
	text-align:center;
	float:left;
	font-size:10px;
}

#rodape b{color:#6699cc;}

/* internas */
#barra_interna{
	width:630px;
	height:68px;
	float:left;
}
#barra_cont{
	width:530px;
	height:auto;
	background:url(../images/fundo_painel_texto.jpg) repeat-y;
	padding:10px 50px 0px 50px;
	float:left;
}
#barra_rodape{
	width:630px;
	height:43px;
	float:left;
}

.barra_interna2{
	width:630px;
	height:68px;
	float:left;
}
.barra_cont2{
	width:530px;
	height:auto;
	background:url(../images/fundo_painel_texto.jpg) repeat-y;
	padding:10px 50px 20px 50px;
	float:left;
}
.barra_rodape2{
	width:630px;
	height:43px;
	float:left;
}


.img_interna{border:8px solid #FFF;float:left;margin-right:8px;margin-bottom:8px;}
.lista{width:100%;float:left;border-bottom:1px dotted #CCC;padding-bottom:5px;margin-bottom:10px;}
.lista a{text-decoration:none;color:#333333;}
.lista a:hover{text-decoration:underline;}
/* elementos formularios*/
.formTxt{padding:4px; border:1px solid #666666; color:#999999;margin:2px; font-size:10px;}
.formTxt2{padding:2px; border:1px solid #666666; color:#999999;margin:2px; font-size:11px;}
.btnEmail{width:18px;height:18px;background:url(../images/btn_email.jpg);border:none;cursor:pointer;}
.btnNews{width:26px;height:24px;background:url(../images/btn_news.jpg);border:none;bottom:2px;cursor:pointer;}
.btnContato{width:93px;height:34px;background:url(../images/btn_envia_contato.jpg);border:none;cursor:pointer;margin-bottom:5px;}
.formBtn{border:1px solid #CCC; background-color:#ebebeb;color:#333333;padding:2px;}