@charset "iso-8859-1";
/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	background: #c2d3e6 url(images/bg_body.jpg) no-repeat top center fixed;
	background-attachment:fixed;
}

#container {
	width:947px;
	height:auto;
	margin:0 auto;
	padding:0;
	margin-top:20px;
	/*border:1px dashed red;*/
}

#body_top {
	height: 104px;
	width: 947px;
}

#body_top1 {
	background: url(images/body_top1.gif) no-repeat;
	height: 3px;
	width: 947px;
	margin: 3px 0 0 0;
}

#body_mid {
	background: url(images/body_mid.gif) repeat-y;
	height: auto;
	width: 947px;
	margin:0;
	padding: 2px 5px;
	*margin-top:-14px;
}

#body_bot {
	background: url(images/body_bot.gif) no-repeat;
	height: 38px;
	width: 947px;
	padding-top:2px;
}

.clear {
	clear:both;
}

#ESQUERDA {
	float:left;
	width:180px;
	/*border:1px dashed red;*/
	height: auto;
}

.botao_1 {
	background: url(images/bt_1.gif) no-repeat;
	width: 164px;
	height: 28px;
}

.botao_1 p {
	margin:0;
	padding-top: 7px;
	text-align: center;
	vertical-align: middle;
	color:#333;
	font-weight:bold;
	font-size: 8pt;
	letter-spacing: 1pt;
}

.menu {
	margin-bottom:10px;
}

.menu #top {
	background: black url(images/box_top_1.gif) no-repeat;
	width: 164px;
	height: 24px;
	margin:0;
	padding-top:4px;
	text-align: center;
	vertical-align: middle;
	color:#333;
	font-weight:bold;
	font-size: 8pt;
	letter-spacing: 1pt;
}

.menu #top_crianca {
	background: black url(images/box_top_1_crianca.gif) no-repeat;
	width: 164px;
	height: 24px;
	margin:0;
	padding-top:4px;
	text-align: center;
	vertical-align: middle;
	color:#333;
	font-weight:bold;
	font-size: 8pt;
	letter-spacing: 1pt;
}

.menu #mid {
	background: url(images/box_conteudo_1.gif) repeat-y;
	width: 164px;
	height:auto;
	padding: 2px 5px;
	margin:0;
	margin-top: -3px;
	font-size:9pt;
}

.menu #bot {
	background: url(images/box_bot_1.gif) no-repeat;
	width: 164px;
	height:8px;
	margin:0;
}

						/* CONTEUDO */
#CONTEUDO{
	float:left;
	/*border:1px dashed red;*/
	width: auto;
	height: auto;
	margin:0;
	padding: 0 5px;
	overflow:hidden;
}

#CONTEUDO p {
	margin:0;
	padding:0;
	color: #333;
	font-size:8pt;
	text-align:justify;
}

#CONTEUDO_FULL{
	float:left;
	/*border:1px dashed red;*/
	width: 740px;
	height: auto;
	margin:0;
	padding: 0 5px;
}

#CONTEUDO_FULL p {
	margin:0;
	padding:0;
	color: #333;
	font-size:8pt;
	text-align:justify;
}


.box_img_destaque_conteudo {
	margin:0;
	padding:0;
	width:230px;
	height:auto;
	border:1px dashed green;
}

.box_img_conteudo_corpo {
	margin:0;
	padding:0;
	width:230px;
	height:auto;
	border:1px dashed green;
	overflow:hidden;
}

/* imagem de baixo dos boxes da direita,canto arredondado de baixo */
#img_destaque_bot{
	margin:0;
	margin-top:-12px;
	*margin-top:-20px;
}





						/* DIREITA */
#DIREITA{
	float:left;
	padding: 0 5px;
	width: 220px;
	height: auto;
}

h5 {
	font-size:9pt;
	letter-spacing:1pt;
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#333;
}

.box_img_destaque {
	margin:0;
	padding:0;
	width:221px;
	height:auto;
	/*border:1px dashed red;*/
}
#box_img_conteudo{
	border:0.5px solid #CCC;
	*border:1px solid #CCC;
	border-top:none;
	border-bottom:none;
	padding: 0 0 0 10px;
	height:auto;
}
.box_img_destaque #box_img_conteudo p{
	font-size:9pt;
	text-align:justify;
	width: 200px;
}



/* Conteudo da pagina passa tempo */
#CONTEUDO_passa_tempo{
	margin-left:2px;
	background:url(images/bg_passatempo.jpg) no-repeat top left;
	width:745px;
	height:450px;
	}
	
.classe_bg_passatempo1{
		background: url(images/img_passatempo_1.jpg) no-repeat;
		width:154px;
		height:133px;
		float:left;
	}
.classe_bg_passatempo2{
		background: url(images/img_passatempo_2.jpg) no-repeat;
		width:154px;
		height:133px;
		float:left;
	}
.classe_bg_passatempo3{
		background: url(images/img_passatempo_3.jpg) no-repeat;
		width:154px;
		height:133px;
		float:left;
	}
.classe_bg_passatempo4{
		background: url(images/img_passatempo_4.jpg) no-repeat;
		width:154px;
		height:133px;
		float:left;
	}
/* personalizando os links */
.classe_bg_passatempo1 a:link, .classe_bg_passatempo2 a:link, .classe_bg_passatempo3 a:link, .classe_bg_passatempo4 a:link{
		color:#09F;
		text-decoration:none;
		margin:0 0 0 55px;
		outline:0 none;
	}
.classe_bg_passatempo1 a:visited, .classe_bg_passatempo2 a:visited, .classe_bg_passatempo3 a:visited, .classe_bg_passatempo4 a:visited{
		color:#09F;
		text-decoration:none;
		margin:0 0 0 55px;
		outline:0 none;
	}
.classe_bg_passatempo1 a:hover, .classe_bg_passatempo2 a:hover, .classe_bg_passatempo3 a:hover, .classe_bg_passatempo4 a:hover{
		color:#09F;
		text-decoration:underline;
		margin:0 0 0 55px;
		outline:0 none;
	}

#CONTEUDO_para_ouvir a{outline:0 none;}

#box_music{}
#box_music img{float:left;}
#box_music h4{color:#09F; margin:5px 0 0 5px; font-size:11px}
#box_music p{font-size:7pt; color:#666; margin:0 0 0 10px;}
#box_music a:link, #box_music a:visited, #box_music a:visited{outline:0 none; color:#09F; text-decoration:none;}

.float_left{float:left;}

h2.subtitle{
	font-size:9pt;
	color:#09F;
	}
	
a:link {
	color: #1686C7;
	text-decoration: none;
}
a:visited {
	color: #1686C7;
	text-decoration: none;
}
a:hover {
	color: #1686C7;
	text-decoration: underline;
}

a{outline:0 none;	}
*{outline:0 none;}

/* Tabela com colapso de bordas - bordas simples */
table.bordasimples {border-collapse: collapse;}
	table.bordasimples tr td {border:1px solid #FFF; vertical-align: middle; text-align:center;}
	table.bordasimples tr#tr_topo td{border-top:none;}
	table.bordasimples tr#tr_rodape td{border-bottom:none;}
	table.bordasimples tr td#td_remove_right{border-right:0 none;}
	table.bordasimples tr td#td_remove_left{border-left:0 none;}
	table.bordasimples {font-size:8pt; color:#666;}
/* fim */

/* Box destaque */
#box_de_destaque{
	width:251px;
	margin:0 0 0 0;
	border:1px solid #CCC;
	float:left;
	background-color:#FFF;
	}
	#box_de_destaque #box_de_destaque_conteudo img{
		margin:6px 0 5px 11px;
	}
	#box_de_destaque #box_de_destaque_conteudo p{
		width:225px;
		color:#666;
		margin-left:11px;
		text-align:justify;
	}
/*fim*/

/* Box destaque */
#box_de_informacoes{
	width:241px;
	margin:0 0 5px 5px;
	border:1px solid #CCC;
	float:left;
	}
	#box_de_informacoes #box_de_informacoes_conteudo img{
		margin:6px 0 5px 11px;
	}
	#box_de_informacoes #box_de_informacoes_conteudo p{
		width:225px;
		color:#666;
		margin-left:11px;
		text-align:justify;
	}
/*fim*/

/* Box cancioneiros */
#box_de_cancioneiros{
	width:491px;
	margin:0 0 5px 5px;
	border:1px solid #CCC;
	float:left;
	}
	#box_de_cancioneiros #box_de_cancioneiros_conteudo img{
		margin:6px 0 5px 11px;
	}
	#box_de_cancioneiros #box_de_cancioneiros_conteudo p{
		width:225px;
		color:#666;
		margin-left:11px;
		text-align:justify;
	}
/*fim*/

/* box grande fotos home */
#box_fotos_home {
	margin:0 0 20px 0px;	padding:0;
	width:507px;
	height:auto;
	border:1px solid #ccc;
	background-color:#FFF;
}
	#box_fotos_home_conteudo{
		margin:5px 0 5px 8px;
		}
	#box_fotos_home_conteudo p{
		color:#666;
		font-weight:bold;
		margin-top:5px;
		}
/*fim*/

/* Imgem do topo do conteudo */
.imagem_do_topo_do_corpo img{margin:0 0 2px 0;}


div#flash_box1{
	width:230px;
	height:146px;
	margin-left:10px;
	background:url(images/bt_passatempo3.gif) no-repeat;
	float:left;
}

div#flash_box1 .link{
	margin:110px 0 0 50px;
	color:#06F;
}

div#flash_box2{
	width:230px;
	height:146px;
	background:url(images/bt_passatempo4.gif) no-repeat;
	float:left;
}

div#flash_box2 .link{
	margin:110px 0 0 50px;
	color:#F00;
}

div#flash_box2 .link a{
	color:#F00;
}

div#flash_box3{
	width:230px;
	height:146px;
	background:url(images/bt_formacao1.gif) no-repeat;
	float:left;
}

div#flash_box3 .link{
	margin:110px 0 0 0;
	color:#06F;
	font-size:8pt;
}

/* POST_IT */

div#post_it{
	margin:0;
	padding:0;
	width:199px;
	height:auto;
	margin-top:10px;
}
	div#post_it img{
		width:199px;
		margin:0;
	}
	div#post_it #conteudo_post_it{
		background:url(images/post_it_02.gif) repeat-y;
		width:192px;
		min-height:100px;
		height:275px;
		padding-left: 8px;
		*margin-top:-3px;
	}
	div#post_it #conteudo_post_it p{
		margin:0;
		font-size:8pt;
		color:#714D00;
		margin-bottom:4px;
		*margin-bottom:5px;
		width:175px;
		margin-left:5px;
	}
	
div.santos_agostinianos{
	background:url(images/santos_agostinianos.jpg) no-repeat;
	width:510px;
	height:214px; 
}.texto {
	font-size: 8pt;
	color: #4C93BD;
}