@charset "UTF-8";
.clear { margin:0; padding:0; visibility:hidden; clear:both; }
::-webkit-input-placeholder { font-size:14px; padding:10px 0 0 10px; }
:-moz-placeholder { font-size:14px; padding:10px 0 0 10px; }
::-moz-placeholder { font-size:14px; padding:10px 0 0 10px; }
:-ms-input-placeholder { font-size:14px; padding:10px 0 0 10px; }

/* ### GERAL ###  */

* {	margin:0;	padding:0; list-style-type: none;	outline:none; }

body {	overflow-y:scroll; background:url("../img/bg_body.jpg") repeat-x #cae3d9;	font-family:SourceSansProRegular;	color:#b4b4b4; font-size:14px; }

#wrap {	width:1000px;	margin:auto; margin-bottom: 30px; }

header { width:100%; }

h1,h2,h3,h4,h5,h6 {	font-weight: normal; }

a {	text-decoration: none; }

p a {	color: inherit; }

h1 { background: url("../img/logo.png") no-repeat; width:157px;	height:60px; text-indent:-9999px;	margin:10px 0px 40px 0px; }

h1 a { display:block;	width:inherit; height:inherit; text-indent: -9999px; }

h2 { background:#cae3d9; padding:5px 0px;	display:inline;	font-size: 16px; color:#224235; position: absolute;	top:0px; margin-left: 580px; width:245px;	text-align: center;	font-weight: bold; }

h2 a { color: inherit; }

h3 { background:#c5c5c5; padding:5px 0px;	text-align: center;	display:inline;	font-size: 16px; color:#FFF; position: absolute; top:0px;	width:170px; margin-left: 830px; }

h3 a { color:inherit; }

#menu {	float: right;	margin:-40px 0px 0px 0px; }

#menu a {	background: url("../img/bg_menu.png") no-repeat 50% 20px;	padding: 0px 10px 20px 10px; font-size:16px; color:#999999;	font-family: "Copperplate Gothic Light",SourceSansProRegular;	margin-left:-3px; }

#menu a.actual { background: url("../img/bg_menu.png") no-repeat 50% -30px;	color:#00874f; }

section {	width:980px; padding:10px; min-height: 500px;	background:#cae3d9; }

footer { margin:20px 0px 40px 0px; }

footer p { font-size: 16px;	text-align: center;	color: #5a957e; }

#lola {	position: fixed; right:20px; bottom:20px; }

/* ### HOME ### */

#home #bloco { width:100%; display:table;	background: #FFF; }

#home #bloco div { min-height: 280px;	padding: 20px; }

#home #bloco #box1 { float:left; width:440px; }

#home #bloco #box2 { float:left; width:440px;	margin-left:20px; }

#home #bloco div h4 {	font-size: 16px; color:#a6a6a6;	text-transform: uppercase; padding:0px 200px 20px 0px; font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#home #bloco div p { padding-right: 230px; }

/* ### EMPRESA ### */

#empresa #bloco {	width:900px; margin:20px;	padding:20px;	border:1px solid #FFF; display: table; }

#empresa #bloco #imagem {	float: left; width:400px; }

#empresa #bloco #imagem #opcoes {	margin-top: 20px; }

#empresa #bloco #imagem #opcoes img {	width: 120px;	height:80px; margin:0px 4px; border:1px solid #FFF;	cursor:pointer; }

#empresa #bloco #texto { float: left;	width:430px; margin-left: 20px; }

#empresa #bloco #texto h4 {	padding:5px 10px;	background:#b4dacc;	display:inline;	color:#FFF;	font-size:20px;	letter-spacing: 5px; float: left;	margin:-40px 380px 20px 20px;	font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#empresa #bloco #texto p { color:#666666;	margin:5px 0px; }

/* ### PRODUTOS E SERVICOS ### */

#produtos_e_servicos a { color:#55987d; }

#produtos_e_servicos #bloco {	width:900px; margin:20px;	padding:20px;	border:1px solid #FFF; min-height: 500px; }

#produtos_e_servicos #bloco h4 { padding:5px 10px; background:#b4dacc; display:inline; color:#FFF; font-size:20px; letter-spacing: 5px;	float: left; margin:-40px 530px 20px 20px; font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#produtos_e_servicos #bloco p,
#produtos_e_servicos #bloco .conteudo-prod {	color:#666666; margin:5px 0px; }

#produtos_e_servicos #bloco #opcoes {	display:inline-block;	background: #b4dacc; position: absolute; margin:40px 0px 0px -30px; }

#produtos_e_servicos #bloco #opcoes li { color:#FFF; font-size: 16px;	padding:2px 2px 2px 20px;	cursor: pointer; width:200px; }

#produtos_e_servicos #bloco #opcoes li:hover, #produtos_e_servicos #bloco #opcoes li.click { background: #FFF; color:#666666; }

#produtos_e_servicos #bloco #opcoes li span {	float: right;	margin-left: 10px; }

#produtos_e_servicos #bloco #view-opcoes { padding:40px 300px 0px 210px; }

#produtos_e_servicos #bloco #view-opcoes #salas {	display: table;	margin-top: 20px; }

#produtos_e_servicos #bloco #view-opcoes #salas .box { float: left;	width:120px; margin:0px 2px; }

#produtos_e_servicos #bloco #view-opcoes #salas .box p { margin:0; }

#produtos_e_servicos #bloco #view-opcoes #salas .box p img { width:120px; }

#produtos_e_servicos #bloco #view-opcoes .hidden, .fancybox-hidden { display:none; }

#produtos_e_servicos #bloco #view-opcoes div h5 {	color:#666666; font-size:20px; letter-spacing: 5px;	font-family: "Copperplate Gothic Light",SourceSansProRegular; }

.fancybox-janela { background: #FFF; width:720px; padding:40px;	display: table; }

.fancybox-janela img { float: left; }

.fancybox-janela .texto {	float: left; margin: 0px 0px 0px 30px; }

.fancybox-janela .texto h6 { color:#FFFFFF;	background: #b4dacc; display: inline-block;	font-size:20px;	letter-spacing: 5px; padding: 5px 10px;	font-family: "Copperplate Gothic Light",SourceSansProRegular;	margin-bottom: 10px; }

.fancybox-janela .texto i {	padding: 5px 0px 5px 20px; background: url("../img/bg_capela.jpg") no-repeat 0px 10px; display: block; }

#produtos_e_servicos #imagens {	position: absolute;	width: 270px;	margin: 120px 0px 0px 670px; }

/* ### DIFERENCIAIS ### */

#diferenciais #bloco { width:900px;	margin:20px; padding:20px; border:1px solid #FFF;	min-height: 300px; }

#diferenciais #bloco h4 {	padding:5px 10px;	background:#b4dacc;	display:inline;	color:#FFF;	font-size:20px;	letter-spacing: 5px; float: left;	margin:-40px 700px 20px 20px;	font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#diferenciais #bloco p { color:#666666;	margin:5px 0px; }

#diferenciais #bloco #table {	display: table;	width:860px; margin: 50px auto; }

#diferenciais #bloco #table div {	float:left;	width:50%; height:80px; }

#diferenciais #bloco #table .branco {	background: #FFF;	color:#999999; }

#diferenciais #bloco #table .verde { background: #b4dacc;	color:#FFF; }

#diferenciais #bloco #table div h5 { font-size:22px; letter-spacing: 5px;	padding:25px 0px 0px 100px; }

#diferenciais #bloco #table div p {	color:inherit; padding:10px 15px 15px 15px; }

#diferenciais #bloco #table div#floricultura { background: url("../img/bg_diferenciais.png") no-repeat 30px 15px #b4dacc; }

#diferenciais #bloco #table div#cafe { background: url("../img/bg_diferenciais.png") no-repeat 30px -70px #fff; }

#diferenciais #bloco #table div#seguranca {	background: url("../img/bg_diferenciais.png") no-repeat 30px -160px #b4dacc; }

#diferenciais #bloco #table div#estacionamento { background: url("../img/bg_diferenciais.png") no-repeat 30px -250px #fff; }

#diferenciais #bloco #table div#capela { background: url("../img/bg_diferenciais.png") no-repeat 30px -340px #b4dacc; }

#diferenciais #bloco #table div#velario {	background: url("../img/bg_diferenciais.png") no-repeat 30px -430px #fff; }

#diferenciais #bloco #table div#arruamento { background: url("../img/bg_diferenciais.png") no-repeat 30px -520px #b4dacc; }

#diferenciais #bloco #table div#wifi { background: url("../img/bg_diferenciais.png") no-repeat 30px -605px #fff; }
#diferenciais #bloco #table div#maquina { background: url("../img/bg_diferenciais.png") no-repeat 25px -670px #b4dacc; }
#diferenciais #bloco #table div#maquina h5 { padding-top:14px !important; }

/* ### PLANOS ### */

#planos #bloco { width:900px;	margin:20px; padding:20px; border:1px solid #FFF;	min-height: 300px; }

#planos #bloco h4 {	padding:5px 10px;	background:#b4dacc;	display:inline;	color:#FFF;	font-size:20px;	letter-spacing: 5px; float: left;	margin:-40px 750px 20px 20px;	font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#planos #bloco p { color:#666666;	margin:5px 0px; }

#planos #bloco #table {	display:table; width:910px;	margin:auto; }

#planos #bloco #table .float { width:390px;	float:left;	padding:0px 10px;	margin:20px 10px;	height: 320px; background: url("../img/bg_planos.jpg") repeat-x #FFF;	display:table; }

#planos #bloco #table .float h5 {	font-size:20px;	letter-spacing: 5px; color:#FFF;	padding:12px 0px 10px 10px;	margin-bottom:20px;	font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#planos #bloco #table .float p { font-size:16px; }

#planos #bloco #table .float p strong {	font-size: 18px; }

#planos #bloco #table .float select {	width:200px; height:20px;	border: 1px solid #d3d3d3; color:#666666;	font-size:14px; }

#planos #bloco #table .float select#quadrax {	visibility: hidden; }

#planos #bloco #table .float .parcelamento { background: #fbf9f9;	border: 1px solid #d3d3d3; padding:10px; margin:10px 0px; }

#planos #bloco #table .float .parcelamento p { margin:0px; }

#planos #bloco #table .float .hidden { display:none; }

#planos #bloco #table .float .hidden-cremacao { display:none; }

#planos #bloco #table .float .info { float: left;	width:100px; border-right:1px solid #CCC;	padding-right: 10px; margin-right: 10px; }

#planos #bloco #table .float .info p { padding: 60px 0px;	font-size: 11px; }

#planos #bloco #table .float .detalhes { float: left;	width:240px; }

#planos #bloco #table .float .obs p {	font-size: 12px; }

/* ### FOTOS ### */

#fotos #bloco { width:900px;	margin:20px;	padding:20px;	border:1px solid #FFF; min-height: 300px; }

#fotos #bloco h4 { padding:5px 10px; background:#b4dacc; display:inline; color:#FFF; font-size:20px; letter-spacing: 5px;	float: left; margin:-40px 750px 20px 20px; font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#fotos #bloco p {	color:#666666; margin:5px 0px; }

#fotos #opcoes img { width: 146px; height:56px;	margin:4px 4px;	border:1px solid #FFF; cursor:pointer; }

/* ### CONTATO ### */

#contato #bloco {	background:#FFF; display:table;	width:940px; margin:20px; }

#contato #bloco h4 { padding:5px 10px;	background:#b4dacc;	display:inline;	color:#FFF;	font-size:20px;	letter-spacing: 5px; margin:-20px 700px 20px 30px; float:left; font-family: "Copperplate Gothic Light",SourceSansProRegular; }

#contato #bloco > p  { float:left;	padding:0px 30px; }

#contato #bloco #form {	width:310px; float:left;	padding:30px; }
#contato #bloco #form h5 {font-size:20px; text-align:center; }

input[type=text], input[type=password], textarea {	width:300px; height:25px;	border:none; background:none;	box-shadow: 0px 1px 1px 0px #d1d1d1 inset; margin:10px 0px;	font-family: Verdana, Arial; font-size: 14px;	padding:5px; }

textarea { height:100px; }

input#enviar { width:90px; height:29px;	background: url("../img/bg_enviar.jpg") no-repeat; text-indent: -9999px; cursor: pointer;	margin-left:220px; }

#contato #bloco #mapa {	width:400px; float:left; padding:30px; }


#guia_de_cremacao { font-size:1.1em; }
#guia_de_cremacao .clearfix { clear: both; visibility: hidden; height: 0; }
#guia_de_cremacao .titulo { width: 940px; margin:20px auto 5px;  }
#guia_de_cremacao #bloco { background:#FFF; display:table; width:920px; margin:0 20px 20px; padding:10px; }
#guia_de_cremacao #bloco p { margin:5px 0; }
#guia_de_cremacao #bloco .float { float:left; }
#guia_de_cremacao #bloco .wrapper { width: 795px; margin:0 auto; padding:30px 0; }
#guia_de_cremacao #bloco .spacer { padding-left:30px; }

#guia_de_cremacao #bloco .introducao .imagens { margin:40px 0 20px; }
#guia_de_cremacao #bloco .introducao .imagens img { float: left; }
#guia_de_cremacao #bloco .introducao .imagens img:first-child { margin-right: 5px; }

#guia_de_cremacao #bloco .processo .center { margin: 0 auto; }
#guia_de_cremacao #bloco .processo .slides img { width:inherit !important; }
#guia_de_cremacao #bloco .processo .slides li img:first-child { margin-bottom:20px; }
#guia_de_cremacao #bloco .processo .numeros { width: 450px; margin:30px auto; height: 60px; }
#guia_de_cremacao #bloco .processo .numeros div { float:left; margin:0 5px; padding-bottom:5px; border-bottom: 4px solid #fff; cursor: pointer; }
#guia_de_cremacao #bloco .processo .numeros div.flex-active { border-bottom: 4px solid #ddd; }
#guia_de_cremacao #bloco .processo .spacer { padding-left:30px; }

#guia_de_cremacao #bloco .esquerda { float:left; width:520px; }
#guia_de_cremacao #bloco .direita { float:right; width:250px; }
#guia_de_cremacao #bloco .verde { background:#70c083; color:#fff; padding:20px; }


/* VELÓRIO ONLINE */

#velorio-online,
#video { position:relative; }
#velorio-online .bloco,
#video .bloco { background-color:#fff;	display:table; width:940px;	margin:20px; position:relative; }
#video .bloco .cabecalho,
#velorio-online .bloco .cabecalho { width:100%; max-width:900px; margin-left:20px; border-bottom:solid 1px #cae3d9; }
#video .bloco .cabecalho h2,
#velorio-online .bloco .cabecalho h2 { padding:5px 10px;	background:#b4dacc;	display:inline;	color:#FFF;	font-size:20px;	letter-spacing: 5px; float: left;	margin:-20px 700px 20px 20px;	font-family: "Copperplate Gothic Light",SourceSansProRegular; }
#velorio-online .bloco table { margin:100px auto 300px auto; border:solid 1px #cae3d9; position:relative; max-width:500px; width:100%; }
#video .bloco table .titulo,
#velorio-online .bloco table .titulo { text-align:center; border-bottom:solid 1px #cae3d9; padding:10px 40px; }
#video .bloco table .titulo span,
#velorio-online .bloco table .titulo span { margin-left:0; background:none; font-size:24px; font-family:"Copperplate Gothic Light",SourceSansProRegular; }
#velorio-online .bloco table .login form { padding:30px; }
#velorio-online .bloco table .login input[type=text], input[type=password] { width:30%; margin:30px 10px; height:auto; text-align:center; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#velorio-online .bloco table .login input[type=submit] { width:90px; height:29px;	background: url("../img/bg_ok.jpg") no-repeat; text-indent: -9999px; cursor: pointer; }
.login-erro { visibility:hidden; position:absolute; left:25%; }
.login-erro h6 { text-align:center; font-size:16px; color:#ff0000; }
.login-obrigatorio { visibility:hidden; position:absolute; left:20%; }
.login-obrigatorio h6 { text-align:center; font-size:16px; color:#ff0000; }
.login-expirou { visibility:hidden; position:absolute; left:31%; }
.login-expirou h6 { text-align:center; font-size:16px; color:#ff0000; }

#video .bloco .cabecalho span { font-size:24px; color:#224235; font-family:"Copperplate Gothic Light",SourceSansProRegular; float:right; position:absolute; right:15%; top:4%; }
#video .bloco .cabecalho a { z-index:1; right:20px; font-size:16px; color:#224235; background-color:#cae3d9; font-family:"Copperplate Gothic Light",SourceSansProRegular; float:right; position:absolute; right:2%; top:3%; padding:10px 20px; border:solid 1px #cae3d9; }
#video .bloco .informacoes h5 {  margin-left:0; position:relative; background:none; padding:100px 0 20px 0px; color:#c4c4c4; display:block; text-align:left; font-size:24px; font-family:"Copperplate Gothic Light",SourceSansProRegular; }
#video .bloco .informacoes { padding-left:20px; color:#c4c4c4; max-width:580px; width:100%; }
#video .bloco .chat { padding-bottom:200px; }
#video .bloco .chat h5 {  margin-left:0; position:relative; background:none; padding:100px 0 20px 20px; color:#c4c4c4; display:block; text-align:left; font-size:24px; font-family:"Copperplate Gothic Light",SourceSansProRegular; }
#video .bloco .chat input[type=text] { width:87%; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#video .bloco .chat input[name=grau] { width:55%; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#video .bloco .chat input[type="submit"] { width:90px; height:29px; margin-left:10px;	background: url("../img/bg_ok.jpg") no-repeat; text-indent: -9999px; cursor: pointer; }
#video .bloco .chat textarea { width:87%; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
.view { height:300px; width:90%; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; overflow:auto; overflow-x:hidden; }
table.chat-conteudo { margin:0; border:none; padding:15px 15px; }
.chat-conteudo .nome { font-size:16px; font-weight:bold; border-bottom:solid 1px #cae3d9; padding-bottom:15px; text-align:right; }
.chat-conteudo .grau { font-size:14px; font-weight:bold; }
.chat-conteudo .mensagem { padding:0 5px; padding-top:15px; }


#velorio-online .acesso { padding:30px; }
#velorio-online .acesso h5 { font-size:32px; text-align:right; padding:20px 0 20px 0; border-bottom:solid 1px #cae3d9; }
#velorio-online .acesso a,
#velorio-online .acesso-criar a { z-index:1; right:20px; font-size:16px; color:#224235; background-color:#cae3d9; font-family:"Copperplate Gothic Light",SourceSansProRegular; float:right; padding:10px 30px; margin:20px 0 0 15px; }
#velorio-online .acesso a:hover,
#velorio-online .acesso-criar a:hover { background-color:#E0FFFF; border:none; }
#velorio-online .acesso a.btn-criar { padding:10px 50px; margin-bottom:20px; }
#velorio-online .acesso .conteudo h5,
#velorio-online .acesso-criar h5,
#velorio-online .salas-criar h5 { text-align:left; font-size:28px; border-bottom:none; }
#velorio-online .acesso .conteudo table { max-width:900px; width:100%; margin:0; margin-bottom:200px; border-collapse:collapse; }
#velorio-online .acesso .conteudo table tr { border-bottom:solid 1px #cae3d9; }
#velorio-online .acesso .conteudo table td { padding:10px 10px; }
#velorio-online .acesso .conteudo table tr td span { font-size:16px; }
#velorio-online .acesso .conteudo table tr td a { padding:5px 15px; margin:0; }
#velorio-online .acesso .conteudo i { font-size:24px; }
#velorio-online .salas-criar .content,
#velorio-online .acesso-criar .content  { border:solid 1px #cae3d9; padding:15px; }
#velorio-online .salas-criar form,
#velorio-online .acesso-criar form { padding:5px; }
#velorio-online .acesso-criar form textarea { width:100%; height:200px; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#velorio-online .salas-criar form label,
#velorio-online .acesso-criar form label { padding-right:5px; font-size:16px; }
#velorio-online .acesso-criar form input,
#velorio-online .acesso-criar form select { width:40%; margin-left:0px; display:block; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#velorio-online .acesso-criar .codigo { width:5%; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; height:23px; padding-top:5px; padding-left:5px; margin:10px 0; color:#000; font-size:17px; }
#velorio-online .salas-criar .btn,
#velorio-online .acesso-criar .btn { margin:50px auto; max-width:300px; width:100%; text-align:center; }
#velorio-online .salas-criar .btn a,
#velorio-online .acesso-criar .btn a { float:none; margin:0 10px 0 10px; }
#velorio-online .acesso-criar .msg-excluir h5,
#velorio-online .salas-criar .msg-excluir h5 { text-align:center; margin:0 auto; font-weight:bold; }
#velorio-online .salas-criar form input { width:25%; display:block; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#velorio-online .salas-criar form textarea { width:100%; height:200px; box-shadow: 0px 1px 1px 1px #d1d1d1 inset; }
#velorio-online .salas-criar form input[type=checkbox] { height:auto; width:auto; padding:0; box-shadow:none; margin:0; margin-top:5px; margin-bottom:15px; }
#velorio-online .salas-criar .preview { margin:0 auto; max-width:900px; width:100%; text-align:center; }
#velorio-online .salas-criar .preview h5 { text-align:center; }
.center { text-align:center; }
.right { text-align:right; width:50px; }
.embed { margin-left:20px; margin-top:30px; }

/* ABA DAS CAMERAS */
.embed table { margin-bottom:5px; }
.embed table tr td a { background-color:#cae3d9; padding:7px 20px; color:#000; font-family:"Copperplate Gothic Light",SourceSansProRegular; }
.embed table tr td a:hover { background-color:#DBF4EA; }
.embed table tr td a.ativo { background-color:#DBF4EA; }
.embed .camera { padding-left:2px; }


.logo-dif { float:left; margin-top:10px; margin-left:25px; }