@charset "utf-8";
/* CSS Document */

#titulo{ background-image:url(../img/fnd_topicos.gif); height:43px; border:1px solid #e7e8e0;  font-family:Verdana, Geneva, sans-serif; color:#196db5; position:relative; font-size:14px; font-weight:bold; }
#titulo img{ margin:7px; }
#titulo span{
	position:absolute;
	left: 45px;
	top: 13px;
	width: 527px;
}

.conteudo_{ position:relative; height:100%; width:100%;}

.lista_disco{ border:1px solid #e7e8e0; width:580px; height:43px; margin:4px; margin-left:0px;  position:relative; font-family:Verdana, Geneva, sans-serif; text-align:left; cursor:default; cursor:pointer; }
.lista_disco:hover{ border:1px dashed #e7e8e0;  }

.lista_disco #data{ color:#5292bf; position:absolute; left:10px; top:12px; font-weight:bold; font-size:12px; letter-spacing:-1px;}
.lista_disco #ano{ color:#CCC; position:absolute; left:16px; top:23px; font-weight:bold; font-size:10px; letter-spacing:-1px;}
.lista_disco #nome{
	position:absolute;
	left:65px;
	top:4px;
	font-size:15px;
	letter-spacing:-1px;
	width: 435px; color:#5c5c5c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
#separador{
	position:absolute;
	left: 57px;
	top: 3px;
	border-left:1px solid #FFF; height:35px; border-right: 1px solid #e5e5e5;;
}
#separador2{
	position:absolute;
	left: 516px;
	top: 4px;
	border-left:1px solid #FFF;
	height:35px;
	border-right: 1px solid #e5e5e5;
	
}

#categoria{
	position:absolute;
	left: 75px;
	top: 23px; color:#b4b4b4; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#categoria span{ color:#ff3888; }
#hinos{
	position:absolute; color:#b4b4b4; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	left: 250px;
	top: 23px;
}
#hinos span{ color:#ff3888; }

#downloads{	position:absolute; color:#b4b4b4; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	left: 340px;
	top: 23px;  }
#downloads span{ color:#ff3888; }

.lista_disco img{ position:absolute; left:100%; top:-1px; margin-left:-79px; cursor:pointer;}

#area_mensagens{
	position:absolute;
	left: -12px;
	/*width: 409px;*/
        width:260px;
	/*height: 353px;*/
        height: 76px;
	background:url(../img/fnd_msgns2.gif) center no-repeat;
        margin-top: 12px;
	/*top: 507px;*/
}
#mensagens_usuarios{
	height: 760px;
	left: 24px;
	overflow: hidden;
	position: absolute;
	top: 105px;
	width: 540px;
}

.lista_mensagens{ width:100%; height:120px; border-bottom:1px solid #CCC; position:relative;  }
.lista_mensagens #data{
	color:#5292bf;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}
.lista_mensagens #de{
	color:#5292bf;
	font-size:12px;
	position:absolute;
	left: 68px;
	top: 5px;
	width: 52px;
	height: 15px;
	text-align:center;
}
.lista_mensagens #para{
	color:#5292bf;
	font-size:11px;
	font-style:italic;
	position:absolute;
	left: 68px;
	top: 25px;
}
.lista_mensagens #foto{
	position:absolute;
	left: 4px;
	top: 3px;
	height: 65px;
	width: 48px;
	background-color:#FFF;
	border:1px solid #e0dfdf;
	padding:2px;
}
#msg{
	position:absolute;
	left: 68px;
	top: 48px;
	/*width: 218px;*/
        width: 424px;
	height: 61px;
	/*text-align:justify;*/
        text-align:left;
}
.lista_mensagens #para span{ color:#f859ba; font-size:13px; font-style:italic;   }

#controle_msg{
	position:absolute;
	/*left: 361px;*/
        left:560px;
	top: 59px;
	width: auto;
	height: 815px;
}
#contro_up{
	position:absolute;
	/*left: 363px;*/
        left: 565px;
	top: 62px;
	height:110px;
	cursor:pointer;
	width: 35px;
	opacity:0.01;
	-moz-opacity: 0.01;
	filter:alpha(opacity=1);
	background-color:#FFF;
}
#contro_dow{
	position:absolute;
	/*left: 366px;*/
        left: 565px;
        top: 755px;
	/*top: 174px;*/
	height:109px;
	cursor:pointer;
	width: 35px;
	opacity:0.01; -moz-opacity: 0.01; filter:alpha(opacity=1); background-color:#FFF; 
}

#contro_dow:hover{ opacity:0.30; -moz-opacity: 0.30; filter:alpha(opacity=30); background-color:#FFF; }
#contro_up:hover{ opacity:0.30; -moz-opacity: 0.30; filter:alpha(opacity=30); background-color:#FFF; }
#escrever_msg_topo{
	cursor: pointer;
	left: 20px;
	position: absolute;
	top: 60px;
}
#ver_todos_topo{
	color: #FF0000;
	display: inline-block;
	font-weight: bold;
	left: 475px;
	position: absolute;
	top: 70px;
	width: 70px;
}
#escrever_msg_rodape{
	position:absolute;
	left: 20px;
        top:886px;
}
#ver_todos_rodape{
	position:absolute;
	/*left: 282px;*/
        left:472px;
        width: 26%;
	/*top: 308px;*/
        top: 893px;
	color:red;
	font-weight:bold;
	cursor:pointer;
}


#conheca_igrejas_ccb{
	position:absolute;
	background:url(../img/conheca_igrejas.gif) no-repeat center;
	left: 377px;
	top: 490px;
	width: 213px;
	height: 176px;
}

#conheca_igrejas_ccb #foto{
	position:absolute;
	left: 63px;
	top: 50px;
	width: 82px;
}
#conheca_igrejas_ccb #nome{
	position:absolute;
	left: 18px;
	top: 135px;
	width: 187px;
	height: 34px;
	text-align:center;
	color:#5694c9;
} 

#conheca_igrejas_ccb #verMais{
	position:absolute;
	left: 149px;
	top: 155px;
	cursor:pointer; 
	color:#5694c9;
	font-size:10px;
	
	}

#ensaiosRegionas{
	position:absolute;
	left: 426px;
	top: 547px;
}
#banner_trechos{
	position:absolute;
	left: 591px;
	top: 1px;
	cursor:pointer;
}
#banner_envio_hino{
	position:absolute;
	left: 591px;
	top: 192px;
}
#banner_monte_radio{
	position:absolute;
	left: 592px;
	top: 487px;
}
.fora {
	border: #CCC solid 1px;
	height: 150px;
	margin-left: 40px;
	margin-bottom: 5px;
	width: 150px;
}
.dentro {
	border: #CCC solid 1px;
	cursor: pointer;
	height: 142px;
	margin-left: 3px;
	margin-top: 3px;
	text-align: center;
	width: 142px;
}
div.dentro p.add-foto {
	padding-top: 45px;
}
span.apagar-foto {
	float: right;
}
input#imagem {
	height: 13px;
	opacity: 0;
	padding-left: 40px;
	position: absolute;
	width: 70px;
	z-index: 1;
}
span.trocar-foto {
	float: left;
	padding-left: 40px;
	margin-bottom: 5px;
	z-index: 2;
}
span.trocar-foto a {
	color: #00f;
	text-decoration: underline;
}
span.info-foto {
	color: #FF0000;
	float: right;
	font-size: 10px;
	padding-left: 40px;
}
span.apagar-foto a {
	color: #FF0000;
	text-decoration: underline;
}
.titleCad{
	width:30px;
	height:30px;
	float:left;
}

.form_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}

.form_txt_alert{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#F00;
}

.botfoto{
	background-image:url(../img/btn_img.png);
	background-position:left;
	background-repeat:no-repeat;
	width:80px;
	height:30px;
	cursor:pointer;
	margin:0px;
	float:left;
	margin-right:10px;
}

.inputfoto{
	/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0.0;
	cursor:pointer;
}

.inptForm{
	border:1px solid #39C;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#39C;
}

.form_valid{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#999;
	font-style:italic;
}

.cinza14_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

.ativar{
	background-image:url(../img/ativar_cadastro_03.jpg);
	background-position:left;
	background-repeat:repeat-x;
}

#paginacao{
	position:absolute;
	left: -6px;
	width: 593px;
	max-width:695px;
	height: 32px;
	/*top: 487px;*/
	text-align:center;
}

#listagem-usuarios-chat {
	background-color: #F2F4F8;
	
	border: 1px solid #E0E4EE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	width: 155px;	
	overflow: hidden;
	position: absolute;
	left: 591px;	
	top: 385px;
}

#listagem-usuarios-chat h2 {
	color: #196DB5;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 14px;
	font-weight: bold;

	margin: 5px 0;
	text-align: center;
}

#listagem-usuarios-chat span.total-usuarios {
    color: #196DB5;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0 10px;
    text-align: center;
    width: 144px;

}

#listagem-usuarios-chat ul {
	padding: 0;
	margin:	0;
}

#listagem-usuarios-chat li {
	list-style: none;
	overflow: hidden;
	height: 25px;
	margin: 0 0 6px 0;
}

#listagem-usuarios-chat li:hover {
	background-color: #E0E4EE;
}

#listagem-usuarios-chat a {
	color: #5EB3ED
}

#listagem-usuarios-chat img {
	border:	none;
	width: 24px;
	height: auto;
	vertical-align: middle;
	padding:  0 0 0 10px;
}

#listagem-usuarios-chat a span {
	margin:  0 0 0 5px;
	line-height: 25px;
}