@CHARSET "iso-8859-1";
/**
 * ---------------------
 * Folha de Estilos do subportal de Listas de Casamento, da Casa Vitória
 * Desenvolvimento: http://www.b3informatica.com
 *
 * ---------------------
 * Índice:
 *		1. HTML
 *		2. Divisão Principal
 *		3. Topo
 *			3.1. Menu
 *		4. Conteúdo
 *			4.1. Index
 *				4.1.1. Banners
 *		5. Rodapé 
 *		6. Formulários
 *		7. Paginação
*/

/**
 * ---------------------
 * 1. HTML
 *		Define estilos para tags HTML
*/
/**
 * Zera espaçamentos de todas tags HTML para evitar bugs entre browsers
*/
* {
	margin: 0;
	padding: 0;
}

A {
	color: #00628f;
}

A IMG {
	border: 0;
}

BODY {
	background: url("images/fundo_topo.jpg") repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

LABEL {
	font-size: 12px;
	font-weight: bold;
}

/**
 * ---------------------
 * 2. Divisão Principal
 *		Centraliza o site aos browsers
*/
DIV#todo {
	float: left;
	left: 50%;
	margin-left: -389px;
	position: relative;
	width: 779px;
}

/**
 * ---------------------
 * 3. Topo
 *		Topo do site
*/

DIV#topo {
	clear: both;
	float: left;
	height: 90px;
	position: relative;
	width: 100%;
}

DIV#topo H1 A {
	background: url("images/logo.jpg") no-repeat;
	display: block;
	float: left;
	height: 76px;
	overflow: hidden;
	text-indent: -9999px;
	width: 225px;
}

DIV#topo .saudacoes {
	float: right;
	font-size: 12px;
	padding: 0.5em 0 0.5em 0;
	width: 539px;
}

/**
 * ---------------------
 * 3.1. Menu
 *		Menu do Site, contém as bordas arredondadas, fundo, itens com borda cinza e branca, para dar um efeito de relevo
*/
UL#menu {
	background: url("images/menu_fundo.jpg") repeat-x;
	float: right;
	height: 36px;
	line-height: 28px;
	list-style: none;
	position: relative;
	width: 540px;
}

UL#menu LI {
	float: left;
}

UL#menu LI A {
	background-color: inherit;
	border-right: #fff 1px solid;
	border-left: #ebebeb 1px solid;
	color: #000;
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-top: 2px;
	padding: 0 1em 0 1.5em;
	text-decoration: none;
	text-transform: uppercase;
}

UL#menu LI A:HOVER {
	background-color: #a7a7a7;
	color: #fff;
}

UL#menu LI.primeiro A {
	border-left: 0;
}

UL#menu LI.ultimo A {
	border-right: 0;
}

UL#menu LI.menu_inicio {
	background: url("images/menu_inicio.jpg") no-repeat;
	height: 36px;
	left: 0;
	margin: 0;
	position: absolute;
	width: 7px;
}

UL#menu LI.menu_fim {
	background: url("images/menu_fim.jpg") no-repeat;
	height: 36px;
	left: 99%;
	margin: 0;
	position: absolute;
	width: 10px;
}

/**
 * ---------------------
 * 4. Conteúdo
 *		Conteúdo do Site
*/
DIV#conteudo {
	clear: both;
	float: left;
	margin-top: 0.4em;
	width: 100%
}

DIV#conteudo IMG.img_index {
	float: left;
}

/**
 * ---------------------
 * 4.1. Index
 *		Caixas contidas no index
*/
DIV.caixas_index {
	float: left;
	font-size: 12px;
	height: 164px;
	margin-bottom: 10px;
	padding-left: 10px;
	position: relative;
	width: 456px;
}

DIV.caixas_index INPUT.caixas_texto {
	margin-bottom: 3px;
}

DIV.caixas_index H3 {
	border-bottom: 1px #dfdfdf solid;
	clear: both;
	color: #656565;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 17px;
	margin-top: 0.4em;
	padding: 0 0 0.2em 1.3em;
	width: 426px;
}

DIV.caixas_index P.paragrafo_caixa {
	border-top: 1px #f4f4f4 solid;
	clear: both;
	float: left;
	width: 436px;
}


DIV.caixa1 {
	background: url("images/caixa1_fundo.jpg") repeat-x;
}

DIV.caixa1 H3 {
	background: url("images/icone_lupa.jpg") no-repeat;
}

DIV.caixa1_inicio {
	background: url("images/caixa1_inicio.jpg") no-repeat;
	height: 164px;
	left: 0;
	position: absolute;
	top: 0;
	width: 6px;
}

DIV.caixa1_fim {
	background: url("images/caixa1_fim.jpg") no-repeat;
	height: 164px;
	left: 99%;
	position: absolute;
	top: 0;
	width: 8px;
}

DIV.caixa2 {
	background: url("images/caixa2_fundo.jpg") repeat-x;
	height: 219px;
}

DIV.caixa1 H3.crie {
	background: url("images/icone_mais.jpg") no-repeat;
}

DIV.caixa2_inicio {
	background: url("images/caixa2_inicio.jpg") no-repeat;
	height: 219px;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}

DIV.caixa2_fim {
	background: url("images/caixa2_fim.jpg") no-repeat;
	height: 219px;
	left: 99%;
	position: absolute;
	top: 0;
	width: 8px;
}

/**
 * ---------------------
 * 4.1.1. Banners
 *		Divisão com banners
*/
DIV.banners {
	float: left;
	margin-bottom: 0.4em;
	text-align: center;
	width: 100%;
}

DIV.aviso {
	border: 3px #ccc solid;
	float: left;
	font-size: 12px;
	margin-bottom: 1em;
	padding: 0.5em;
	position: relative;
	width: 97%;
}

DIV.aviso DIV {
	background-color: #eee;
	float: left;
	padding: 0.4em 0.2em 0.2em 0.2em;
	width: 99%;
}

DIV.aviso IMG {
	float: left;
	margin-right: 0.2em;
}

/**
 * ---------------------
 * 4.2. Busca
 *		Busca de Listas de Casamento
*/
DIV#geral {
	clear: both;
	float: left;
	font-size: 12px;
	width: 100%;
}

DIV#geral FORM.form_busca {
	background-color: #f3f3f3;
	padding: 0.4em 0 0.2em 0.2em;
}

DIV#geral H2 {
	border-bottom: 2px #008e49 solid;
	color: #555;
	font-size: medium;
	padding-bottom: 0.2em;
}

DIV.navegacao {
	border: 1px #444 solid;
	background-color: #f5f5f5;
	font-size: 12px;
	margin: 1em 0 1em 0;
	padding: 0.2em;
}

DIV.resultado_busca {
	border-bottom: 1px #999 solid;
	clear: both;
	float: left;
	font-size: 12px;
	margin-bottom: 0.8em;
	padding-bottom: 0.5em;
	width: 100%;
}

DIV.resultado_busca P {
	float: left;
	margin-left: 1em;
}

/**
 * ---------------------
 * 4.3. Tabelas
 *		Estilos para as tabelas
*/
TABLE.tabela_geral {
	clear: both;
	float: left;
	margin: 0.4em 0 0.4em 0;
	width: 100%;
}

TABLE.tabela_geral CAPTION {
	border-bottom: 1px #555 solid;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	margin: 0.4em 0 0.4em 0;
	padding: 0 0 0.4em 0;
	text-align: left;
}

/**
 * ---------------------
 * 4.3. Produtos
 *		Visualização de Produtos
*/
DIV.vis_produtos {
	border-bottom: 1px #222 solid;
	clear: both;
	float: left;
	padding-bottom: 0.3em;
	width: 100%;
}



P.esquerda_produtos {
	float: left;
	width: 80px;
	text-align: center;
}

DIV.vis_produtos P {
	float: left;
	margin: 0.3em 0 0.3em 0.4em;
}

DIV.vis_produtos P SPAN.nm_produto {
	font-size: 16px;
	font-weight: bold;
}

SPAN.titulo {
	color: #006600;
	font-size: 14px;
	font-weight: bold;
}

SPAN.preco {
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
}

SPAN.comprado {
	color: #f00;
	font-weight: bold;
}

/**
 * ---------------------
 * 5. Rodapé
 *		Rodapé do site com borda verde e envolvendo a página toda
*/
DIV#rodape {
	border-top: #008e49 10px solid;
	clear: both;
	float: left;
	position: relative;
	width: 100%;
}

/**
 * Texto contido no rodapé, ele ficará centralizado no mesmo estilo da página
*/
DIV#rodape DIV {
	float: left;
	font-size: 12px;
	left: 50%;
	margin-left: -389px;
	padding-top: 0.5em;
	position: relative;
	text-align: center;
	width: 779px;
}

/**
 * ---------------------
 * 5.1. Degradê
 *		Divisão com banners
*/
DIV.degrade {
	background: url("images/degrade.jpg") repeat-x;
	clear: both;
	float: left;
	height: 166px;
	width: 100%;
}

/**
 * ---------------------
 * 6. Formulários
 *		Contém classes especiais para formulários
*/
INPUT.caixas_texto, TEXTAREA.caixas_texto {
	border: 1px #555 solid;
	background-color: #fff;
	width: 250px;
}

INPUT.botoes {
	border: 1px #555 solid;
	background-color: #ccc;
}

INPUT.botao_form {	
	border: 1px solid #999999;
	background-color: #dfdfdf;
	color: #444444;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:3px 2px;
	padding:0 5px;
}

INPUT.InputButtons {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #EFEFEF;
	border: 1px solid #999999;
}

/**
 * ---------------------
 * 7. Paginação
 *		Estilos da Paginação
*/
SPAN.link_selecionado {
	font-weight: bold;
}
div#duvidas{
	margin:0 6px;
}

ul.duvidas{
	list-style: none;
	margin:0;
	margin-bottom:15px;
	padding: 3px;	
	font-size: 12px;
}

ul.duvidas li a:link, a:visited, a:active{
	color: #333;
	text-decoration: none;	
}

ul.duvidas li a:hover{
	color: #999;
	text-decoration: none;	
}

div.duvida_texto{
	border-top: 1px dashed #CCC;
	margin-bottom:10px;
	font-size: 12px;
}

div.duvida_texto .topo_duvida{
	background-color: #F4F4F2;
	padding: 2px 5px;
	height: 15px;
	font-weight: bold;
	color: #333;
}

.topo_duvida .titulo_conteudo{
	float: left;
	width: 80%;
}

.topo_duvida .link_voltar{
	font-weight:normal;
	text-align: right;
	font-size: 11px;
	padding-right:14px;
	background: url("../images/arrowup.png") right no-repeat;
}
a.voltar:link, a.voltar:visited, a.voltar:active{
	color: #333;
	text-decoration: none;	
}

a.voltar:hover{
	color: #555;
	text-decoration: underline;	
}
div.duvida_texto .conteudo_duvida{
	padding: 5px;
}

.parcelamento {
	margin-top: 3px;
	font-size: 10px;
	color: #FF0000;
	font-family: Arial;
	font-weight: bold;
}

.parcelamento span {
	font-size: 11px;
	font-weight: normal;
}