/*

	Coffeelike by nodethirtythree + Templated.org
	http://templated.org/ | @templatedorg
	Released under the Creative Commons Attribution 3.0 License.
	
	Note from the author: These templates take quite a bit of time to conceive,
	design, and finally code. So please, support our efforts by respecting our
	license: keep our footer credit links intact so people can find out about us
	and what we do. It's the right thing to do, and we'll love you for it :)
	
*/

* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: 100%;
}

img,
iframe,
object,
embed {
	max-width: 100%;
}

a {
	color: #1495ff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	font-size: 12pt;
	line-height: 1.75em;
	font-family: Georgia, serif;
	background: #ad8667 url('/images/bg.jpg');
	color: #ebe1d9;
}


br.clear {
	clear: both;
}

h1,h2,h3,h4 {
	text-transform: lowercase;
	letter-spacing: -1px;
}

h2,h3,h4 {
	margin-bottom: 1em;
	font-family: Arvo, serif;
	color: #fff;
}

img.left {
	float: left;
	margin: 5px 20px 20px 0;
}

img.top {
	margin: 5px 0 20px 0;
}

p {
	margin-bottom: 1.5em;
}

ul {
	margin-bottom: 1.5em;
}

.imageList {
	list-style: none;
}

.imageList li {
	clear: both;
}

#bg {
	background: url('/images/shadow.png') top left repeat-x;
}

#banner {
	background: #fff;
}

#box1 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 35px 0;
}

#box2 {
	width: 355px;
	overflow: hidden;
	float: left;
}

#box3 {
	width: 355px;
	overflow: hidden;
	margin: 0 0 0 390px;
}

#content {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	margin: 0;
	padding: 40px;
	background: #fff;
}

#copyright {
	padding: 0 0 80px 0;
	text-align: center;
	color: #D8C2AB;
}

#copyright a {
	color: #D8C2AB;
}

#footer {
	box-sizing: border-box;
	position: relative;
	padding: 40px;
	width: 1100px;
	max-width: 100%;
	color: #e1d2c7;
}

#footer a {
	color: #f4eeea;
}

#footer h2, #footer h3, #footer h4 {
	color: #f4eeea;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	padding: 15px 0 15px 0;
	border-top: dotted 1px #c6aa95;
}

#footer ul li.first {
	padding-top: 0;
	border-top: 0;
}

#footerContent {
	box-sizing: border-box;
	width: auto;
	margin: 0 0 0 355px;
}

#footerSidebar {
	width: 240px;
	float: left;
}

#header {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	position: relative;
	padding: 30px;
	min-height: 110px;
}

#logo {
	flex: 0 0 auto;
	position: static;
	height: auto;
	line-height: 1;
}

#logo a {
	text-decoration: none;
	color: #fff;
}

#logo h1 {
	font-size: 3.5em;
	font-family: Lobster, cursive;
	text-shadow: 0 2px 1px #32251B;
}

#main {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	gap: 35px;
	position: relative;
	padding: 0;
	width: 100%;
	color: #5e5e5e;
}

#main strong {
	color: #3e3e3e;
}

#main a {
	color: #242424;
}

#main h2, #main h3, #main h4 {
	color: #242424;
}

#main ul {
	list-style: none;
}

#main ul li {
	padding: 15px 0 15px 0;
	border-top: dotted 1px #b3b3b3;
}

#main ul li.first {
	padding-top: 0;
	border-top: 0;
}

#main ul.imageList li {
	padding: 15px 0 15px 0;
}

#nav {
	position: static;
	height: auto;
	line-height: 1.3;
}

#nav a {
	text-decoration: none;
	text-transform: lowercase;
	color: #f4eeea;
	text-shadow: 0 1px 1px #32251B;
	font-size: 1.2em;
}

#nav li {
	margin: 0 0 0 2em;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	float: left;
}

#navToggle {
	display: none;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 4px;
	color: #fff;
	background: rgba(50,37,27,.65);
	font: inherit;
	padding: 10px 13px;
	cursor: pointer;
}

#navToggle:focus,
#nav a:focus {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.navToggleIcon,
.navToggleIcon:before,
.navToggleIcon:after {
	display: inline-block;
	width: 18px;
	height: 2px;
	background: currentColor;
}

.navToggleIcon {
	position: relative;
	margin: 0 8px 3px 0;
}

.navToggleIcon:before,
.navToggleIcon:after {
	content: "";
	position: absolute;
	left: 0;
}

.navToggleIcon:before {
	top: -6px;
}

.navToggleIcon:after {
	top: 6px;
}

#outer {
	box-sizing: border-box;
	position: relative;
	width: 1180px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0px;
}

#search input.button {
	margin-left: 1em;
	border: 0;
	color: #fff;
	background: #1495ff;
	padding: 11px;
}

#search input.text {
	border: dotted 1px #fff;
	padding: 10px;
}

#sidebar {
	box-sizing: border-box;
	flex: 0 0 320px;
	width: 320px;
	float: none;
	padding: 40px;
	background: #32251b;
	color: #e1d2c7;
}


#sidebar a {
	color: #e2e0df;
}

#sidebar h2, #sidebar h3, #sidebar h4 {
	color: #fff;
}

#sidebar .linkedList strong {
	color: #dadada;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	padding: 15px 0 15px 0;
	border-top: dotted 1px #70665f;
}

#sidebar ul li.first {
	padding-top: 0;
	border-top: 0;
}

.tbvela
{
	box-sizing: border-box;
	display: block;
	width: 100%;
	text-align: center;
}

.tbvela > tbody {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px 14px;
	width: 100%;
}

.tbvela > tbody > tr {
	display: contents;
}

.tbvela > tbody > tr > td:not(.tdvela) {
	grid-column: 1 / -1;
	min-width: 0;
	overflow: hidden;
}

.candleGridWrapper {
	width: 100%;
}

.tddonovela
{
	min-height: 42px;
	border: 0px solid red;
	padding: 10px 4px 0;
	margin: 0px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}
.tabimagemvela
{
	box-sizing: border-box;
	line-height: 0px;
	border: 0px solid green;
	width: 100%;
	height: 180px;
	background-color: black;
}
.tabimagemvela TD
{
	text-align: center;
	vertical-align: bottom;
}

.tabimagemvela img {
	display: inline-block;
	max-width: 100%;
}

.tdvela
{
	box-sizing: border-box;
	text-align: center;
	line-height: 8px;
	padding: 0;
	width: auto;
	min-width: 0;
	border: 0px solid green;
}

.tdvela > a {
	display: block;
	min-height: 100%;
	color: #242424;
	text-decoration: none;
}

.tdvela > a:hover .tddonovela,
.tdvela > a:focus .tddonovela {
	text-decoration: underline;
}

.candleSearch {
	box-sizing: border-box;
	max-width: 560px;
	margin-bottom: 28px;
}

.candleSearch p {
	margin-bottom: 10px;
}

.candleSearch label {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
}

.candleSearchControls {
	display: flex;
	gap: 8px;
}

.candleSearchControls input[type="text"] {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	font: inherit;
	padding: 8px 10px;
}

.candleSearchControls input[type="submit"] {
	flex: 0 0 auto;
	border: 0;
	border-radius: 3px;
	background: #32251b;
	color: #fff;
	font: inherit;
	font-weight: bold;
	padding: 8px 18px;
	cursor: pointer;
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 30px;
	line-height: 1.8;
	text-align: center;
}

.pagination a,
.pagination span {
	display: inline-block;
	min-width: 28px;
}

.candleDetail {
	text-align: center;
}

.candleDetailSocial {
	max-width: 100%;
	overflow: hidden;
}

.candleDetailVisual {
	max-width: 100%;
	margin: 0 auto;
}

.candleDetailInfo {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	overflow-wrap: anywhere;
}

.candleDetailExtras {
	max-width: 100%;
	overflow: hidden;
}

I
{
	font-size: 12px;
}

.erroform
{
	background-color: red;
	color: white;
	padding: 10px;
}

h6.passagem
{
	
	background-color: silver;
	line-height: 20px;
	margin-bottom: 30px;
	margin-left: 250px;
	width: 450px;
	font-style: italic;
	font-size: 12px;
	
	padding: 10px;

	/*
	*/
	font-weight: normal;
}

table.indicebiblia
{
	background-color: silver;
	font-size: 12px;
	padding: 10px;
	font-weight: normal;
}
#tdBibliaVersiculo
{
	font-size: .83em;
	vertical-align: top;
	text-align: right;
	padding: 0px 10px 0px 0px;
	border: 0px solid red;
}
#tdBibliaPalavra
{
	padding: 0px 0px 30px 0px;
}
#tdBibliaFace
{
	padding: 0px 0px 20px 0px;
}

.linkedListBiblia
{
	line-height: 10px;
}

#sidebarBibliaEmail{
	box-sizing: border-box;
	flex: 0 0 200px;
	width: 200px;
	float: none;
	padding: 10px;
	background: #32251b;
	color: #e2e0df;

}

#sidebarBiblia{
	box-sizing: border-box;
	flex: 0 0 210px;
	width: 210px;
	float: none;
	padding: 40px;
	background: #32251b;
	color: #e2e0df;
}

#sidebarBiblia a{
	color: #e2e0df;
}
#contentBiblia {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	margin: 0;
	padding: 40px;
	background: #fff;
}
#box1Biblia {
	width: 100%;
	overflow: hidden;
	margin: 0 0 35px 0;
}
.testemunho
{
	font-size: 12px;
	line-height: 18px;
}

.responsiveForm {
	max-width: 720px;
}

.responsiveForm .erroform {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
}

.formTable,
.captchaTable,
.candleSubmitTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 12px;
}

.formTable td {
	vertical-align: top;
}

.formTable td:first-child {
	width: 150px;
	padding: 8px 18px 8px 0;
	font-weight: bold;
	line-height: 1.35;
}

.formTable td:last-child {
	min-width: 0;
}

.formTable input[type="text"],
.formTable input[type="email"],
.formTable input[type="number"],
.formTable select,
.formTable textarea,
.captchaTable input[type="text"],
.captchaTable input[type="number"] {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid #aaa;
	border-radius: 3px;
	background: #fff;
	color: #333;
	font: inherit;
	padding: 8px 10px;
}

.formTable input[type="text"],
.formTable input[type="email"],
.formTable textarea {
	width: 100%;
}

.formTable textarea {
	min-height: 130px;
	resize: vertical;
}

.formTable input:focus,
.formTable select:focus,
.formTable textarea:focus,
.captchaTable input:focus {
	border-color: #32251b;
	outline: 2px solid rgba(50,37,27,.2);
	outline-offset: 1px;
}

.captchaTable td {
	vertical-align: middle;
}

.captchaTable input {
	margin-top: 6px;
}

.candleSubmitTable td:first-child {
	padding-right: 24px;
}

.formTableWithCaptcha tr:nth-last-child(2) td {
	padding-top: 12px;
	font-weight: normal;
}

.formTableWithCaptcha tr:nth-last-child(2) img {
	margin-right: 12px;
	vertical-align: middle;
}

.responsiveForm > .submitButton {
	display: block;
	margin: 20px auto 0;
}

.submitButton {
	min-width: 120px;
	min-height: 44px;
	border: 0;
	border-radius: 4px;
	background: #32251b;
	color: #fff;
	font: inherit;
	font-weight: bold;
	padding: 10px 22px;
	cursor: pointer;
}

.submitButton:hover,
.submitButton:focus {
	background: #4b382a;
}

.homeSocial {
	max-width: 100%;
	margin-bottom: 24px;
	overflow: hidden;
}

.homeIntroImage {
	max-width: 130px;
	height: auto;
}

.topAd {
	max-width: 100%;
	overflow: hidden;
}

@media (max-width: 1100px) {
	.tbvela > tbody {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	#header {
		display: block;
		min-height: 0;
		padding: 22px 24px;
	}

	#logo {
		padding-right: 90px;
	}

	#logo h1 {
		font-size: 2.6em;
		line-height: 1.1;
	}

	#navToggle {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	#nav {
		clear: both;
		padding-top: 20px;
	}

	#header.navReady #nav {
		display: none;
	}

	#header.navReady.navOpen #nav {
		display: block;
	}

	#nav ul,
	#nav ul li {
		float: none;
	}

	#nav li {
		margin: 0;
		border-top: 1px solid rgba(255,255,255,.2);
	}

	#nav a {
		display: block;
		padding: 12px 4px;
	}

	#main {
		flex-direction: column;
		gap: 0;
	}

	#content,
	#contentBiblia {
		order: 1;
		width: 100%;
		padding: 30px;
	}

	#sidebar,
	#sidebarBiblia,
	#sidebarBibliaEmail {
		order: 2;
		flex-basis: auto;
		width: 100%;
	}

	#footerContent {
		width: 100%;
		margin-left: 0;
	}

	#footerSidebar {
		width: 100%;
		float: none;
	}

	h6.passagem {
		box-sizing: border-box;
		margin-left: 0;
		width: 100%;
	}

	.responsiveForm {
		max-width: none;
	}
}

@media (max-width: 600px) {
	body {
		font-size: 11pt;
		line-height: 1.6em;
	}

	#header {
		padding: 18px 16px;
	}

	#logo h1 {
		font-size: 2.1em;
		letter-spacing: -1px;
	}

	#navToggle {
		top: 13px;
		right: 12px;
	}

	#content,
	#contentBiblia,
	#sidebar,
	#sidebarBiblia,
	#sidebarBibliaEmail {
		padding: 22px 18px;
	}

	#footer {
		padding: 30px 18px;
	}

	#content table,
	#contentBiblia table {
		max-width: 100%;
	}

	#translate {
		float: none !important;
		margin-bottom: 20px;
	}

	.fb-like,
	.fb-comments,
	.fb-like-box,
	.adsbygoogle {
		max-width: 100% !important;
		overflow: hidden;
	}

	.tbvela {
		width: 100%;
	}

	.tbvela > tbody {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 10px;
	}

	.tabimagemvela {
		height: 170px;
	}

	.candleSearchControls {
		align-items: stretch;
		flex-direction: column;
	}

	.candleSearchControls input[type="text"],
	.candleSearchControls input[type="submit"] {
		width: 100%;
		min-height: 44px;
	}

	.pagination {
		gap: 6px;
	}

	.candleDetailInfo {
		width: 100% !important;
	}

	.formTable,
	.formTable tbody,
	.formTable tr,
	.formTable td,
	.captchaTable,
	.captchaTable tbody,
	.captchaTable tr,
	.captchaTable td,
	.candleSubmitTable,
	.candleSubmitTable tbody,
	.candleSubmitTable tr,
	.candleSubmitTable td {
		box-sizing: border-box;
		display: block;
		width: 100% !important;
	}

	.formTable,
	.captchaTable,
	.candleSubmitTable {
		border-spacing: 0;
	}

	.formTable tr {
		margin-bottom: 20px;
	}

	.formTable td:first-child {
		width: 100%;
		padding: 0 0 6px;
	}

	.formTable td:last-child {
		width: 100%;
	}

	.formTable input[type="text"],
	.formTable input[type="email"],
	.formTable input[type="number"],
	.formTable select,
	.formTable textarea {
		width: 100%;
		min-height: 44px;
	}

	.formTable input[type="radio"] {
		width: 18px;
		height: 18px;
		vertical-align: middle;
	}

	.captchaTable td {
		padding: 0 0 10px;
		text-align: left;
	}

	.captchaTable td:nth-child(2) {
		display: none;
	}

	.captchaTable img {
		display: block;
		margin: 0 auto;
	}

	.captchaTable input {
		display: block;
		width: 100%;
		min-height: 44px;
		margin-top: 8px;
	}

	.candleSubmitTable td {
		padding: 0;
		text-align: left !important;
	}

	.candleSubmitTable td:last-child {
		margin-top: 12px;
		text-align: center !important;
	}

	.candleSubmitTable input[type="image"] {
		max-width: 100px;
		height: auto;
	}

	.formTableWithCaptcha tr:nth-last-child(2) img {
		display: block;
		margin: 0 auto 12px;
	}

	.formTableWithCaptcha tr:nth-last-child(2) input {
		margin-top: 8px;
	}

	.submitButton {
		width: 100%;
		max-width: none;
	}

	img.left.homeIntroImage {
		display: block;
		float: none;
		margin: 0 auto 22px;
	}
}
