@import url(https://fonts.googleapis.com/css?family=Lora);

/*CAPELA*/
.capela { width: 100%; height: 1219px; position: relative; margin-top: 0px; background: url(../img/fundo-capela.png) no-repeat center center; }
.capela .corpo-capela { width: 100%; height: 800px; padding-top: 100px; }
.capela .corpo-capela .acender { width: 198px; height: 108px; left: 50%; margin: 160px 0px 0px -240px; background: url(../img/acender-vela.png) no-repeat center center; position: absolute; }
.capela .corpo-capela .acender:hover { margin-top: 150px; opacity: 0.8; cursor: pointer; }
.capela .corpo-capela .liturgia { width: 198px; height: 104px; left: 50%; margin: 160px 0px 0px 25px; background: url(../img/liturgia-diaria.png) no-repeat center center; position: absolute; }
.capela .corpo-capela .liturgia:hover { margin-top: 150px; opacity: 0.8; cursor: pointer; }
.capela .corpo-capela .pedidos { display: none; width: 198px; height: 108px; left: 50%; margin: 200px 0px 0px -500px; background: url(../img/pedidos-de-oracao.png) no-repeat center center; position: absolute; }
.capela .corpo-capela .pedidos:hover { margin-top: 190px; opacity: 0.8; cursor: pointer; }
.capela .corpo-capela .velas { width: 198px; height: 101px; left: 50%; margin: 340px 0px 0px -370px; background: url(../img/velas-acesas.png) no-repeat center center; position: absolute; }
.capela .corpo-capela .velas:hover { margin-top: 330px; opacity: 0.8; cursor: pointer; }
.capela .corpo-capela .testemunhos { width: 255px; height: 87px; left: 50%; margin: 340px 0px 0px 140px; background: url(../img/testemunhos.png) no-repeat center center; position: absolute; }
.capela .corpo-capela .testemunhos:hover { margin-top: 330px; opacity: 0.8; cursor: pointer; }
.capela .corpo-capela .santo { width: 198px; height: 104px; left: 50%; margin: 374px 0px 0px -93px; background: url(../img/santo-do-dia.png) no-repeat center center; position: absolute; }
.capela .corpo-capela .santo:hover { margin-top: 190px; opacity: 0.8; cursor: pointer; }

.capela .caixa-pedidos { display: none; position: fixed; z-index: 2000; top: 50%; left: 50%; margin-left:-140px; margin-top: -185px; width: 372px; height: 378px; background: url(../img/caixa-pedidos.png) no-repeat center center; }
.capela .caixa-pedidos .fechar-caixa { display: none; position: fixed; cursor: pointer; z-index: 2000; top: 50%; left: 50%; margin-left: 205px; margin-top: -197px; width: 25px; height: 25px; background: url(../img/fechar.png) no-repeat center center; }
.capela .caixa-pedidos .cx1 { margin: 114px 10px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-pedidos .cx2 { margin: 37px 10px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 130px; line-height: 20px; text-align: left; }
.capela .caixa-pedidos .bt1 { margin: 0px 40px 0px 0px; float: right; cursor: pointer; background:transparent; width: 60px; height: 20px; line-height: 20px; text-align: left; }

.capela .caixa-velas { display: none; position: fixed; z-index: 2000; top: 50%; left: 50%; margin-left:-387px; margin-top: -185px; width: 774px; height: 375px; background: url(../img/velasacesas.png) no-repeat center center; }
.capela .caixa-velas .fechar-caixa { display: none; position: fixed; cursor: pointer; z-index: 2000; top: 50%; left: 50%; margin-left: 361px; margin-top: -197px; width: 25px; height: 25px; background: url(../img/fechar.png) no-repeat center center; }
.capela .caixa-velas .qtdvelas { width: 700px; height: auto; color:#d9a67e; font-size: 18px; margin: 85px 0px 10px 35px; list-style-type: none; text-align: center; font-family: 'Lora'; }
.capela .caixa-velas .qtdvelas span { padding: 0px 10px; border:1px solid #d9a67e; font-family: 'Titillium Web'; }
.capela .caixa-velas ul#vevelas { width: 700px; clear: both; height: 190px; margin: 0px 35px 05px 35px; list-style-type: none; }
.capela .caixa-velas ul#vevelas li { float: left; width: 120px; height: 190px; overflow: hidden; background: url(../img/vela.png) no-repeat 43px 0px; }
.capela .caixa-velas ul#vevelas li h2 { color:#d9a67e; font-size: 15px; line-height: 19px; padding-top: 120px; width: 100%; height: auto; text-align: center; font-family: 'Titillium Web'; font-weight: 300; }
.capela .caixa-velas ul#vevelas li h3 { color:#ffffff; font-size: 12px; text-align: center; line-height: 14px; width: 100%; height: auto; font-family: 'Titillium Web'; font-weight: 300; }
.capela .caixa-velas ul#vevelas li h4 { color:#ffffff; font-size: 12px; width: 100%; line-height: 14px; height: auto; text-align: center; font-family: 'Titillium Web'; font-weight: 300; }
.capela .caixa-velas #next2 { position: absolute; margin: -120px 0 0px 10px; cursor: pointer; width: 31px; height: 31px; background: url(../img/setas-teste.png) no-repeat center left; }
.capela .caixa-velas #prev2 { position: absolute; margin: -120px 0px 0px 715px; cursor: pointer; width: 31px; height: 31px; background: url(../img/setas-teste.png) no-repeat center right; }

.capela .caixa-testemunhos { display: none; position: fixed; z-index: 2000; top: 50%; left: 50%; margin-left:-140px; margin-top: -213px; width: 371px; height: 426px; background: url(../img/meus-testemunhos.png) no-repeat center center; }
.capela .caixa-testemunhos .fechar-caixa { display: none; position: fixed; cursor: pointer; z-index: 2000; top: 50%; left: 50%; margin-left: 205px; margin-top: -225px; width: 25px; height: 25px; background: url(../img/fechar.png) no-repeat center center; }
.capela .caixa-testemunhos .cx1 { margin: 114px 10px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .cx2 { margin: 23px 10px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .cx3 { margin: 26px 10px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 87px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .bt1 { margin: 0px 40px 0px 0px; float: right; cursor: pointer; background:transparent; width: 60px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .bt2 { margin: 23px 10px 10px 0; color: #a06b40; cursor: pointer; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }

.capela .caixa-acender { display: none; position: fixed; z-index: 2000; top: 50%; left: 50%; margin-left:-140px; margin-top: -185px; width: 370px; height: 375px; background: url(../img/velas.png) no-repeat center center; }
.capela .caixa-acender .fechar-caixa { display: none; position: fixed; cursor: pointer; z-index: 2000; top: 50%; left: 50%; margin-left: 205px; margin-top: -195px; width: 25px; height: 25px; background: url(../img/fechar.png) no-repeat center center; }
.capela .caixa-acender .ve1 { margin: 242px 10px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-acender .ve2 { margin: 23px 10px 10px 33px; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 146px; height: 20px; line-height: 20px; text-align: left; float: left; }
.capela .caixa-acender .ve3 { margin: 23px 44px 10px 0; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 30px; height: 20px; line-height: 20px; text-align: center; float: right; }
.capela .caixa-acender .ve4 { margin: 23px 10px 10px 10px; color: #a06b40; font-family: 'Arial'; font-size: 13px; background:transparent; width: 80px; height: 20px; line-height: 20px; text-align: left; float: left; }
.capela .caixa-acender .bt2 { margin: 0px 40px 0px 0px; clear: both; float: right; cursor: pointer; background:transparent; width: 70px; height: 13px; line-height: 20px; text-align: left; }

.capela .caixa-outrostestemunhos { display: none; position: fixed; z-index: 2000; top: 50%; left: 50%; margin-left:-140px; margin-top: -213px; width: 371px; height: 426px; background: url(../img/outros-testemunhos.png) no-repeat center center; }
.capela .caixa-outrostestemunhos .fechar-caixa { display: none; position: fixed; cursor: pointer; z-index: 2000; top: 50%; left: 50%; margin-left: 205px; margin-top: -225px; width: 25px; height: 25px; background: url(../img/fechar.png) no-repeat center center; }
.capela .caixa-outrostestemunhos ul#vetestemunho { width: 300px; height: 300px; margin: 35px 35px 05px 35px; list-style-type: none; }
.capela .caixa-outrostestemunhos ul#vetestemunho li { float: left; width: 300px; height: 300px; overflow: hidden; }
.capela .caixa-outrostestemunhos ul#vetestemunho li h2 { color:#a5734a; font-size: 15px; padding-top: 60px; width: 100%; height: auto; text-align: left; font-family: 'Lora'; }
.capela .caixa-outrostestemunhos ul#vetestemunho li h3 { color:#5a3c1e; font-size: 12px; text-align: left; width: 100%; height: auto; font-family: 'Lora'; }
.capela .caixa-outrostestemunhos ul#vetestemunho li h4 { color:#5a3c1e; font-size: 13px; overflow: auto; padding-top:15px; width: 100%; height: 170px; text-align: left; font-family: 'Lora'; }
.capela .caixa-outrostestemunhos #next1 { position: absolute; margin: 0px 0px 0px 115px; cursor: pointer; width: 31px; height: 31px; background: url(../img/setas-teste.png) no-repeat center left; }
.capela .caixa-outrostestemunhos #prev1 { position: absolute; margin: 0px 0px 0px 200px; cursor: pointer; width: 31px; height: 31px; background: url(../img/setas-teste.png) no-repeat center right; }

.capela .caixa-mascara { display: none; width: 100%; height: 100% !important; background: rgba(0,0,0,0.7); position: fixed; z-index: 999; left: 0; top: 0; }

.musicas { width: 270px; height: 55px; overflow: hidden; position: absolute; left: 50%; margin: 110px 0px 0px -130px; z-index: 100; }

@media screen and (max-width: 1024px) {
	.musicas { width: 270px; height: 55px; overflow: hidden; position: relative; left: 50%; padding-top: 140px; margin: 0px 0px 0px -135px; z-index: 100; }
	.capela .corpo-capela .acender { width: 100%; height: 108px; left: 0; margin: 30px 0px 0px 0px; background: url(../img/acender-vela.png) no-repeat center center; position: relative; }
	.capela .corpo-capela .acender:hover { margin: 30px 0px 0px 0px; opacity: 0.8; cursor: pointer; }
	.capela .corpo-capela .liturgia { width: 100%; height: 104px; left: 0; margin: 35px 0px 0px 0px; background: url(../img/liturgia-diaria.png) no-repeat center center; position: relative; }
	.capela .corpo-capela .liturgia:hover { margin: 35px 0px 0px 0px; opacity: 0.8; cursor: pointer; }
	.capela .corpo-capela .pedidos { width: 100%; height: 108px; left: 0; margin: 35px 0px 0px 0px; background: url(../img/pedidos-de-oracao.png) no-repeat center center; position: relative; }
	.capela .corpo-capela .pedidos:hover { margin: 35px 0px 0px 0px; opacity: 0.8; cursor: pointer; }
	.capela .corpo-capela .velas { width: 100%; height: 101px; left: 0; margin: 35px 0px 0px 0px; background: url(../img/velas-acesas.png) no-repeat center center; position: relative; }
	.capela .corpo-capela .velas:hover { margin: 35px 0px 0px 0px; opacity: 0.8; cursor: pointer; }
	.capela .corpo-capela .testemunhos { width: 100%; height: 87px; left: 0; margin: 35px 0px 0px 0px; background: url(../img/testemunhos.png) no-repeat center center; position: relative; }
	.capela .corpo-capela .testemunhos:hover { margin: 35px 0px 0px 0px; opacity: 0.8; cursor: pointer; }
	.capela .corpo-capela .santo { width: 100%; height: 104px; left: 0; margin: 35px 0px 0px 0px; background: url(../img/santo-do-dia.png) no-repeat center center; position: relative; }
	.capela .corpo-capela .santo:hover { margin: 35px 0px 0px 0px; opacity: 0.8; cursor: pointer; }
}