﻿/* CSS Document */

em{font-family:Verdana, Arial, Helvetica, sans-serif}
   
/* ESTILIZANDO O FUNDO DA PÁGINA*/   
body {
	background-color:#311603;
	background-image:url(../imagens/bg.jpg);
	background-repeat:repeat;
	scrollbar-face-color: #5b3c14;
	scrollbar-shadow-color: #613f15;
	scrollbar-darkshadow-color: #3b270d;
	scrollbar-highlight-color: #613f15;
	scrollbar-3dlight-color: #3b270d;
	scrollbar-arrow-color: #241a0e;
	scrollbar-track-color: #241a0e;
	}

* { margin: 0; padding: 0; outline:none; } 
img { border: none; }
p { margin-top:10px; }

p#inicial { margin-top:0px; }

/* Música Interna do Site */
div#musica_int {
	position: absolute;
	top: 25px;
	right: 30px;
	z-index: 9999;
}

img.music_hand {
	cursor: pointer;
}

/* Configuração da DIV principal, onde todas as divs se encontrão*/
div#master	
{
    width: 774px; 
    height: 777px;
    position:absolute;
    left:50%;
    margin-left:-385px;
    margin-top: 0px; 
}
  
div#topo 
{
	background-image:url(../imagens/topo.jpg);
	width:774px;
	height:320px;
}
  
div#topo_interna{
	width:774px;
	height:138px;
}  



div#container{
	width:774px; 
	height:614px;
	_margin-top:-4px;
	}

	div#lateral_interna{
		background-image:url(../imagens/bg_lateral_interna.jpg); 
		background-repeat:no-repeat; 
		height:614px; 
		width:199px; 
		float:left;
		}
		div#menu_interna{
			position:absolute;
			width:199px;
			height:408px;
			top: 320px;
			}
	
	div#img_destaque{
		width:152px; 
		height:614px; 
		float:left;
		}

	div#conteudo_interna{
		background-image:url(../imagens/bg_conteudo_interna.jpg);
		background-repeat:no-repeat; 
		width:423px; 
		height:614px; 
		float:right;
		}

	div#conteudo_interna_contato{
		background-image:url(../imagens/bg_conteudo_interna_contato.jpg);
		background-repeat:no-repeat; 
		width:423px; 
		height:614px; 
		float:right;
		}
		
		div#titulo_interna{
			padding-right:31px
			}
		div#sub_titulo_interna{
			padding-top:28px
			}
		div#campo_text_interna{
			position:absolute; 
			width:362px; 
			height:328px; 
			left: 361px; 
			padding-left:10px; 
			padding-right:10px; 
			top: 304px; 
			overflow:auto; 
			font-family:'Trebuchet MS', Verdana, Arial; 
			font-size:11px; 
			color:#b9904f;
			}
		div#campo_text_interna_sscroll{
			position:absolute; 
			width:384px; 
			height:328px; 
			left: 361px;
			margin-left:10px;			
			padding-left:15px; 
			padding-right:10px; 
			top: 304px; 
			font-family:'Trebuchet MS', Verdana, Arial; 
			font-size:11px; 
			color:#b9904f;
			}
			div#campo_panfleto{
				font-size:14px; 
				border:1px solid #FFCC99; 
				width:300px; 
				font-style:italic; 
				padding:8px; 
				margin:10px;
				}
				div#tit_panfleto{
					font-size:16px; 
					text-align:center; 
					font-weight:bold
					}
				strong#destaque{
					font-size:13px;
					font-style:italic;
					font-weight: 200;
					}
				ul#list_conteudo{
					list-style: circle;
					font-size:14px;
					padding-left:22px; 
					_margin-left:-10px; 
					margin-left:-10px; 
					margin-top:20px;
					}
					p#font_italica{	font-size:14px;	font-style:italic}
					
			div#campo_endereco{
				font-size:14px; 
				border:1px solid #FFCC99; 
				width:300px; 
				font-style:italic; 
				padding:2px; 
				margin:10px 10px 10px 15px;
				}
				div#campo_endereco_acabamento{
					border:1px solid #FFCC99; 
					padding:8px; 
					} 

	div#pos_email{
		position:absolute; 
		left: 557px; 
		top: 649px;
		}

div#rodape_interna{
	background-image:url(../imagens/rodape_interna.jpg);
	_margin-top:-4px;
	width:774px;
	height:78px;
	clear:both;
} 

div#txt_rodape_interna{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color:#856a3f;
	width:200px;
	height:auto;
	position:absolute;
	margin-left:287px;	
	margin-top:27px;	
}

div#menu 
{ 
	background-image:url(../imagens/menu_esq.jpg);		
	width:199px;
	height:408px;
	float:left;
} 

/*BOX "A HISTÓRIA DE SANTA CLARA"*/
div#historia	
{
	background-image:url(../imagens/historia.jpg);
	width:276px;
	height:211px;
	float:left;
}

/*TEXTO DO BOX "A HISTÓRIA DE SANTA CLARA"*/
div#txt_historia	
{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color:#b9904f;
	width:171px;
	height:auto;
	position:relative;
	margin-left:95px;
	margin-top:90px;
	line-height:12px;	/* ESPAÇAMENTO ENTRE LINHAS*/
}

/*BOX "SÃO FRANCISCO E SUA TRAJETÓRIA"*/
div#sao_francisco	
{
	background-image:url(../imagens/sao_francisco.jpg);
	width:299px;
	height:211px;
	float:left;
}

/* TEXTO DO BOX "SÃO FRANCISCO E SUA TRAJETÓRIA"*/
div#txt_sao_francisco	
{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color:#b9904f;
	width:160px;
	height:auto;
	position:relative;
	margin-left:10px;
	margin-top:90px;
	line-height:12px;
}	

/*BOX "MISSAS"*/
div#missas				
{
	background-image:url(../imagens/missas.jpg);
	width:181px;
	height:197px;
	float:left;
}

/* TEXTO DO BOX "MISSAS"*/
div#txt_missas			
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color:#b9904f;
	width:100px;
	height:auto;
	position:relative;
	margin-left:70px;
	margin-top:58px;
	line-height:11px;
}	

/*BOX TRABALHOS ARTESANAIS*/
div#trabalhos			
{
	background-image:url(../imagens/trabalhos.jpg);
	width:187px;
	height:197px;
	float:left;
}

/* TEXTO DO BOX "TRABALHOS"*/
div#txt_trabalhos	
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color:#b9904f;
	width:110px;
	height:auto;
	position:relative;
	margin-left:63px;
	margin-top:75px;
	line-height:11px;
}	

/*BOX ORAÇÕES*/
div#oracoes
{
	background-image:url(../imagens/oracoes.jpg);
	width:207px;
	height:197px;
	float:left;
}

/* TEXTO DO BOX "ORAÇÕES"*/
div#txt_oracoes		
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color:#b9904f;
	width:150px;
	height:auto;
	position:relative;
	margin-left:20px;
	margin-top:63px;
	line-height:11px;
}	

div#rodape
{
	background-image:url(../imagens/rodape.jpg);
	width:774px;
	height:102px;
	clear:both;
}

/*****************************************
PROPRIEDADES PARA BOTÕES DOS BOXES 
*****************************************/

/*BOTÃO *LEIA MAIS* DO BOX A HISTÓRIA DE SANTA CLARA */
div#bt_historia
{
	width:84px;
	height:25px;
	position:relative;
	margin-left:180px;
	margin-top:38px;
}

/*BOTÃO *LEIA MAIS* DO BOX SÃO FRANCISCO */
div#bt_sao_francisco
{
	width:84px;
	height:25px;
	position:relative;
	margin-left:83px;
	margin-top:26px;
}

/*BOTÃO *LEIA MAIS* DO BOX SÃO FRANCISCO */
div#bt_missas
{
	width:39px;
	height:39px;
	position:relative;
	margin-left:135px;
	margin-top:32px;
}

/*BOTÃO DO BOX SÃO FRANCISCO */
div#bt_trabalhos
{
	width:45px;
	height:45px;
	position:relative;
	margin-left:135px;
	margin-top:13px;
}

/*BOTÃO DO BOX ORAÇÕES */
div#bt_oracoes
{
	width:45px;
	height:45px;
	position:relative;
	margin-left:127px;
	margin-top:45px;
}

/*****************************************
PROPRIEDADES PARA BOTÕES DO MENU 
*****************************************/

/*PROPRIEDADES DO MENU ESQUERDO*/
div#menu_irmas_clarissas
{
	width:132px;
	height:18px;
	position:relative;
	margin-left:48px;
	margin-top:5px;
}

div#menu_mosteiro
{
	width:103px;
	height:20px;
	position:relative;
	margin-left:48px;
	margin-top:15px;
	_margin-top:12px;
}

div#menu_programacao
{
	width:128px;
	height:19px;
	position:relative;
	margin-left:48px;
	margin-top:13px;
	_margin-top:9px;
}

div#menu_trabalhos
{
	width:93px;
	height:18px;
	position:relative;
	margin-left:48px;
	margin-top:16px;
	_margin-top:12px;
}

div#menu_vocacional
{
	width:108px;
	height:21px;
	position:relative;
	margin-left:48px;
	margin-top:13px;
	_margin-top:9px;
}

div#menu_sta_clara
{
	width:108px;
	height:20px;
	position:relative;
	margin-left:48px;
	margin-top:13px;
	_margin-top:9px;
}

div#menu_sao_francisco
{
	width:128px;
	height:18px;
	position:relative;
	margin-left:48px;
	margin-top:15px;
	_margin-top:10px;
}

div#menu_escritos
{
	width:128px;
	height:18px;
	position:relative;
	margin-left:48px;
	margin-top:15px;
	_margin-top:10px;
}

div#menu_oracoes
{
	width:75px;
	height:18px;
	position:relative;
	margin-left:48px;
	margin-top:15px;
	_margin-top:11px;
}

div#menu_contato
{
	width:76px;
	height:18px;
	position:relative;
	margin-left:48px;
	margin-top:15px;
	_margin-top:11px;
} 

div#txt_rodape
{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color:#856a3f;
	width:200px;
	height:auto;
	position:absolute;
	margin-left:287px;	
	margin-top:50px;
	
}


/*CONTATO*/

input{
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0px;
	color:#FFD9B3; 
	padding-left:5px;	
	}

input#nome{
	width:331px; 
	height:28px;
	margin-top:22px;  
	background-color:#745837;
	padding-top:5px; 
	}
	
input#email{
	width:331px; 
	height:28px;
	margin-top:28px;  
	background-color:#745837; 
	padding-top:5px; 
	}

input#envia_form{
	margin-left:120px;
	margin-top:25px;
	}

textarea#mensagem{
	width:331px; 
	height:60px; 
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background-color:#745837; 
	border:0px; 
	color:#FFD9B3; 
	padding-left:5px;
	margin-top:28px; 
	padding-top:5px; 
	}
	
fieldset#endereco{
	width:258px;
	border:1px solid #b9904f;
	padding:5px;
	.padding-top:-5px;
	position:absolute;
	left: 66px;
	top: 262px;
	color: #E6D1B4
	}
	
.destaque {
color:#b9904f;
}	

strong.bold1{font-size:14px}
strong.bold2{font-size:16px}


/* POPUP HOME */

div#popup_especial_home{
	position:absolute;
	width:550px;
	height:400px;
	left: 50%; 
	top: 50%;
	margin-top:-200px;
	margin-left:-225px;
	z-index:1000;
}


 
div#popup_especial_home #fechar {
    background: none;
    color: #D4BBA6;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    position: absolute;
    right: 37px;
    text-align: center;
    text-indent: -300px;
    top: 282px;
    width: 34px;
    z-index: 1000;
}

div#texto_popup{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color:#b9904f;
	width:155px;
	height:auto;
	position:relative;
	margin-left:110px;
	margin-top:109px;
	line-height:12px;
}	

div#bt_veja_pop{
	position:absolute;
	left:134px;
	top:187px;
	}

