body {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
body *{
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	color:#667;
}
body * img{
	border:none;
}
body * .quebra{
	clear:both;
}
#geral {
	width: 980px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	position:relative;
}

/* CABECALHO ---------------------*/
#cabecalho {
	width: 980px;
	min-height:80px;
	margin: 0 auto 7px; auto;
	height:100px;
	position:relative;
}

#cabecalho #logo{
	float:left;
	margin:5px 0 0 0;
}

#cabecalho #slogan {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.02em;
	position:absolute;
	top:38px;
	left:325px;
	width:395px;
	z-index:3;
}
#cabecalho strong{
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bannerTopo{
	position:absolute;
	right:0;
	top:4px;
}

/* Barra de Comunicação-----------------*/
#barraComunicacao{
	background:url(imagens/comunic.jpg) no-repeat;
	height:30px;
	width:760px;
	margin-bottom:10px;
	padding-left: 220px;
	position:relative;
}


#comunicLig{
	width:316px;
	height:199px;
	position:absolute;
	left:322px;
	top:125px;
	z-index:99999;
	display:block;
	visibility:hidden;
}

#comunicLig .bg{
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}

#comunicLig form{
	position:absolute;
	top:90px;
	left:20px;
	width:280px;
	text-align:center;
}

#comunicLig form *{
	float:left;
	margin-bottom:3px;
}

#comunicLig form button{
	margin-top:5px;
	float:none;
	color:#000;
}

#comunicLig form span{
	margin-top:10px;
	float:none;
	display:none;
}


#comunicLig form br{
	clear:both;
}

#comunicLig form input{
	width:200px;
	border:1px solid #333;
}

#comunicLig form #ligDdd{
	width:32px;
	margin-right:3px;
}

#comunicLig form #ligTelefone{
	width:163px;
	margin-right:3px;
}

#comunicLig form label{
	width:60px;
}


/* Barra Auxiliar-----------------------*/
#barraAuxiliar {
	width:980px;
	height:29px;
	background:url(imagens/bgBarraAux.gif) no-repeat;
	position:relative;
}
#barraAuxiliar ul{
	position:absolute;
	left:0;
	top:2px;
	width:208px;
	padding-top:3px;
}
#barraAuxiliar ul li{
	display:inline;
	margin-left:14px;
}
#barraAuxiliar ul li a{
	font-size:14px;
	text-decoration:none;
	color:#FFF;
}
#barraAuxiliar ul li a:hover{
	text-decoration:underline;
}

#barraAuxiliar form{
	position:relative;
	left:520px;
	width:390px;
	height:29px;
	text-align:right;
}
#barraAuxiliar form label{
	position:absolute;
	width:300px;
	right:140px;
	top:7px;
	color:#FFF;
}
#barraAuxiliar form #btSair{
	position:absolute;
	right:0;
	background:url(imagens/btSair.png); 
	width:47px;
	height:24px;
}
#barraAuxiliar form button, #barraAuxiliar form input, #barraAuxiliar form #minhaSenha{
	border:none;
	border-spacing:0;
	padding:0;
	margin:0;
	position:absolute;
	top:2px;
}
#barraAuxiliar form input {
	background:transparent url(imagens/campoLg.png) no-repeat center;
	border:none;
	border-spacing:0;
	margin-top:2px;
	margin-right:5px;
	height:14px;
	width:94px;
	font-size:11px;
	letter-spacing:0.1em;
	color:#667;
	padding:3px;
}
#barraAuxiliar form #email{
	left:0;
}
#barraAuxiliar form #senha{
	left:105px;
}
#barraAuxiliar #btEntrar{
	left:210px;
	background:url(imagens/btEntrar.png); 
	width:47px;
	height:24px;
}
#barraAuxiliar #btCadastrar{
	left:260px;
	background:url(imagens/btCadastrar.png); 
	width:63px; 
	height:24px;
}
#barraAuxiliar #btMeuCadastro{
	left:260px;
	background:url(imagens/btMeuCadastro.png); 
	width:80px; 
	height:24px;
}
#barraAuxiliar form #minhaSenha{
	font-size:10px;
	line-height:11px;
	color:#333;
	left:328px;
	width:60px;
	display:block;
	position:absolute
}

#barraAuxiliar #carrinho{
	position:absolute;
	right:10px;
	top:-9px;
}

/* Menu Lateral----------------------*/
#menuLateral{
	float:left;
	width:206px;
}
#menuLateral h2{
	background:url(imagens/tituloMenuLateral.gif) no-repeat;
	height:50px;
}
#menuLateral h2 span{
	display:block;
	visibility:hidden;
}
#menuLateral ul{
	background:url(imagens/bgMenuLateral.gif) repeat-y;
	padding-top:6px;
}
#menuLateral ul li a{
	font-size:12px;
	display:block;
	text-decoration:none;
	padding:2px 10px;
}
#menuLateral ul li a:hover{
	background:url(imagens/bgItemMenuLateral.gif) repeat-y;
}
#menuLateral .base{
	background:url(imagens/baseMenuLateral.gif) no-repeat;
	height:6px;
}
.botoesRedesSociais{
	margin-top: 5px;
}
.botoesRedesSociais img{
	margin-top: 5px;	
}
/* Pesquisa ----------------------*/
#formPesquisa{
	float:left;
	min-height: 20px;
	margin:9px auto 5px auto;
	padding:2px 0 2px 0;
	position:relative;
	width:206px;
}
#formPesquisa #campopesquisa{
	background:url(imagens/campobuscar.jpg) no-repeat;
	border:0;
	height:20px;
	margin:0;
	padding:0px 4px 0 25px;
	position:absolute;
	top:0;
	width:120px;

}
#formPesquisa #btpesquisa{
	background:url(imagens/btBuscar.jpg);
	border:0;
	font-size:11px;
	height:20px;
	left:156px;
	top:0px;
	padding:0;
	position:absolute;
	width:50px;
	cursor: pointer;
}
/* Migalhas ----------------------*/
#migalha{
	float:left;
	background:url(imagens/bgMigalha.png) no-repeat;
	font-size:12px;
	padding:2px 0 2px 30px;
	min-height: 20px;
	margin:9px 0 5px 10px;
	font-weight:bold;
	color:#069;
	position:relative;
	width:734px;
}
#migalha a{
	color:#069;
	font-size:12px;
	text-decoration:none;
	padding: 2px 0;
}
#migalha a:hover {
	color: #069;
	font-size: 12px;
	padding: 2px 0;
	text-decoration:underline;
}
	
/* Conteúdo -----------------------*/
#conteudo {
	float:left;
	width:764px;
	margin-left:10px;
	clear:right;
}

#conteudo h2 {
	color:#3C79C4; 
	background-image:url(imagens/tituloCategoria.gif);
	font-weight:bold; 
	font-size:20px;
	padding: 12px;
}

#ordem {
	background-color:#6699CC;
	padding:3px;
	padding-left:10px;
}
#ordem * {
	color:#FFF;
}

.riscado{
	text-decoration:line-through;
}

/* Produto-----------------------------------*/
.areaProduto{
	display:inline-block;
	float:left;
	margin:5px;
	_margin:4px;
	padding:0 4px;
	_padding:0 3px;
	width:358px;
	height:220px;
	border: #eaeaea 1px solid;
	position:relative;
}
.areaProduto h3{
	background:transparent url(imagens/ssfot_h3bg2.gif) repeat-x;
	color:#3C79C4; 
	height:33px;
	font-size:13px;
	margin-top:5px;
	line-height: 150%;
	padding:10px 10px 6px 10px;
	text-align:center;
}
.areaProduto a {
	margin-top: 5px ; 
	font-size: 11px;
	text-decoration: none;
	color: #06F;
	font-weight: lighter;
}
.areaProduto .capa {
	float: left; 
	margin-top: 5px;
	margin-right: 15px;
}
.detalheProduto {
	float: left;
	font-size: 12px; 
	margin: 0 3px 0 0;
	width:270px;
}
.detalheProduto .imageProduto{	 
	float:left; 
	height:140px;
	margin-right:15px;
	_margin-right:0;
	width:70px;
}
.detalheProduto h6 {
	color: #74CE2A;
	font-size: 10px;
	margin-right: 5px;
	margin-top: 5px;
	text-decoration: none;
}
.detalheProduto p {
	color:#667;
	line-height: 140%; 
	margin-top: 10px; 
	margin-bottom: 0;
	font-stretch:narrower;
	font-size: 12px;
}
.detalheProduto span{
	color: #999;
	margin-top: 10px;
}
.detalheProduto .mbaixo{
	margin-top:14px;
}

.detalheProduto h4{
	color: #069; 
	font-size: 12px; 
	margin-top: 5px;
}

/* Rodapé---------------------------*/
#rodape {

	background: url(imagens/bgRodape.png) no-repeat bottom;
	clear:both;
	float:left;
	margin-top:10px;
	min-height:30px;
	padding:5px 0;
	width:980px;
}

#rodape .menuRodape{
	margin:0 auto;
	text-align:center;
}
.menuRodape  li {
	display: inline;
	font-size: 11px;
	padding:10px;	
	color:#667;
}
.menuRodape li a{
	color:#fff;
	text-decoration:none;
}
.menuRodape li a:hover {
	text-decoration:underline;
}
#rodape #endereco{
	color:#0B669D;
	text-align: center;
	font-size: 10px;
}

/*abas artigos e informações, pontos de vista e notícias*/
div.jAbaContainer {width:741px; height:410px; position:relative; margin-bottom:10px; *margin-bottom:-28px;}
div.jAbaHeader {font-size: 13px; height:21px; position:absolute; left:0; top:0; z-index:1000;}
div.jAbaBody {border: solid 1px #CCCCCC; width:746px; height:410px; position:absolute; left:0; top:21px; clear:both;}

div.jAbaHeader .jTabHeaderHidden2 { 
	background-image: url(imagens/vlglncfa.gif);
	background-repeat:repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom:solid 1px #FFFFFF;
	padding: 5px 15px 0px 15px;
	margin-left:10px;
	text-align:center;
	width:150px;
	display:block;
	float:left;
}

div.jAbaHeader .jTabHeaderHidden { 
	cursor: pointer;
	background-image: url(imagens/abamiddlenorma3.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	width:150px;
	display:block;
	float:left;
	text-align:center;
	padding: 3px 15px 0px 15px;
	margin-left:10px;
}

div.jAbaHeader .jTabHeaderInline {
	cursor: pointer;
	background-image: url(imagens/vlglncfa.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #FFFFFF;
	width:150px;
	display:block;
	float:left;
	text-align:center;
	padding: 3px 15px 0px 15px;
	margin-left:10px;
}

div.jAbaBody .jTabBodyHidden { display: none;}
div.jAbaBody .jTabBodyInline{
	display: inline;
	width:100px;
	height:100px;
}

/* rodapé de paginação noticias e artigos*/

#paginacao {
	color:#CCCCCC;
	margin-bottom:10px;
	text-align:center;
}

* #paginacao {
	line-height:22px;
}
	

