/* CSS Document */
html, body {height:100%;} 

*{
	margin:0;
	padding:0;
}

body{
	background:url(../imgs/bg_body.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;

}
ul{
	list-style:none;
}
ul li { padding:1px 0 0 0;}
h1{
	display:none;
}
h1.visivel { display:inline; }
#geral{
	background:url(../imgs/bg_geral.jpg) center top repeat-x;
	width:100%;
	margin:0 auto;
	overflow:visible;
	text-align:left;
	position:relative;  /*Contexto de posicionamento */
	min-height:100%;/**/
}
 * html #geral {height: 100%;}

#topo {
	width:982px;
	margin:auto;
	overflow:hidden;
	height:48px;
	margin-bottom:2px;
}
#sub_topo {
	background:url(../imgs/bg_central.jpg) center top no-repeat;
	width:743px;
	margin:auto;
	overflow:hidden;
	height:209px;
	z-index:-99999;
	cursor:pointer;
}
#conteudo{
	background:url(../imgs/bg_teste_conteudo.png) center top repeat-y;
	width:982px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:2px;
	margin-top:10px;
}
#mola{
/*	background:url(../imgs/bg_mola.png) center top repeat-y; */
	height:571px;
	width:100px;

}
#menu, #busca{
	width:560px;
	float:left;
	padding-top:4px;
}
#busca{ width:410px;  }
#col_esquerda {
/*	background:url(../imgs/bg_col_esquerda.jpg) repeat-x; */
	width:218px;
	overflow:hidden;
	float:left;
	margin:0 auto;
}
#col_esquerda ul li a:hover{
	background:url(../imgs/im_fotosb.jpg); 

}
#col_central{
/*	background:url(../imgs/bg_central.jpg) center top no-repeat #FFF; */
	width:743px;
	float:right;
	overflow:hidden;
	padding-bottom:24px;
	*	padding-bottom:34px;
}
#texto{
	padding:24px;
}
#livros{
	width: 700px;
	float:left;
	margin:0 4px 4px 24px;
}
#brinquedos{
	width: 650px;
	float:left;
	margin:20px 4px 4px 24px;
}
#fotos{ margin-top:4px; }
#botoes{ width:650px; margin-top:4px; height:18px; padding:4px; text-align:right;}
a.ativado {
	padding:4px;
	padding-right:8px;
	color:#fff;
	text-decoration:none;
	float:left;
	overflow:hidden;
	margin:1px;
}
a.ativado:hover{ text-decoration:underline; }
a.paginas {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
	float:left;
	overflow:hidden;
	margin:1px;
	margin-left:2px;
	border-bottom:solid 1px #000;
	padding:8px;
	text-align:left;
	
}
a.paginas:hover {
	color:#333;
	background:#FFF;
} 
a.galeriadefotos {
	width:100px;
	overflow:hidden;
}
a.galerianoticias {
	width:100px;
	height:74px;
	float:left;
	overflow:hidden;
	color:#FFF;
	text-align:left;
	margin:1px;
	text-decoration:none;
	padding:1px;
	text-align:center;
}

#base {
	background:url(../imgs/bg_base.jpg) center top no-repeat;
	color:#333;
	width:980px;
	height:100px;
	overflow:hidden;
	padding:8px 0 4px 0;
	margin:auto;
}
#base li.esquerda{ float:left; width:340px; text-align:left;}
#base li.direita{ float:right; width:340px; text-align:right; padding-top:22px; padding-right:10px;}
.clear {clear:both;}

  
img {border:0;}
.esquerda{ text-align:left; padding:12px 4px 12px 12px;}
.clear {clear:both;}
select.buscar{ 	
	font-weight:bold;
	color:#333;
	padding:2px 0;
	width:120px;
	float:left;
}
form.buscando{ width:420px; }
input.buscar1{ float:left; padding:2px; margin-left:2px;}
input.botao{ padding:0 2px 2px 2px; float:left;}
input.bt{padding:2px; float:left;}
.baixo{ padding-top:8px;}
hr{ border:solid 1px #999; margin-bottom:4px;}
a{ color:#333; text-decoration:none }
a:hover{ text-decoration:underline; color:#000; }
p.fontebusca{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }
.noticia{ padding:8px 10px 8px 18px; border-bottom:solid 1px #ccc; margin:1px 1px 1px 14px; display:block;}
.noticia:hover{ background-color:#ccc; text-decoration:none; padding:8px 10px 8px 18px; border-bottom:solid 1px #ccc; margin:1px 1px 1px 14px; display:block;}
.mais{ padding:4px; margin-right:2px; background-color:#333; color:#fff;}
.mais:hover{ padding:4px; background-color:#ccc; color:#000; text-decoration:none;}
.parabaixo{ margin-bottom:14px;}

.li_livros{
	background:#fff;
	border:solid 1px #E9E9E9;
	width:256px;
	padding:8px;
	margin:0 8px 0 18px;
	float:left;
}
.li_livros a{ 
	display:block;
	background:#e9e9e9;
	margin:2px;
	padding:4px;
	text-decoration:none;
}
.li_livros a:hover{ 
	display:block;
	background:#009933;
	text-decoration:none;
	color:#fff;
}
#diversas{
	width:714px;
	float:left;
	overflow:hidden;
	margin-bottom:2px; 
}
#diversas ul li  {
	position:relative; 
	width:341px; 
	height:158px;
	display:block;
	text-decoration:none; 
	background:#fff; 
	color:#333; 
	padding:12px 4px 8px 8px; 
	margin:1px; 
	float:left;
	border:solid 1px #e9e9e9;
	overflow:hidden;
}
#diversas ul li a {
	position:relative; 
	width:331px; 
	display:block;
	text-decoration:none; 
	background:#fff; 
	color:#333; 
	margin-right:1px; 
	cursor:pointer;
	float:left;
}
#diversas ul li a:hover {background-color:#FFF; cursor:pointer;}
#diversas ul li p { width:244px;}
/* Produto unico selecionado */
#diversos{
	width:714px;
	float:left;
	overflow:hidden;
	margin-bottom:2px; 
}
#diversos ul li  {
	position:relative; 
	width:680px; 
	display:block;
	text-decoration:none; 
	background:#fff; 
	color:#333; 
	padding:12px 4px 8px 8px; 
	margin:1px; 
	float:left;
	border:solid 1px #e9e9e9;
	overflow:hidden;
}
#diversos ul li a {
	position:relative; 
	width:331px; 
	display:block;
	text-decoration:none; 
	background:#fff; 
	color:#333; 
	margin-right:1px; 
	cursor:pointer;
	float:left;
}
#diversos ul li a:hover {background-color:#FFF; cursor:pointer;}
/* Fim da produtos unico selecionado*/
h2.baixo{ margin-bottom:8px; }
.preco{ float:right; display:block; width:180px; font-size:16px; color:#006699; margin-right:40px;}
.valor{ float:right; display:block; width:200px; font-size:16px; color:#006699; margin-right:10px;}
.preco2{ font-size:16px; color:#006699; }
.valor2{ font-size:16px; color:#006699; }

dl.tabela {
		width:740px;
		padding:0; 
		}

	.tabela dt {
		width: 100px;
		float: left;
		}
	.tabela dt.tamanho {
		width: 100px;
		overflow:hidden;
		}

	/* commented backslash hack for mac-ie5 \*/
	dt { clear: both;  }
	/* end hack */

	.tabela dd {
		float: left;
		width: 580px;
		margin: 0 0 0 0;
		padding: 5px;
		}
	.tabela dd a:hover { text-decoration:underline;}
	.tabela dd a:hover p {text-decoration:underline;}
a.ativados {
	font-size:14px;
	padding:4px;
	background:#FFF;
	color:#333;
	border:solid 1px #333;
	text-decoration:none;
	float:left;
	overflow:hidden;
	margin:1px;
}
a.paginas {
	font-size:14px;
	padding:4px;
	background:#000;
	color:#fff;
	border:solid 1px #FFF;
	text-decoration:none;
	float:left;
	overflow:hidden;
	margin:1px;
}
a.paginas:hover {
	color:#fff;
	background:#006600;
} 
p.espaco{
	padding-bottom:4px;
	width:240px;
}
p.espaco a{
	padding-bottom:4px;
	width:240px;
	text-decoration:none;
}
p.espaco a:hover{
	padding-bottom:4px;
	width:240px;
	text-decoration:underline;
	color:#993300;
}
/* FORMATAÇÃO DO FORMULÁRIO DE CADASTRO E CONSULTA */

form {
	width:490px;
	margin:0 auto; 
	float:left;
}
form.busca {
	width:280px;
	margin:0 auto; 
	float:left;
}

form fieldset{
	border:0;
}
form fieldset.selecionar {   
	width:698px;
	padding:2px 0 2px 0;
	text-align:left;
	color:#003366;
	font-weight:bold;
}   

form label{
	display:block;
	padding:3px 0;
}

form label span{
	display:block;
	color:#333;
	font-size:13px;
	font-weight:bold;
}
form label input{ 
	font-weight:bold;
	color:#333;
	padding:3px 0;
	width:480px;
}
form label input.opcao{ 
	font-weight:bold;
	color:#900;
	padding:3px 0;
	width:200px;
}
form label select{ 
	font-weight:bold;
	color:#333;
	padding:3px 0;
	width:340px;
}
form input.btn{
	cursor:pointer;
}
form label textarea {
	width:480px;
}
/* FIM DA FORMATAÇÃO DO FORMULÁRIO DE CADASTRO E CONSULTA*/
li a.grupos{
	width:700px;
	background-color:#BAEEB5;
	padding:4px;
	display:block;
	margin-bottom:1px;
	font-size:18px;
	text-decoration:none;
}
li a.grupos:hover{
	background-color:#ccc;
	text-decoration:none;
}li a.subgrupos{
	width:300px;
	background-color:#BAEEB5;
	padding:4px;
	display:block;
	margin:1px;
	font-size:18px;
	text-decoration:none;
	float:left;
}
li a.subgrupos:hover{
	background-color:#ccc;
	text-decoration:none;
}
li.voltar{ 	
	width:580px;
	color:#333;
	display:block;
	float:right;
	text-align:right;
	margin-bottom:4px;
}
li a.voltar{
	width:80px; 
	border:solid 1px #000;
	background-color:#009933;
	color:#fff;
	padding:4px;
	margin:2px;
	border:1px;
}

