body
    {
	font: 9pt verdana, arial;
	color: #000;
	background: #3f2001;
	margin: 0;
	padding: 20px;
	text-align: left;
	}

body.instrucoes {background: #fce9d3; color: #000;}
body.instrucoes h2 {display: inline; font: bold 12pt verdana; color: #000;}
body.instrucoes a {color: #c40000;}
body.instrucoes p {margin: 20px 0 10px 0;}
body.instrucoes div.codigo {padding: 20px; background: #eee; border: 1px solid #ccc; font-family: "Courier New", Courier, monospace; overflow:auto;}



.frameform {background:#b3ddad url(../img/bg_pattern.gif); margin:0; padding:0;}

p {line-height: 1.3em; margin: 0;}
a img {border:0}
h2, h3, #txt2, #txt3, #txt4, .oculto {display: none;}

#txt1, #txt2, #txt3, #txt4 {font-size: 8pt;}

#txtcount {position:absolute; top: 80px; left: 140px;}

#foto_escolhida {position: absolute; z-index:1; top: 40px; right: 50px; width: 120px; height:180px; text-align:center;}


ul {list-style: none; margin:0; padding:0;}
ul li {margin:0 0 3px 0; padding:0;}

a:link {text-decoration: underline; color: #03c;}
a:visited {text-decoration: underline; color: #03c;}
a:hover {text-decoration: underline; color: #03c;}

#ant {position: absolute; bottom:0; left:0; text-align:left;}
#prox {position: absolute; bottom:0; right:0; text-align:right;}

#tudo2
    {
	position:relative;
	width: 726px; height: 877px;
	margin: 0 auto;
	background: url(../img/bg2.jpg) top left no-repeat;
	/*border: 1px solid #fff;*/
	}

#tudo1
    {
	position:relative;
	width: 726px; height: 550px;
	margin: 0 auto;
	background: url(../img/bg1.jpg) top left no-repeat;
	/*border: 1px solid #fff;*/
	}

#bloco1 {position:absolute; top: 170px; left: 23px; width:360px; height: 50px;}
#bloco2 {position:absolute; top: 160px; left: 400px; width:320px; height: 95px;}
#bloco3 {position:absolute; top: 590px; left: 23px; width:360px; height: 250px;}
#bloco4 {position:absolute; top: 590px; left: 400px; width:320px; height: 100px;}
#bloco5 {position:absolute; top: 705px; left: 570px; width:140px; height: 80px; font-size: 7pt;}
#bloco6 {position:absolute; top: 815px; left: 395px; width:160px; height: 60px; font-size: 8pt;}
#bloco7 {position:absolute; top: 815px; left: 560px; width:145px; height: 60px; font-size: 8pt;}

#quero_doar {display: block; position:absolute; top: 300px; left: 400px; width:310px; height: 100px;}
#quero_doar em {display: none;}

#bloco_video {position:absolute; top: 215px; left: 23px; width:360px; height: 300px;}

.card {float:left; margin: 10px 0; padding:0; width: 119px; height: 157px;}
.card div {margin: 0; padding:0; width: 119px; height: 130px;}
.card div em {display: none;}

#card1 {background: url(../img/card1.jpg) top left no-repeat;}
#card2 {background: url(../img/card2.jpg) top left no-repeat;}
#card3 {background: url(../img/card3.jpg) top left no-repeat;}

#rodape
    {
	position:relative;
	margin: 10px auto; padding: 0;
	width: 726px; height: 58px;
	font-size: 8pt; color: #fff; text-align:left;
	}
#rodape img {display:block; position:absolute; top: 0; right:0;}



/*___form___*/

input {width: 150px; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
textarea {font: 8pt arial; width: 170px; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.campo {float:left; width: 170px; margin: 10px 100px 0 0;}
.campofull {float:left; width: 320px; margin: 10px 0 -45px 0;}
label {display: block; float: left; height:18px; width: 150px;}
label em {display: none;}
	.de {background: url(../img/label_de.gif) top left no-repeat;}
	.email {background: url(../img/label_email.gif) top left no-repeat;}
	.para {background: url(../img/label_para.gif) top left no-repeat;}
	.mensagem {background: url(../img/label_mensagem.gif) top left no-repeat;}


#box_erro 
	{
	display: none; position:absolute; top: 40px; left: 140px; z-index:2;
	width: 140px; height: 40px; padding: 60px 20px 0 40px; color: #000;
	background: url(../img/bg_box_erro.png) top left no-repeat;
	}

.contador {font-size: 8pt; color:#666;}