@import url("layout.css");
@import url("tipografia.css");
@import url("parcerias.css");
@import url("links.css");


/*  ----------------------------------------------------------------------------   */

/*  containers   */

#container_familia,
#container_bio,
#container_mensagem,
#container_noticias,
#container_evento,
#container_contato {
	width: 790px;
	height: 780px;
	position:relative;
	background-attachment:inherit;
	background-image:url(../img/bg/familia.gif);
}


#container_bio {
	background-image:url(../img/bg/biografia.gif);
}


#container_mensagem {
	background-image:url(../img/bg/mensagem.gif);
}


#container_noticias {
	background-image:url(../img/bg/noticia.gif);
}


#container_evento {
	background-image:url(../img/bg/eventos.gif);
}


#container_contato {
	background-image:url(../img/bg/contato.gif);
}

/*  ----------------------------------------------------------------------------   */

/*  comum a todas as paginas  */


#tb_conteudo {
	margin-top:-580px;
	margin-left:343px;
}


.scroll_cinza,
#janela {
		scrollbar-face-color: #FFFFFF;
		scrollbar-highlight-color: #CACACA;
		scrollbar-3dlight-color: #CACACA;
		scrollbar-shadow-color: #CACACA;
		scrollbar-darkshadow-color: #CACACA;
		scrollbar-track-color: #EDEDED;
		scrollbar-arrow-color: #acacac;
}


p#noticia {
	font-size:10px;
	
	width:268px;
	_width:280px;
/*	_width:300px;*/
	
	padding:0px 10px 10px 5px;
	text-align:justify;
	display:block;
}


hr#linha_noticia,
hr#linha_menagem {
	background-color:#97D4F9;
	height:3px;
	width:280px;
	position:relative;
}

hr#linha_menagem {
	background-color:#ff6600;
}

img#imprimir,
img#envie {
	position:relative;
	top:10px;
	left:10px;
}

img#envie {
	left:50px;
}


#arquivo_esconde {
	width:420px;
	height:100px;
	overflow:auto;
}

#arquivo_esconde_noticia {
	width:440px;
	height:140px;
	overflow:auto;	
}

#arquivo_esconde_evento {
	height:370px;
	overflow:auto;
}



#arquivo_esconde_msg{
	width:420px;	
	height:190px;
	overflow:auto;
}






/*  ----------------------------------------------------------------------------   */


/*  box de textos e botoes de scroll coloridos   */


#box,
#box_evento {
	width:300px;
	height:550px;
	border:solid 5px #FFFFFF;
	background-color:#FFFFFF;
	position:relative;
	display:block;
	z-index:3;
	top:15px;
	left:15px;
}



#box_txt  p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-align:justify;
	padding:5px;
	
	_top:-15px;
}





#scroll_bt {
	position:absolute;
	z-index:3;
	left:317px;
	top:20px;
}


.scroll_up, .scroll_down{
	background-image:url(../img/comum/scroll_up.gif);
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	width:32px;
	height:46px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.scroll_down{
	background-image:url(../img/comum/scroll_down.gif);
}


/*  ----------------------------------------------------------------------------   */

/*    biografia     */


#tb_conteudo_biografia {
	margin-top:-530px;
	margin-left:317px;
}




/*  ----------------------------------------------------------------------------   */

/*    Eventos     */

#rolagem_evento {
	width:315px;
	height:265px;
	margin-top:2px;
	overflow:auto;
}

#comenta {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	display:block;
	z-index:5;
	width:300px;
	height:270px;

}

table.comentario {

}


p.comentario_txt,
p.comentario_txt_msg  {
	font-size: 12px; 
	font-family: verdana;
	color: #2582BB; 
	font-weight:normal;
	text-align:right;
	padding:5px 0px 5px 10px;
	width:0px;
	line-height:30px;
}

p.comentario_txt_msg {
	line-height:0px;
}

input.comentario {
	border:solid 1px #2582BB;
	color:#2582BB;
	width:220px;
	position:relative;
	
	margin:5px 0px 3px 45px;
	_margin:5px 0px 3px 5px;
}

textarea#comentario_box {
	position:relative;
	height:80px;
	left:-2px;
	width:265px;
}

#comentario_imprima img,
#comentario_envia img {
	margin-top:5px;
	margin-left:15px;
}

#comentario_envia img{
	margin-left:20px;
}


input#comentario_bt_envia,
input#comentario_bt_voltar {
	background-color:#FFFFFF;
	border:solid 2px #2582BB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2582BB;
	float:right;
	margin:10px 0px 0px 0px;
}

input#comentario_bt_voltar {
	float:none;
	margin:50px 0px 0px 10px;
}


/*#comentario_jumpmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2582BB;
	width:200px;
	margin-top:5px;
	margin-left:10px;
	border:solid 1px #2582BB;
}

*/





/*  ----------------------------------------------------------------------------   */


/*  Noticias fotos    */

#comentrario_fotos {
	width:450px;
	height:110px;
	_height:110px;
	position:absolute;
	display:block;
	z-index:6;
	top:210px;
	_top:198px;
	left:333px;
}


#comentario_fotos_tb{
	top:20px;
	width:100%;
	display:block;
	vertical-align:middle;
}


#comentario_fotos_tb img {
	padding:0px;	
}


#comentario_foto_link {
	font-size:10px;
	display:table-cell;
}



#comentario_foto_grande {
	position:absolute;
	top:290px;
	_top:285px;
	left:330px;
	width:450px;
	height:410px;
	overflow:hidden;
}



/* enve para um amigo */

#comentario {
	width:300px;
	height:190px;
	position:relative;
	display:block;
	z-index:3;
	top:30px;
	left:20px;
}


#comentario_imprima img,
#comentario_envia img {
	padding-top:10px;
	padding-left:15px;
}

#comentario_envia img{
	padding-left:30px;

}



#comentario_box {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2582BB;
	width:270px;
	height:100px;
	margin-top:5px;
	margin-left:10px;
	border:solid 1px #2582BB;
}


#comentario_link {
	height:40px;
	_height:30px;
	vertical-align:middle;
	white-space: nowrap;
}

#comentario_link p {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	color: #2582BB; 
	font-weight:normal;
	padding-left:10px;

}

#comentario_total {
		font-weight:bold;
}


#comentario_link input {
	background-color:#FFFFFF;
	border:solid 2px #2582BB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2582BB;
	margin-left:70px;
}


/* indique para um amigo */

#indique_para_amigo{
	position:absolute;
	top:285px;
	left:330px;
	width:450px;
	height:410px;
	overflow:hidden;
	z-index:1;		
}



#indique_para_amigo td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#042D57;
}

#indique_para_amigo2 td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#042D57;
}

.indique_box {
	border:solid 2px #999999;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003333;
	font-size:12px;
}


.indique_para_amigo input {
	border:solid 2px #999999;
	margin:0px;
	padding:0px;
	width:250px;	
}


.indique_box_msg {
	scrollbar-face-color: #DCDCDC;
	scrollbar-track-color: #DCDCDC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	
	border:solid 2px #999999;
	margin:0px;
	padding:0px;
	width:250px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003333;
	font-size:12px;
	
}


.indique_bt_envia {
	float:right;
	background-color:#F2F2F2;
	border:solid 1px #666666;
	margin-top:10px;
}


#comentario_galeria_escolhe {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2582BB;
	display:block;
}


#comentario_galeria_escolhe p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2582BB;
	
	_margin-top:0px;
	_margin-bottom:10px;
	
	display:block;
}

#comentario_galeria_escolhe ul {
	width:100px;
	height:10px;
	padding:0px;
	margin:0px;
	top:-10px;
}

#comentario_galeria_escolhe li {
	display:inline;
	list-style:none;
}



/* contato */

p.contato {
	font-size: 12px; 
	font-family: verdana;
	color: #003333;
	padding: 5px 0px 5px 0px; 
}


input.contato,
select.contato,
textarea#contato_msg {
	font-size: 12px; 
	font-family: verdana;
	color: #003333;
	margin-left:0px;
	width:250px;
	border: solid 1px #CECECE;
}

textarea#contato_msg {
	height:150px;
}


input.contato_bt_envia {
	color:#FFFFFF;
	border: solid 2px #CECECE;
	background-color:#003300;
	margin-top:10px;
	margin-left:218px;
}
	
	
#texto_vermelho {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FF0000;
}