/*
INDICE

00 - Reset
01 - Topo
02 - Principal
03 - rodape
04 - classes

***Exclusivas***

04 - Home
05 - Como Comprar


*/

*{
margin:0;
padding:0;
}

body{
	background:#762F59;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
img {
	border: none;
}	

#tudo {
	background:#fff;
	text-align:left;
	margin:0 auto;
	width:758px;	
	}

/* Topo */
#topo {
	background:url("../img/topo/bg.jpg") no-repeat;
	height:190px;
	margin-bottom:25px;
	position:relative;
	}
	
#topo h1 a {
	display:block;
	position:absolute;
	top:10px;
	right:0;
	text-indent:-10000px;
	width:175px;
	height:170px;
}	

/* Topo Menu */
#topo ul#menu {
	color:#c0c0c0;
	bottom:20px;	
	list-style:none;
	left:15px;
	font-size:13px;
	position:absolute;
}

#topo ul#menu li {
	display:inline;
	margin-right:10px;
}

#topo ul#menu li a { color:#c0c0c0; display:block; text-decoration:none; }
#topo ul#menu li a:hover { /*background:url("../img/topo/marca_link.jpg") center bottom no-repeat;*/ color:#fff; }

	
#menu li {
	float: left;
	}
	
#menu a { 
	display: block;
	text-decoration: none;
	background-color: #24211C; /* IE precisa desta declaração */
	color:#c0c0c0;
	} 

#menu a:hover {
	text-decoration: none;
	background: #24211C;
	color:#fff;
	}
	
#menu a.bullet {
	background:#24211C url(bullet.gif) no-repeat right; 
	}
#menu a.bullet:hover {
	background:#24211C url(bullet-over.gif) no-repeat right; 
	}
#menu li ul {
	position: absolute;
	left: -1000em;
	width: 10em;
	margin: 0;
	}
#menu ul ul {
	margin: -2.1em 0 0 10.1em;
	}
#menu li:hover ul ul, #menu li.over ul ul {
	left: -1000em;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li.over ul, #menu li li.over ul {
	left: auto;
}

#menu .submenu ul {  }
#menu .submenu ul li { float:none; } 
#menu .submenu ul li a { background:#24211C; border: 1px solid #555;  border-width: 0 1px 1px; display:block; float:none; padding:5px;  }	

body#home #topo ul#menu li.home a,
body#casamento #topo ul#menu li.casamento a,
body#como_comprar #topo ul#menu li.como_comprar a,
body#contato #topo ul#menu li.contato a
{ background:url("../img/topo/marca_link.jpg") center bottom no-repeat; color:#fff; }	

/* Principal */
#principal {
	width:688px;
	margin: 0 auto; /* Se não fosse utilizar floats poderia colocar as margens laterais e omitir a largura */
	overflow:auto; /* Para quebrar o float, lembrar que deve declarar largura tbm(i.e6) */
	}

#principal h1 {
	color:#873F6C;
	font-size:16px;
	margin-bottom:20px;
}

#principal h2 {
	color:#c0c0c0;
	font-size:14px;
	margin:30px 0 10px;
}
	
#principal p {
	line-height:1.4em;
	margin-bottom:10px;
}

#principal ul {
	margin-left:30px;
}

#principal ul li {
	margin-bottom:10px;
}

#principal a { color:#974478; }	
#principal a:hover { color:#72315B; text-decoration:none; }

/* Rodapé */
#rodape {	
	background: url("../img/rodape/bg.jpg") no-repeat;
	height:90px;
	margin-top:20px;
	clear:both;
	}

#rodape #rodape_logo a {
	display:inline; /* Fix I.E6 */
	float:left;
	margin:55px 0 0 65px;
	width:200px;
}

#rodape #rodape_email {
	display:inline; /* Fix I.E6 */
	float:right;
	margin:55px 20px 0 0;
}

#rodape #rodape_email a, #rodape #rodape_logo a { color:#fff; text-decoration:none; }	
#rodape #rodape_email a:hover, #rodape #rodape_logo a:hover { text-decoration:underline; }





/* Classes */	
.img-left {float:left; margin-right:5px;}
.img-right {float:right; margin-left:5px;}
.center {text-align:center;}
.clear {clear:both;}


/************** EXCLUSIVAS *************************/


/* Home */

/* Home Chamadas */
#index_chamadas {
	float:left;
	width:400px;
}

#index_chamadas ul {
	margin:0;
}

#principal #index_chamadas li {
	list-style:none;
	margin:0;
}


#index_chamadas li a{
	background:url("../img/index/chamadas.jpg") top left no-repeat;
	color: #B7B7B7;
	display: block;
	height: 88px;
	text-indent: -10000px;
	width:397px;
}


#index_chamadas li.casamento a				{ background-position: 0 0; }
#index_chamadas li.quinze_anos a			{ background-position: 0 -88px; }
#index_chamadas li.festa a					{ background-position: 0 -176px; }


#index_chamadas li.casamento a:hover 		{ background-position: -406px 0; }
#index_chamadas li.quinze_anos a:hover 		{ background-position: -406px -88px; }
#index_chamadas li.festa a:hover			{ background-position: -406px -176px; }



/* Home Destaque */
#index_destaque {
	background:#F7F7F7;
	float:right;
	padding:10px;
	width:240px;
}

#index_destaque h2 {
	
}

#index_como_comprar {

}

#index_como_comprar h2 {
	border-bottom:1px dotted #A14874;
	padding-left:10px;
	
}

#index_como_comprar a {
	cursor:default;
	outline:none;
	display:block;
	float:left;
	height:129px;
	text-indent:-10000px;
	text-decoration:none; /* IE */
	z-index:10;
	
}

#index_como_comprar a:hover {
	position:relative;
	z-index:100;
}

#index_como_comprar a span {
	display:none;
	text-indent:0px;
}

#index_como_comprar a:hover span {
	background:#974478;
	border:1px solid #444;
	color:#fff;
	display:block;
	float:left;
	padding:1px 5px;
	position:absolute;
	/*white-space:nowrap;*/
	z-index:10;
	
	top:10px;
	left:20px;
}

/* Escolha */
a#index_como_comprar_escolha {
	background: url(../img/index/escolha.jpg) no-repeat;
	width:198px;
}

/* Descreva */
a#index_como_comprar_descreva {
	background: url(../img/index/descreva.jpg) no-repeat;
	width:195px;
}
/* Compre */
a#index_como_comprar_compre {
	background: url(../img/index/compre.jpg) no-repeat;
	width:283px;
}


/* Como Comprar */

.contato_destaque {
	background: url("../img/como-comprar/box_bg.jpg") repeat-y;
	width:492px;
}

.contato_box_conteudo {
	margin:0 15px;
}


.contato_box_topo {
	background:url("../img/como-comprar/box_topo.jpg") no-repeat;
	height:23px;
}

.contato_box_rodape {
	background: url("../img/como-comprar/box_rodape.jpg") no-repeat;
	height:27px;
}



/* Contato */
#contato_form {
	/*background:url("../img/contato/formulario_bg.jpg");*/
	background:#f7f7f7;
	padding:20px 120px 0 25px;
	height:310px;
	width:350px;
}

#contato_form fieldset {
	border:none;
}

#contato_form label {
	display:block;
	margin-bottom:10px;
	width:350px;
}

#contato_form label input { width:350px; padding:2px 0; }
#contato_form label#telefone, #contato_form label#telefone input { width:100px; }
#contato_form label#email, #contato_form label#email input { width:230px; }
#contato_form label#telefone { float:left; }
#contato_form label#email { float:right; }


#contato_form textarea, #contato_form label input {
	 border:1px solid #974478;
}

#contato_form textarea {
	height:100px;
	width:350px;
}

#contato_form button {
	border:0;
	background:url("../img/contato/bt-enviar.jpg") no-repeat;
	height:25px;
	width:71px;
}



/* PAginas convites */
/* Casamento - 15 anos - Festas */
/* Ambas a mesma estrutura */
.convite_conteudo{
	overflow:hidden;
	width:100%;
}

.convite_conteudo a { font-size:10px; }

.convite_conteudo_foto {
	float:left;
	width:390px;
	height:234px;
}

#principal .convite_conteudo_foto h2, #index_destaque h2 {
	font: italic 22px Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px;	
}

#principal .convite_conteudo_foto h2 { float:left; }
#principal .convite_conteudo_foto .convite_pedido { float:right; }

.convite_destaque {
	background:#F7F7F7;
	float:right;
	padding:10px;
	width:240px;
}

.convite_destaque table {
	border-collapse:collapse;
	width:100%;
}

.convite_destaque table td {
	padding:10px 0;
	vertical-align:top;
}


#principal .convite_destaque table ul {
	font-size:10px; margin-left:15px; list-style:square;
}

#principal .convite_destaque table li {
	margin:0;
}

#principal .convite_destaque h2 {
	color:#000;
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px;	
}