body {
margin: 0;
font-family: "Trebuchet MS"; font-size: 9px;
background: url(../images/bg_all.jpg) center center;
}


div { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
img {
margin: 0;
border: none;
}
ul {
margin: 0; padding: 0;
list-style: none;
}
	ul li { margin: 0; padding: 0; }
h1 {
width: 710px; height: 27px;
position: absolute; left: 69px; top: 102px;
margin: 0; padding: 0;
text-indent: -9999px;
}


div#moldura {
width: 780px; height: 457px;
position: absolute; left: 50%; top: 50%;
margin: -224px 0 0 -395px;
background: url(../images/bg_moldura.jpg) no-repeat #fff;
}
	div#moldura img.alfinete1 { position: absolute; left: -3px; top: -17px; }
	div#moldura img.alfinete2 { position: absolute; right: 0; top: -15px; }
	div#moldura a img#logo { position: absolute; left: 17px; top: 15px; }


/*HOME*/
div#destaque_cd {
width: 235px; height: 352px;
position: absolute; left: 10px; top: 90px;
background: url(../images/bg_cd.gif) no-repeat;
}
	div#destaque_cd div.content {
	width: 168px; height: 288px;
	position: absolute; left: 29px; top: 26px;
	text-align: center;
	background: #904cc9;
	}
		div#destaque_cd div.content p { margin: 5px 0; padding: 0 5px }
				div#destaque_cd div.content a img#bt_comprar_cd { position: absolute; left: 9px; bottom: -22px; }

div#meio {
width: 255px; height: 352px;
position: absolute; left: 228px; top: 3px;
background: url(../images/bg_mae.gif) no-repeat right top #f0e0fd;
}
	div#meio img.foto { position: absolute; left: 7px; top: 2px; }
	div#meio p.text {
	width: 230px; height: 130px;
	position: absolute; left: 12px; top: 188px;
	}
		div#meio p.text strong {
		wdth: 100%;
		display: block;
		margin: 0 0 10px 0;
		}
	div.png_clip {
	width: 27px; height: 65px;
	position: absolute; left: 115px; top: -12px; z-index: 3;
	background: url(../images/clip1.png) no-repeat;
	}
	* html div.png_clip {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clip1.png', sizingMethod='scale');
	background: none;
	}
		img.sombra1 { position: absolute; left: -5px; top: 0px; }
		img.sombra2 { position: absolute; left: -5px; bottom: -4px; }
		img.sombra3 { position: absolute; right: 0; bottom: -5px; }

div#home_cartao {
width: 328px; height: 329px;
position: absolute; left: 447px; top: 108px;
background: url(../images/cartao.gif) no-repeat;
}
	div#home_cartao img.cartao_foto {
	position: absolute; left: 155px; top: 80px;
	border: 3px solid #3c0868;
	}
	div#home_cartao img.txt_cartao { position: absolute; left: 160px; top: 166px; }

		div#home_cartao a img#bt_enviar_cartao { position: absolute; left: 148px; bottom: 32px; }

/*postit amarelo2*/
div#postit2 {
width: 153px; height: 101px;
position: absolute; right: 37px; top: 20px;
background: url(../images/postit2.gif) no-repeat;
}
	div#postit2 p {
	width: 123px; height: 85px;
	margin: 5px 0 0 15px;
	}




/*ESCOLHA DO TEXTO*/
h1.escolhe_texto { background: url(../images/h1_01.gif) no-repeat; }

	ul#lista_textos { width: 800px; }
		ul#lista_textos li {
		width: 165px; height: 60px;
		float: left;
		margin: 0 7px 7px 0;
		overflow: hidden;
		}
			ul#lista_textos li a {
			width: 100%; height: 100%;
			display: block;
			margin: 0 0 0 0;
			text-align: center; text-decoration: none;
			background: #7d089f;
			}
			ul#lista_textos li a:hover { background: #a23dbf; }
				ul#lista_textos li a strong {
				width: 100%;
				display: block;
				margin: 0 0 4px 0; padding: 4px 0 0 0;
				text-decoration: underline; color: #d7f1db;
				}
				ul#lista_textos li a {
				padding: 0 1px;
				line-height: 13px; color: #fff;
				}



/*INDIQUE O SITE*/
h1.indique { background: url(../images/h1_03.gif) no-repeat; }

ul#indique { width: 800px; }
	ul#indique li {
	width: 198px; height: 56px;
	float: left;
	margin: 0 42px 19px 0;
	background: #882280;
	}
		ul#indique li img.numero { float: left; }
		ul#indique li span {
		width: 169px; height: 50px;
		display: block;
		float: left;
		}
		* html ul#indique li span { margin-top: 1px; }
		* + html ul#indique li span { margin-top: 1px; }

			ul#indique li span input {
			width: 158px; height: 18px;
			margin: 4px 0 0 0; padding-left: 8px;
			}
			* html ul#indique li span input { margin: 2px 0 0 0; }
			* + html ul#indique li span input { margin: 2px 0 0 0; }

input.tb_envia_indicacao { position: absolute; right: 19px; bottom: 1px; }

.verde { background: #c688fa !important; }
.vermelho { background: #8a53b9 !important; }

/*PREENCHA SEUS DADOS*/
h1.preencha { background: url(../images/h1_02.gif) no-repeat; }

div#content_cartao {
width: 511px; height: 256px;
position: absolute; left: 0; top: 0;
}

div#holder_form {
width: 143px; height: 220px;
position: absolute; right: 6px; top: 0;
}
			div#holder_form ul li input {
			width: 136px; height: 18px;
			padding-left: 5px;
			}
			div#holder_form ul li textarea {
			width: 136px; height: 80px;
			padding-left: 5px;
			}
		div#holder_form ul li { margin: 0 0 3px 0; }
		* html div#holder_form ul li { margin: 0 0 1px 0; }
		* + html div#holder_form ul li { margin: 0 0 1px 0; }
		


input.tb_envia_cartao { position: absolute; right: 5px; bottom: 35px; }
img.tb_troca_cartao { position: absolute; right: 5px; bottom: 0; }


/*VISUALIZAÇÃO DO CARTÃO*/
div#content_cartao_visualiza {
width: 550px; height: 320px;
position: absolute; right: 200px; top: 110px;
border: 1px solid #41336F;
background: #fff;
}

h1.visualiza {
width: 500px;
position: absolute; left: 245px; top: 61px;
background: url(../images/h1_04.gif) no-repeat;
}

div#mensagem_recebida {
width: 176px; height: 308px;
position: absolute; right: 4px; top: 56px;
background: #fff;
}

img#envia_outro_cartao { position: absolute; right: 26px; bottom: 28px; }

	div#mensagem_recebida img.sombra1 { position: absolute; left: -8px; top: 0; }
	div#mensagem_recebida img.sombra2 { position: absolute; left: -8px; bottom: -5px; }
	div#mensagem_recebida img.sombra3 { position: absolute; right: 0; bottom: -5px; }
	div#mensagem_recebida p {
	width: 167px; height: 260px;
	position: relative; left: 8px; top: 10px;
	}
		div#mensagem_recebida p strong {
		width: 100%;height: 50px;
		display: block;
		}
		div#mensagem_recebida p span {
		width: 167px; height: 200px;
		position: absolute; left: 0; top: 50px;
		overflow: auto;
		}
		div#mensagem_recebida p em {
		width: 120px; height: 20px;
		position: absolute; right: 5px; bottom: -16px;
		text-align: right; font-weight: bold; font-style: normal;
		}

	div.clip_visu {
	width: 60px; height: 65px;
	position: absolute; right: -11px; top: 6px; z-index: 3;
	background: url(../images/clip3.png) no-repeat;
	}
	* html div.clip_visu {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clip2.png', sizingMethod='scale');
	background: none;
	}



/*PÀGINAS INTERNAS*/
div#texto_internas {
width: 255px; height: 132px;
position: absolute; right: 27px; top: 4px; z-index: 9999;
background: #fff;
}
	div.png_clip2 {
	width: 50px; height: 65px;
	position: absolute; left: 110px; top: -13px; z-index: 3;
	background: url(../images/clip2.png) no-repeat;
	}
	* html div.png_clip2 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clip2.png', sizingMethod='scale');
	background: none;
	}

	div#texto_internas img.sombra1 { position: absolute; left: -7px; top: 0;}
	div#texto_internas img.sombra2 { position: absolute; left: -6px; bottom: -6px;}
	div#texto_internas img.sombra3 { position: absolute; right: 0; bottom: -6px;}

	div#texto_internas p.txt1 {
	width: 230px; height: 65px;
	position: absolute; left: 12px; top: 46px;
	}

div#cont_holder {
width: 770px; height: 338px;
position: absolute; right: 0; bottom: 7px;
background: url(../images/bg_internas.gif) no-repeat;
}
	div#cont_holder div#content {
	width: 681px; height: 256px;
	position: absolute; left: 35px; top: 45px;
	overflow: hidden;
	}

/*postit amarelo2*/
div#postit1 {
width: 153px; height: 101px;
position: absolute; right: 322px; top: 10px;
background: url(../images/postit.gif) no-repeat;
}
	div#postit1 p {
	width: 123px; height: 85px;
	margin: 5px 0 0 15px;
	}



/*ESTILOS DOS TEXTOS*/
.txt1 { font-size: 12px; line-height: 16px; color: #7d089f; }
* + html .txt1 { line-height: 14px; }
* html .txt1 { line-height: 14px; }
.txt2 { font-size: 12px; color: #fff; }
.txt3 { font-size: 11px; color: #220033; }



/*ESTILOS DOS FORMULÁRIOS*/
input.txt {
font-family: "trebuchet MS"; font-size: 12px; color: #570b98;
border: 1px solid #8753a8;
background: #fff;
}

textarea.txt {
font-family: "trebuchet MS"; font-size: 12px; color: #570b98;
border: 1px solid #8753a8;
background: #fff;
}
* html textarea.txt { overflow: hidden }
* + html textarea.txt { overflow: hidden }



/*ESTILOS DOS LINKS*/
a.link1 { color: #7d089f; }
a.link1:hover { color: #580a6f; }