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

html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0;
	overflow:hidden;
	background:#222;
}

a{
	text-decoration:none;
	color:inherit;
}

h1{
	font-size:18px;
	margin-bottom:0;
}

h2{
	font-size:16px;
	margin-bottom:0;
}

h3{
	font-size:14px;
	margin-bottom:0;
}

p{
	margin:0;
}

#conteudo span{
	display:table;
	font-style:italic;
	margin-left:20px;
	font-size:12px;
}

#conteudo.advocacia h1, #conteudo.advocacia h2, #conteudo.advocacia h3, #conteudo.advocacia h4{
	text-align:center;
}

#conteudo.advocacia h2, #conteudo.advocacia h4{
	text-transform:uppercase;
}

#conteudo.advocacia p.justify{
	position:relative;
	display:table;
	margin:0 auto;
	width:800px;
	text-align:justify;
	-moz-text-align-last: center; /* Code for Firefox */
    text-align-last: center;
}

#conteudo.advocacia p{
	text-align:center;
	color:rgba(0,0,0,.8);
}

#advocacia{
	position:relative;
	display:table;
	margin:0 auto;
	color:#FFF;
}

#advocacia #logo_adv{
	position:relative;
	display:inline-block;
	margin:10px 20px;
	width:120px;
	height:110px;
	background:url(../images/logo_advocacia.png) no-repeat;
	background-position:center;
	background-size:contain;
	vertical-align:middle;
}

#advocacia #cabecalho{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#advocacia #cabecalho h1{
	font-size:36px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:5px;
}

#advocacia #cabecalho h2{
	font-size:20px;
	margin:0;
	padding:0;
	text-transform:uppercase;
	text-align:center;
}

#advocacia #cabecalho span{
	display:table;
	margin:4px auto;
	font-size:12px;
	padding:0;
	font-style:italic;
	font-weight:lighter;
	text-align:center;
}

#advocacia #cabecalho h4{
	font-size:14px;
	margin:0;
	padding:0;
	text-align:center;
}

#base{
	position:relative;
	margin:0 auto;
	width:100%;
	height:100%;
	overflow:auto;
}

#header{
	position:relative;
	width:100%;
	height:130px;
	font-family: 'Noto Serif', serif;
	background: -moz-linear-gradient(top, #036 0%, #069 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#036), color-stop(100%,#069));
	background: -webkit-linear-gradient(top, #036 0%,#069 100%);
	background: -o-linear-gradient(top, #036 0%,#069 100%);
	background: -ms-linear-gradient(top, #036 0%,#069 100%);
	background: linear-gradient(top, #036 0%,#069 100%);
	border-bottom:#003;
	box-shadow:0 5px 5px #000;
	z-index:50;
}

#logo{
	position:absolute;
	top:6px;
	left:20px;
}

#header ul{
	position:absolute;
	display:table;
	top:20px;
	right:20px;
	color:#FFF;
	list-style:none;
}

#header li{
	float:left;
	margin:0 10px;
	font-size:18px;
}

#header li a{
	color:#FFF;
	transition:text-shadow 0.4s;
}

#header li a:hover{
	text-shadow:2px 2px 2px #000000;
}

#body{
	position:relative;
}

#videos{
	position:relative;
	background-image:url(../images/salao.jpg);
	background-size:cover;
	background-position:center top;
}

#menu_secundario{
	position:absolute;
	top:20px;
	left:0;
	z-index:10;
}

#menu_secundario ul, #menu_paroquias ul{
	list-style:none;
}

#menu_secundario li.pai{
	cursor:default;
}

#menu_secundario li, #menu_paroquias li{
	position:relative;
	color:#FF0;
	height:24px;
	background:#036;
	border-radius:10px;
	margin:6px;
	text-align:center;
	padding:8px 20px;
	border:#FF0 solid 2px;
	box-shadow:2px 2px 2px #000000;
	opacity:0.8;
	transition:border 0.4s, opacity 0.4s, border-radius 0.4s, color 0.4s, background-color 0.5s;
	font-size:16px;
	font-family: 'Noto Serif', serif;
	line-height:12px;
}

@media screen and (max-width: 1024px){
	#menu_secundario li, #menu_paroquias li{
		font-size: 12px;
		padding: 4px 16px;
	}
}

#btn_continua{
	color:#FF0;
	height:24px;
	background:#036;
	border-radius:10px;
	text-align:center;
	padding:8px 20px;
	border:#FF0 solid 2px;
	box-shadow:2px 2px 2px #000000;
	opacity:0.8;
	transition:border 0.4s, border-radius 0.4s, color 0.4s;
	font-size:16px;
	font-family: 'Noto Serif', serif;
	line-height:12px;
}

#btn_continua:before{
	position: absolute;
    display: block;
    content: '';
    width: 90px;
    height: 40px;
    background: url(../images/seta.png) no-repeat;
    background-size: contain;
    transform: rotate(-30deg) translate(-370px, 40px);
	transition:all .5s ease-in-out;
	-webkit-animation: aponta 2s infinite; /* Safari 4+ */
  	-moz-animation:    aponta 2s infinite; /* Fx 5+ */
  	-o-animation:      aponta 2s infinite; /* Opera 12+ */
 	 animation:        aponta 2s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes aponta {
  0%   { opacity: 0; transform: rotate(-30deg) translate(-370px, 40px); }
  100% { opacity: 1; transform: rotate(-30deg) translate(-60px, 0px); }
}
@-moz-keyframes aponta {
  0%   { opacity: 0; transform: rotate(-30deg) translate(-370px, 40px); }
  100% { opacity: 1; transform: rotate(-30deg) translate(-60px, 0px); }
}
@-o-keyframes aponta {
  0%   { opacity: 0; transform: rotate(-30deg) translate(-370px, 40px); }
  100% { opacity: 1; transform: rotate(-30deg) translate(-60px, 0px); }
}
@keyframes aponta {
  0%   { opacity: 0; transform: rotate(-30deg) translate(-370px, 40px); }
  100% { opacity: 1; transform: rotate(-30deg) translate(-60px, 0px); }
}

#menu_secundario ul.filho{
	display:none;
	position:absolute;
	left:200px;
	top:0;
	z-index:300;
}

#menu_secundario ul.filho li{
	width:400px;
}

#btn_continua{
	position:absolute;
	top:30px;
	right:40px;
	z-index:10;
	cursor:pointer;
	padding-top:13px;
	padding-bottom:3px;
}

#menu_secundario li span{
	font-size:12px;
	color:#AAA;
}

#menu_secundario li h5{
	position:absolute;
	left:10px;
	bottom:-6px;
}

#menu_secundario li a, #menu_paroquias li a{
	color:#DDD;
	transition:color 0.4s;
}

#menu_secundario li a.btn_1, #menu_paroquias li a.btn_1{
	display:table;
	margin:5px auto;
}

#mesa_santa_ceia,
#mesa_reunioes{
	line-height: 17px;
	transform: translateY(-10px);
}

.screen{
	padding: 10px 0 0 275px;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px){
	.screen{
		padding-left: 230px;
	}

	.screen img{
		max-width: 700px;
	}
}

#menu_secundario li.btn_1, #menu_paroquias li.btn_1{
	padding-top:13px;
	padding-bottom:2px;
}

#menu_secundario li:hover, #btn_continua:hover, #menu_paroquias li:hover{
	border:#FF0 solid 2px;
	opacity:1;
	border-radius:20px;
	color:#FF0;
}

#menu_secundario li:hover a, #menu_paroquias li:hover a{
	color:#FF0;
}

#video_player{
	transition:opacity 1s;
}

#video_continue{
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

.apaga{
	opacity:0;
}

.mostra{
	opacity:1;
}

#loading{
	display:none;
	position:absolute;
	top:160px;
	left:50%;
}

#cortinas{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:100%;
	z-index:100;
}

#cortinas #esquerda{
	float:left;
	height:100%;
	background-image:url(../images/cortina_esquerda.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	transition:width 2s;
}

#cortinas #direita{
	float:right;
	height:100%;
	background-image:url(../images/cortina_direita.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	transition:width 2s;
}

.fechada{
	width:50%;
}

.abre{
	width:0px;
}

#conteudo{
	padding:20px;
	font-family: 'Noto Serif', serif;
	background-image:url(../images/bg_conteudo.jpg);
	background-size:cover;
	background-position:center top;
}

#conteudo.azul{
	background-image:url(../images/bg_conteudo_azul.jpg);
}

.esquerda, .direita{
	position:relative;
	display:table;
	float:left;
	margin:10px;
	width:45%;
}

#footer{
	position:relative;
	display:table;
	margin:0;
	width:100%;
	text-align:center;
}

#footer #logo{
	position:absolute;
	left:50%;
	top: 10px;
	margin-left:-86.5px;
}

#footer a.advocacia{
	position:relative;
	display:inline-table;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:200px;
	margin:30px 20px;
	padding:20px 10px;
	color:#FF0;
	border:#FF0 solid 3px;
	text-transform:uppercase;
	text-align:center;
	font-size:20px;
}

#bndes{
	position:absolute;
	right:0;
	top:-40px;
	background:url(../images/BNDES.png) no-repeat;
	background-position:right;
	background-size:contain;
	width:25%;
	height:100%;
}

#fones{
	font-family: 'Noto Serif', serif;
	color:#FF0;
	position:absolute;
	top:10px;
	left:20px;
}

span.fone, span.cel{
	float:left;
	clear:both;
	padding-left:30px;
	background-position:left;
	background-repeat:no-repeat;
	background-size:20px 20px;
	margin:4px 0;
}

#fones_menu{
	display:table;
	position:absolute;
	right:30px;
	top:70px;
}

#fones_menu span.fone, #fones_menu span.cel{
	float:left;
	clear:none;
	padding-left:30px;
	background-position:left;
	background-repeat:no-repeat;
	background-size:20px 20px;
	margin:4px;
	margin-left:20px;
	color:#FF0;
}

span.fone{
	background-image:url(../images/fone.png);
}

span.cel{
	background-image:url(../images/cel.png);
}

#center{
	position:relative;
	display:table;
	margin:0 auto;
}

#rol{
	display:table;
	margin:0 auto;
	width:1072px;
}

#testemunho{
	position:relative;
	width:330px;
	float:left;
	margin:5px;
	font-size:12px;
	border:#9CB5CD solid thin;
	border-radius:8px;
	padding:10px;
	text-align:justify;
	height:170px;
}

#testemunho h3, #referencia h3{
	display:table;
	margin:0 auto;
}

#testemunho span, #referencia span{
	float:right;
	font-size:14px;
	padding:4px;
}

#testemunho span.fone_ref, #referencia span.fone_ref, #dados_contato span.fone_ref{
	padding-left:24px;
	background-image:url(../images/fone_test.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:left;
}

#dados_contato span{
	font-size:14px;
	padding:5px;
}

#dados_contato span.cel_ref{
	padding-left:24px;
	background-image:url(../images/cel_test.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:left;
}

#referencia span{
	position:absolute;
	bottom:4px;
}

#referencia span.fone_ref{
	right:4px;
}

#referencia span.nome{
	left:-10px;
}

#referencia{
	display:table;
	position:relative;
	width:240px;
	float:left;
	margin:5px;
	font-size:12px;
	padding:8px;
	text-align:justify;
	height:50px;
	border:#BBB solid thin;
	border-radius:8px;
	height:60px;
}

#gal{
	position:relative;
	float:left;
	margin:8px;
	display:table;
}

#gal img{
	border:#036 solid 2px;
	box-shadow:3px 3px 0 #999;
}

.galeria{
	max-width:1205px;
}

iframe{
	border:none;
	border-top:#999 solid 3px;
}

form{
	position:relative;
	display:table;
	float:left;
	padding-right:20px;
	margin-right:20px;
	border-right:#999 solid thin;
}

form input[type=text], form input[type=submit], form textarea{
	font-family: 'Noto Serif', serif;
	width:250px;
	padding:4px;
	font-size:14px;
}

form textarea{
	width:252px;
	max-width:252px;
	max-height:252px;
}

#dados_contato{
	position:relative;
	float:left;
}

form input[type=submit]{
	margin-top:4px;
	width:262px;
}

#pages{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	transition:opacity 1s;
}

#pages h2{
	position:absolute;
	color:#FF0;
	top:15px;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
}

#pages h2.cadeiras{
	left:30%;
}

#pages h2.cadeiras.resistencia{
	left: 64%;
    top: auto;
    width: 200px;
    bottom: 17%;
}

#pages #frases{
	position:relative;
	display:table;
	width:80%;
	float:right;
	color:#FF0;
	top:40px;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
}

#frases h1{
	position:relative;
	display:table;
	margin:0 auto;
	text-align:center;
	font-size:24px;
}

#frases h2{
	position:relative;
	float:none;
	display:table;
	margin:0 auto;
	font-size:24px;
	margin-top:180px;
	text-align:center;
	/*text-shadow:0 0 20px rgba(255,255,255,.7), 20px 0 20px rgba(255,255,255,.7), -20px 0 20px rgba(255,255,255,.7);*/
}

#menu_paroquias{
	position:absolute;
	display:none;
	right:30px;
	top:60px;
	z-index:205;
}

#menu_secundario li.pisca{
	background:url(../images/bg_paroquias.gif);
}

.moldura{
	border:#FF0 solid medium;
	box-shadow:4px 4px 4px #333333;
	margin:10px;
}


#container_mesas{
	position:relative;
	display:table;
	width:100%;
}

#mesas{
	position:relative;
	display:table;
	width:80%;
	float:right;
	text-align:center;
	padding-top:100px;
}

#mesas h3{
	color:#FF0;
	font-size:24px;
	position:absolute;
	display:table;
	width:100%;
	text-align:center;
	top:40px;
}

#mesas h3.img{
	top:260px;
}

#mesa{
	position:relative;
	display:inline-block;
	width:40%;
	margin:20px;
}

#mesas ul{
	position:relative;
	display:block;
	width:940px;
	text-align:center;
	list-style:none;
	margin:0 auto;
	margin-bottom:60px;
	padding:0;
}

#mesas li{
	position:relative;
	margin:5px;
	text-align:center;
}

#mesas li img{
	display:table;
	margin:0 auto;
	border:#FF0 solid 2px;
	cursor:pointer;
}

#mesas li h2{
	position:relative;
	display:table;
	font-size:16px;
	margin:0 auto;
	height:60px;
}




#slogan{
	position:absolute;
	display:flex;
	justify-content:space-around;
	top:350px;
	z-index:100;
	width:80%;
	right:0;
	text-align:center;
}

#slogan h2{
	position:relative;
	display:none;
	color:#FF0;
	font-size:38px;
	padding-top:0;
	transition:text-shadow 1s, paddins 1s;
	text-shadow:0 0 1px rgba(0,0,0,.1);
}

#slogan h2.brilho{
	padding-top:-5px;
	text-shadow:10px 10px 10px rgba(0,0,0,.9);
}







/*
1024px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width : 1024px){
	#header li{
		font-size:14px;
	}
	
	.galeria{
		max-width:964px;
	}
	
	#menu_paroquias{
		position:absolute;
		right:15px;
		top:60px;
		z-index:205;
	}
	
	#menu_paroquias li{
		height:20px;
		padding:8px 20px;
		font-size:12px;
	}
	
	#testemunho{
		width:280px;
		margin:5px;
		padding:10px;
		height:190px;
	}
	
	#referencia{
		width:204px;
		margin:5px;
		padding:8px;
		height:75px;
	}
	
	#referencia span{
		font-size:10px;
	}
	
	#rol{
		width:930px;
	}
	
	#gal{
		margin:5px;
	}
	
	#frases h2{
		font-size:20px;
		margin-top:100px;
		text-align:center;
	}
	
	#mesas{
		width:70%;
		padding-top:60px;
	}
	
	#mesas ul{
		width:640px;
		margin-bottom:20px;
	}
	
	#mesas li img{
		width:60px;
	}
	
	#mesas li h2{
		font-size:12px;
	}
	
	#slogan, #pages #frases{
		width:71%;
	}
	
	#slogan h2, #pages #frases{
		font-size:28px;
	}
	
	#mesas h3{
		font-size:18px;
		top:20px;
	}
	
	#mesas h3.img{
		top:180px;
	}
}