div#container{ height:953px; padding-top:15px; }
div#bgSite{ height:968px; }

div.semComentario{ height:800px !important; }
div.semComentarioBgSite{ height:815px !important; }

a#logoCaixa{ left:32px; top:35px; } 





/* !!!!!!!!!!!!!!!! DESTAQUE !!!!!!!!!!!!!!!! */
div#destaque{ 
	width:408px; height:363px; background:url('../_images/bgs/bg_destaque.jpg'); position:absolute; top:87px; left:240px;
}
div#destaque img#fotoDestaque{ border:1px solid #000; position:absolute; top:17px; left:25px; }
div#destaque h1.out{ position:absolute; font:bold 22px "Trebuchet MS", Arial; color:#E1B811; left:2px; top:-35px; margin:0; text-transform:uppercase; width:410px; }
div#destaque p{ position:absolute; left:25px; top:283px; line-height:14px; margin:0; width:365px; }
div#destaque p a{font:14px "Trebuchet MS", Arial; color:#FFF; }

div#containerFormEnvieAmigo{ width:557px; height:180px; position:absolute; top:49px; left:222px; display:none; }
div#containerFormEnvieAmigo {
    width:557px; background:url('../_images/bgs/bg_comentario.png'); _background-image:none;padding-left:18px; height:200px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_images/bgs/bg_comentario.png',sizingMethod='scale');
}
div#containerFormEnvieAmigo h1{ font:18px "Trebuchet MS", Arial; color:#223B1D; margin-top:15px;   }
div#containerFormEnvieAmigo .btnForm{ width:80px; height:25px; display:block; }
div#containerFormEnvieAmigo label{ font:14px "Trebuchet MS", Arial; color:#223B1D; }
div#containerFormEnvieAmigo input, select{ border:1px solid #223B1D; height:13px; width:217px; font-size:10px;  }
div#containerFormEnvieAmigo a:hover{ text-decoration:none; }
div#containerFormEnvieAmigo a.cancel{ background:url('../_images/botoes/bt_cancelar.gif') no-repeat; position:absolute; top:270px; *top:254px; right:100px; _right:118px; }
div#containerFormEnvieAmigo a.cancel1{ background:url('../_images/botoes/bt_cancelar.gif') no-repeat; position:absolute; top:355px; _top:355px; right:120px; _right:118px; }

div#containerFormEnvieAmigo p {
color:#213A1C;
font-family:"Trebuchet MS",Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:520px;
}

div#containerFormEnvieAmigo img#fechar {
position:absolute;
right:5px;
top:5px;
}

div#containerFormEnvieAmigo .conteudo_form {
	padding: 0px 10px 0px 0px;
	width: 520px;
}

div#containerFormEnvieAmigo .conteudo_form .bloco_esq {
	width:200px;
	float:left;
}

div#containerFormEnvieAmigo .conteudo_form .bloco_dir {
	width:200px;
	float:right;
}


div#containerFormEnvieAmigo .conteudo_form label{
	display:block;
	
}

div#containerFormEnvieAmigo .acerto{
	line-height:1px;
	display:block;
	clear:both;
	margin-bottom:10px;
}

div#containerFormEnvieAmigo .enviar {
	background:url('../_images/botoes/bt_enviar.gif') no-repeat;
	float:right;
	margin:20px 20px 20px 0px;
}


/* !!!!!!!!!!!!!!!! PODCAST !!!!!!!!!!!!!!!! */
div#podcast{ width:408px; height:107px; position:absolute; top:420px; left:240px; margin-top: 30px; }
div#podcast div#flash{  height:77px; width:408px;  }
div#podcast div#chamadaComentarios{ 
	background:url('../_images/bgs/bg_barraComentar.gif') no-repeat; height:30px; width:408px; text-align:center;
	position:absolute; bottom:0px; left:0px; font:14px "Trebuchet MS", Arial; color:#FFF; line-height:30px; vertical-align: middle;
}
div#podcast div#chamadaComentarios a{ font-weight:bold; color:#E1B811; }


/* relação destaque e podcast feito de maneira diferente */
#destaque2 {
	width:408px; 
	height:450px; 
	font-family: "Trebuchet MS", Arial;
	position:absolute; 
	top:52px; 
	left:240px;
}
div#destaque2_fundo {
	background:url('../_images/bgs/bg_destaque.jpg'); 
}
div#destaque2 h1.out { 
	font-size:22px;
	font-weight:bold;
	color:#E1B811; left:2px; top:-35px; margin:0; text-transform:uppercase; width:410px; }
div#destaque2 img {
	margin-left: 25px;
	margin-top: 15px;
}	
div#destaque2 p{ 
	line-height:14px; 
	margin-left: 25px;
	margin-right: 25px;
}
div#destaque2 p a{font-size:14px; color:#FFF; }

/* !!!!!!!!!!!!!!!! PODCAST !!!!!!!!!!!!!!!! */
div#podcast2{ margin-top: -10px; }
div#podcast2 div#flash{  height:77px; width:408px;  }
div#podcast2 div#chamadaComentarios{ 
	background:url('../_images/bgs/bg_barraComentar.gif') no-repeat; height:30px; width:408px; text-align:center;
	bottom:0px; left:0px; font:14px "Trebuchet MS", Arial; color:#FFF; line-height:30px; vertical-align: middle;
}
div#podcast2 div#chamadaComentarios a{ font-weight:bold; color:#E1B811; }
/* fim */


/* !!!!!!!!!!!!!!!! RELACIONADOS !!!!!!!!!!!!!!!! */
div#ultimasParticipacoes{ width:257px; position:absolute; top:55px; right:20px; height:200px;  }
div#ultimasParticipacoes h1{ font:bold 16px "Trebuchet MS", Arial; color:#FFF; margin:0 0 10px 0;  }
div#ultimasParticipacoes img.participante{ float:left; display:block; margin-right:10px; border:1px solid #FFF; }
div#ultimasParticipacoes p{ color:#FFF; margin:0 0 5px 0; }
div#ultimasParticipacoes p strong{ color:#E1B811; }
div#ultimasParticipacoes li{ margin-bottom:20px; width:257px; display:block; float:left; }
div#ultimasParticipacoes li:last-child{ margin-bottom:30px;  }
div#ultimasParticipacoes li{ margin-bottom:expression(this.nextSibling == null ? "30px" : "20px"); }
div#ultimasParticipacoes div.vejaMais{ display:block; float:left; margin-bottom:30px; width:100%; }


/* !!!!!!!!!!!!!!!! LISTA DE COMENTÁRIOS !!!!!!!!!!!!!!!! */
div#comentariosListaContainer{ height:225px; width:700px; position:absolute; top:535px; left:240px;   }
div#comentariosListaContainer h1{ font:bold 16px "Trebuchet MS", Arial; color:#223B1D; margin:0; }
div#comentariosLista{  
	height:200px; width:700px; bottom:0px; *bottom:-1px; left:0px; position:absolute; overflow:auto;
	background:url('../_images/bgs/bg_caixaComentarios.png'); 
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_images/bgs/bg_caixaComentarios.png',sizingMethod='scale'); 
}
div#comentariosLista ul li{ width:650px; margin:0 15px; display:block; border-bottom:1px solid #69A487; }
div#comentariosLista ul li img{ border:1px solid #E1B811; margin:15px 0; float:left; display:block; }
div#comentariosLista ul li div{ width:564px; float:right; }
div#comentariosLista ul li div h2{ margin:15px 0 5px 0; color:#E1B811; font:bold 16px "Trebuchet MS", Arial; } 
div#comentariosLista ul li div p{ margin:5px 0 5px 0; color:#FFF; font:14px "Trebuchet MS", Arial; } 
div#comentariosLista ul li:last-child{ border-bottom:0; }
div#comentariosLista ul li{ border-bottom:expression(this.nextSibling == null ? "0" : "1px solid #69A487"); }
div#comentariosListaContainer img#bt_comente{ position:absolute; bottom:-55px; right:0px; }

img#bt_comente{ position:absolute; bottom:145px; right:25px; }
div.semComentario img#bt_comente{ position:absolute; bottom:245px; right:25px; }




/*  !!!!!!!!!!!!!!!! FORMULÁRIO - PROMOÇÃO !!!!!!!!!!!!!!!! */
div#containerFormPromocao{ display:none; height:302px; left:50%; margin-left:-278px; position:absolute; top:180px; width:557px; }
div#containerFormPromocao div#formPromocao{
    width:557px; background:url('../_images/bgs/bg_comentario.png'); _background-image:none;padding-left:18px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_images/bgs/bg_comentario.png',sizingMethod='scale');
}
div#containerFormPromocao h1{ font:18px "Trebuchet MS", Arial; color:#223B1D; margin-top:15px; position:relative; top:10px;   }
div#containerFormPromocao .btnForm{ width:80px; height:25px; display:block; position:absolute; }
div#containerFormPromocao label{ font:14px "Trebuchet MS", Arial; color:#223B1D; position:absolute; }
div#containerFormPromocao input, select{ border:1px solid #223B1D; height:13px; width:217px; position:absolute; font-size:10px; }
div#containerFormPromocao a:hover{ text-decoration:none; }
div#containerFormPromocao a.cancel{ background:url('../_images/botoes/bt_cancelar.gif') no-repeat; position:absolute; *top:254px;  _right:118px; }

div#containerFormPromocao div#form1{ height:302px; position:relative; top:-10px; }

div#containerFormPromocao a.proximo{ background:url('../_images/botoes/bt_proximo.gif') no-repeat; top:254px; right:18px; }

div#containerFormPromocao input.send{ bottom:25px; right:43px; border:0; }
div#containerFormPromocao img#fechar{ position:absolute; top:5px; right:-13px; _right:5px; }

div#containerFormPromocao label#nomeLabel{ top:50px; left:0px; }
div#containerFormPromocao input#nome{ top:70px; left:0px; }

div#containerFormPromocao label#emailLabel{ top:100px; left:0px; }
div#containerFormPromocao input#email{ top:120px; left:0px; }

div#containerFormPromocao label#senhaLabel{ top:150px; left:0px; }
div#containerFormPromocao input#senha{ top:170px; left:0px; }

div#containerFormPromocao label#fotoLabel{ top:200px; left:0px; }
div#containerFormPromocao input#foto{ font-size:14px; height:20px; left:0px; top:220px; }

div#containerFormPromocao label#cidadeLabel{ top:50px; left:270px; }
div#containerFormPromocao input#cidade{ top:70px; left:270px; }

div#containerFormPromocao label#dataLabel{ top:100px; left:270px; }
div#containerFormPromocao input#dia{ top:120px; left:270px; width:39px; }
div#containerFormPromocao input#mes{ top:120px; left:320px; width:39px; }
div#containerFormPromocao input#ano{ top:120px; left:370px; width:50px; }
div#containerFormPromocao span#exemploData{ position:absolute; top:120px; left:430px; display:block; font:italic 12px "Trebuchet MS", Arial; color:#223B1D;   }

div#containerFormPromocao label#sexoLabel{ top:155px; left:270px; }
div#containerFormPromocao input#masculino{ top:155px; *top:158px; left:370px; border:0; width:30px; }
div#containerFormPromocao label#femininoLabel{ top:155px; left:410px;  }
div#containerFormPromocao input#feminino{ top:155px; *top:158px; left:465px; border:0; width:30px; }

div#containerFormPromocao label#telefoneLabel{ top:187px; left:270px; }
div#containerFormPromocao input#ddd_telefone{ top:187px; left:300px; width:39px; }
div#containerFormPromocao input#telefone{ top:187px; left:350px; width:88px; }

div#containerFormPromocao label#celularLabel{ top:220px; left:270px; }
div#containerFormPromocao input#ddd_celular{ top:220px; left:300px; width:39px; }
div#containerFormPromocao input#celular{ top:220px; left:350px; width:88px; }

div#containerFormPromocao label#arquivoFileLabel{ top:100px; left:170px; }
div#containerFormPromocao input#arquivoFile{ top:120px; left:170px; font-size:14px; height:20px;}

div#containerFormPromocao label#thumbFileLabel{ top:150px; left:170px; }
div#containerFormPromocao input#thumbFile{ top:170px; left:170px; font-size:14px; height:20px;}
div#containerFormPromocao span#prop{font-family:verdana; font-size:14px; left:390px; position:absolute; top:170px;}

div#containerFormPromocao div#form2,
div#containerFormPromocao div#form1{ height:302px; display:none; }
div#containerFormPromocao div#form2 p,
div#containerFormPromocao div#form3 p{ font:14px "Trebuchet MS", Arial; color:#213A1C; width:490px; }
div#containerFormPromocao input.file{ height:20px; margin-top:30px; width:450px; }
div#containerFormPromocao div#form3{ height:302px;}

div#containerFormPromocao label#emailLogin{ top:110px; left:170px; *top:130px; }
div#containerFormPromocao input#emailLogin{ top:130px; left:170px; *top:150px; }

div#containerFormPromocao label#senhaLogin{ top:160px; left:170px; *top:180px; }
div#containerFormPromocao input#senhaLogin{ top:180px; left:170px; *top:200px; }


div#containerFormPromocao div#form3 a.enviar{right:168px; top:234px;}
div#containerFormPromocao div#form3 a.cancel{right:260px; top:234px;}
div#containerFormPromocao div#form1 a.cancel{right:110px; top:254px;}
div#containerFormPromocao div#form2 a.cancel{right:250px; top:249px; }
div#containerFormPromocao a.enviar{ background:url('../_images/botoes/bt_enviar.gif') no-repeat; position:absolute; top:254px; right:18px; }