/* ----------------------------------------------------------------------------- *
 *	Cliente - Te Quiero Una Barbaridad
 *	Empresa - Quax
 *	
 *	http://www.tequierounabarbaridad.com.br
 * ----------------------------------------------------------------------------- */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}

body {
	background: #eee;
	font: 14px 'Arvo', 'serif';
	font-weight: 400;
	color: #333;
}

p {
	margin: 0 0 20px;
	line-height: 22px;
}

a {
	text-decoration: none;
	color: #a80808;
	outline: none;
}
a:hover {
	color: #a80808;
}

::-moz-selection{ background: #a80808; color: #fff; text-shadow: none; }
::selection { background: #a80808; color: #fff; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #fcd700; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Classes
-------------------------------------------------------------------------------*/
.pageWrap {
	width: 920px;
	margin: auto;
}

.separadorHeader {
	border: 1px solid #e6e4e4;
	margin: 0 0 30px;
}

.alignLeft {
	margin: 0 30px 30px 0;
	float: left;
}

a.more { display: inline-block; }
a.more::after {
	content: "";
	width: 11px;
	height: 7px;
	margin-left: 45px;
	display: inline-block;
	background: url(../img/seta-right.png) no-repeat;
	transition: all .2s linear;
}
a.more:hover::after { margin-left: 50px; }

.paginacao { overflow: hidden; }
.paginacao a {
	width: 28px;
	height: 28px;
	border: 2px solid #ccc;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	color: #ccc;
	transition: all .2s linear;
}
.paginacao a:hover,
.paginacao a.ativo {
	border-color: #a80808;
	color: #a80808;
}

.msg_contato {
	display: block;
	float: right;
	font-size: 80%;
}
.msg_contato.erro {
	padding: 7px 12px;
	border: 1px solid #EBCCD1;
	border-radius: 3px;
	background: #F2DEDE;
	color: #A94442;
}
.msg_contato.success {
	padding: 7px 12px;
	border: 1px solid #D6E9C6;
	border-radius: 3px;
	background: #DFF0D8;
	color: #3C763D;
}

.load {
	width: 34px;
	height: 34px;
	display: block;
	display: none;
	border-radius: 3px;
	float: right;
	background: url(../img/fancybox_loading.gif) no-repeat center center #111;
}

/* Header
-------------------------------------------------------------------------------*/
#header {
	height: 110px;
	background: #eee;
}
#header .pageWrap { position: relative; }
#header h1 {
	position: absolute;
	top: 10px;
	width: 144px;
	height: 144px;
	margin: 0;
	display: block;
	float: left;
}
#header h1 a {
	width: 144px;
	height: 144px;
	display: block;
	background: url(../img/logotype.png) no-repeat;
	text-indent: -9999px;
}
#header nav {
	float: right;
	font: 14px 'Lato', 'sans-serif';
	text-transform: uppercase;
}
#header nav ul {
	padding: 0;
	margin: 46px 0;
	list-style: none;
}
#header nav ul li {
	z-index: 250;
	position: relative;
	margin-left: 50px;
	float: left;
	transition: all .2s linear;
}
#header nav ul li span {
	z-index: 250;
	position: relative;
	cursor: pointer;
}
#header nav ul li span::after {
	content: "";
	width: 5px;
	height: 11px;
	margin-left: 8px;
	display: inline-block;
	background: url(../img/nav-seta.png) no-repeat;
}
#header nav ul li a {
	color: #333;
	text-decoration: none;
	transition: all .2s linear;
}
#header nav ul li:hover,
#header nav ul li.current a,
#header nav ul li.current,
#header nav ul li:hover a { color: #a80808; }

#header nav ul li ul {
	z-index: 200;
	position: absolute;
	top: 0;
	padding: 70px 0 0;
	min-width: 115px;
	max-width: 225px;
	height: 0;
	margin: 0 0 0 -20px;
	opacity: 0;
	background: url(../img/bg-menu.png) top center no-repeat;
	color: #333;
	overflow: hidden;
	visibility: hidden;
	transition: all .1s linear;
}
#header nav ul li ul li {
	padding: 0 20px 15px;
	margin: 0;
	float: none;
}
#header nav ul li ul li a {
	display: block;
	color: #333 !important;
}
#header nav ul li ul li a:hover { color: #a80808 !important; }
#header nav ul li:hover > ul {
	padding: 70px 0 0;
	min-width: 115px;
	max-width: 225px;
	height: auto;
	opacity: 1;
	visibility: visible;
}

/* Banner Home
-------------------------------------------------------------------------------*/
#banner {
	height: 572px;
	background: #e6e4e4;
	overflow: hidden;
}
#banner .pageWrap {
	width: 1000px;
	margin: auto;
}
#banner img {
	width: 622px;
	height: 572px;
	float: left;
}
#banner .historia {
	padding: 40px;
	width: 378px;
	height: 388px;
	background: #a80808;
	overflow: hidden;
	color: #fff;
}
#banner .historia h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font: 25px 'Lato', 'sans-serif';
	text-transform: uppercase;
}
#banner .historia p { margin: 30px 0; }
#banner .historia a {
	text-decoration: none;
	color: #fff;
}

#banner .filhos {
	width: 378px;
	height: 184px;
	background: #fdaa04;
	overflow: hidden;
}
#banner .filhos ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#banner .filhos ul li {
	width: 126px;
	height: 46px;
	float: left;
}
#banner .filhos ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 46px;
	color: #fff;
}
#banner .filhos ul li:nth-child(1n) a { background: #fc8d02; }
#banner .filhos ul li:nth-child(2n) a { background: #fc8201; }
#banner .filhos ul li:nth-child(3n) a { background: #fc9903; }
#banner .filhos ul li:nth-child(4n) a { background: #fc8501; }
#banner .filhos ul li:nth-child(5n) a { background: #fc9302; }
#banner .filhos ul li:nth-child(6n) a { background: #fc8d02; }
#banner .filhos ul li:nth-child(7n) a { background: #fc9603; }
#banner .filhos ul li:nth-child(8n) a { background: #fc8401; }
#banner .filhos ul li:nth-child(9n) a { background: #fc9703; }
#banner .filhos ul li:nth-child(10n) a { background: #fc8401; }
#banner .filhos ul li:nth-child(11n) a { background: #fc9302; }

/* Main
-------------------------------------------------------------------------------*/
#main {
	padding: 40px 10px;
	width: 940px;
	overflow: hidden;
}

.content {
	width: 598px;
	margin-right: 48px;
	float: left;
}
.content header h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font: 25px 'Lato', 'sans-serif';
	text-transform: uppercase;
	color: #a80808;
}
.content .entry { margin-bottom: 10px; }
.content .entry h1 {
	margin: 0 0 25px;
	font-size: 180%;
}
.content .entry h2 {
	margin: 0 0 25px;
	font-size: 150%;
}
.content .entry h3 {
	margin: 0 0 25px;
	font-size: 140%;
}
.content .entry h4 {
	margin: 0 0 25px;
	font-size: 130%;
}
.content .entry iframe {
	width: 100%;
	height: auto;
	min-height: 380px;
	border: none;
	display: block;
}
.content .entry::after,
.content .entry::before {
	content: " ";
	clear: both;
}

/* Home
-------------------------------------------------------------------------------*/
#home .noticias {
	width: 275px;
	margin-right: 48px;
	margin-bottom: 66px;
	float: left;
}
#home .noticias ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#home .noticias ul li { margin-top: 20px; }
#home .noticias ul li time {
	font-size: 85%;
	margin-bottom: 5px;
}
#home .noticias ul li h3 {
	margin: 5px 0 10px;
	font-size: 16px;
	font-weight: lighter;
}
#home .noticias ul li a h3 { color: #333; }

#home .receita {
	position: relative;
	width: 275px;
	margin-bottom: 40px;
	float: left;
}
#home .receita img {
	width: 275px;
	height: 300px;
	display: block;
	box-shadow: -10px -10px #e5e5e5;
	transition: 0.5s opacity ease;
}
#home .receita img:hover {
	opacity: 0.5;
}
#home .receita h3 {
	top: 360px;
	right: 0;
	position: absolute;
	padding: 10px 15px;
	max-width: 300px;
	margin: 0;
	font-size: 16px;
	font-weight: lighter;
	background: #eee;
}
#home .receita h3 { color: #333; }
/* #home .receita a {
	bottom:-75px;
	right: 0;
	position: absolute;
	padding: 10px 15px;
	width: 235px;
	background: #eee;
} */

#home .galerias {
	width: 598px;
	clear: both;
}
#home .galerias ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#home .galerias ul li {
	position: relative;
	width: 172px;
	height: 150px;
	margin-right: 37px;
	display: inline-block;
	/*box-shadow: -10px -10px #e5e5e5;*/
	overflow: hidden;
	transition: all .2s linear;
}
#home .galerias ul li:nth-child(3n) { margin-right: 0; }
#home .galerias ul li img {
	width: auto;
	height: 100%;
	display: block;
}
#home .galerias h3 {
	bottom: 0;
	right: 0;
	/*position: absolute;*/
	padding: 8px 10px;
	max-width: 210px;
	margin: 0;
	font-size: 13px;
	font-weight: lighter;
	background: #eee;
	text-align: center;
}
#home .galerias a { display: block; }
#home .galerias a img { transition: all .2s linear; }
#home .galerias a:hover img { opacity: .5; }

/* Aniversariantes
-------------------------------------------------------------------------------*/
#aniversariantes .agenda {
	margin: 0 0 30px;
	overflow: hidden;
}
#aniversariantes .aniversarios {
	width: 279px;
	float: left;
}
#aniversariantes .aniversarios ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#aniversariantes .aniversarios ul li { padding: 5px 0; }
#aniversariantes .aniversarios ul li time {
	display: block;
	font-size: 80%;
}
#aniversariantes .aniversarios.proximos { margin-left: 40px; }

#aniversariantes #calendario {
	padding: 20px;
	margin-bottom: 30px;
	border: 3px solid #333;
	clear: both;
}
#aniversariantes #calendario .fc-header { margin-bottom: 18px; }
#aniversariantes #calendario .fc-header * {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	vertical-align: bottom;
}
#aniversariantes #calendario .fc-header h2 { margin-top: 2px; }
#aniversariantes #calendario .fc-header .fc-button {
	width: 27px;
	height: 27px;
	margin: 0 auto;
	display: block;
}
#aniversariantes #calendario .fc-header .fc-button .ui-icon {
	top: 0;
	width: 27px;
	height: 27px;
	border-radius: 25px;
	margin: auto;
	float: none;
	display: block;
}
#aniversariantes #calendario .fc-header .fc-button-prev .ui-icon { background: url(../img/seta-left-branca.png) no-repeat center center #a80808; }
#aniversariantes #calendario .fc-header .fc-button-next .ui-icon { background: url(../img/seta-right-branca.png) no-repeat center center #a80808; }
#aniversariantes #calendario .fc-content .fc-event {
	padding: 2px 3px;
	height: 16px;
	border: none;
	border-radius: 0;
	background: #a80808;
	font-size: 10px;
	font-family: 'Lato', 'sans-serif';
}
#aniversariantes #calendario .fc-content table {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#aniversariantes #calendario .fc-content table thead { background: #ddd; }
#aniversariantes #calendario .fc-content table thead th {
	padding: 8px 0;
	font-size: 18px;
	font-weight: 400;
}
#aniversariantes #calendario .fc-content table tbody {
	font-size: 18px;
	font-weight: 400;
}
#aniversariantes #calendario .fc-content table tbody td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#aniversariantes #calendario .fc-content table tbody td.fc-today > div {
	z-index: 5;
	position: relative;
	width: 77px;
	height: 77px;
	border: none;
	background: #a80808;
	font-weight: bolder;
	color: #fff;
}
#aniversariantes #calendario .fc-content table tbody td > div .fc-day-number {
	padding: 0;
	width: 100%;
	text-align: center;
	line-height: 77px;
}
#aniversariantes #calendario .fc-content table tbody td > div .fc-day-content {
	padding: 0;
	margin: 0;
	clear: none;
}
/*#calendario .fc-content table tbody td > div .fc-day-content { display: none; }*/

/* Árvore Genealógica
-------------------------------------------------------------------------------*/
#arvore-genealogica {
	width: 100%;
	margin: 0;
}
#arvore-genealogica #tree {
	height: 800px;
	margin-bottom: 40px;
}
#arvore-genealogica #tree-container {
	width: 100%;
	height: 800px;
	background: #e6e4e4;
	overflow: scroll;
}
#arvore-genealogica #tree-container .svg_container {
	margin: auto;
}
#arvore-genealogica .node { cursor: pointer; }
#arvore-genealogica .node circle {
	fill: #fff;
	stroke: #000;
	stroke-width: 2px;
}
#arvore-genealogica .node text { font: 12px sans-serif; }
#arvore-genealogica .link {
	fill: none;
	stroke: #ccc;
	stroke-width: 2px;
}

#arvore-genealogica .galerias { clear: both; }
#arvore-genealogica .galerias ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#arvore-genealogica .galerias ul li {
	position: relative;
	width: 199px;
	height: 177px;
	margin-right: 37px;
	display: inline-block;
	overflow: hidden;
}
#arvore-genealogica .galerias ul li:last-child { margin-right: 0; }
#arvore-genealogica .galerias ul li img {
	width: auto;
	height: 100%;
	display: block;
}
#arvore-genealogica .galerias h3 {
	position: relative;
	padding: 8px 10px;
	max-width: 250px;
	margin: 0;
	font-size: 13px;
	font-weight: lighter;
	background: #eee;
	text-align: right;
}
#arvore-genealogica .galerias a {
	width: 199px;
	height: 138px;
	display: block;
}
#arvore-genealogica .galerias a img { transition: all .2s linear; }
#arvore-genealogica .galerias a:hover img { opacity: .5; }

/* Depoimentos
-------------------------------------------------------------------------------*/
#depoimentos {}
#depoimentos ul {
	padding: 0;
	width: 598px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#depoimentos ul li {
	padding: 30px;
	width: 275px;
	margin-bottom: 48px;
	border: 3px solid #333;
	display: block;
	float: left;
	word-wrap: break-word;
	transition: all .2s linear;
}
#depoimentos ul li:nth-child(even) { margin-right: 0; }
#depoimentos ul li a {
	color: #333;
	transition: all .2s linear;
}
#depoimentos ul li blockquote {
	padding: 0;
	margin: 0;
}
#depoimentos ul li:hover { border-color: #a80808; }
#depoimentos ul li:hover a { color: #a80808; }

/* Noticias
-------------------------------------------------------------------------------*/
#noticias {}
#noticias ul {
	padding: 0;
	margin: 0 0 40px;
	list-style: none;
	overflow: hidden;
}
#noticias ul li {
	width: 275px;
	margin-top: 20px;
	margin-right: 48px;
	float: left;
}
#noticias ul li:nth-child(even) { margin-right: 0; }
#noticias ul li time {
	font-size: 85%;
	margin-bottom: 5px;
}
#noticias ul li a h3 { color: #333; }
#noticias ul li h3 {
	margin: 5px 0 10px;
	font-size: 16px;
	font-weight: lighter;
}

#galeria-noticias {
	padding: 0;
	margin: 30px 0 0;
	list-style: none;
}
#galeria-noticias::after,
#galeria-noticias::before {
	content: "";
	display: block;
	clear: both;
}
#galeria-noticias li {
	width: 121px;
	height: 121px;
	margin: 0 38px 38px 0;
	float: left;
	box-shadow: -10px -10px #e5e5e5;
	overflow: hidden;
}
#galeria-noticias li:nth-child(4n) { margin-right: 0; }
#galeria-noticias li a { display: block; }
#galeria-noticias li a img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all .2s linear;
}
#galeria-noticias li a:hover img { opacity: .5; }

/* Galerias
-------------------------------------------------------------------------------*/
#galeria .galerias {
	padding: 0;
	margin: 0;
	list-style: none;
}
#galeria .galerias li {
	position: relative;
	width: 172px;
	height: 200px;
	margin-right: 37px;
	display: inline-block;
	/*box-shadow: -10px -10px #e5e5e5;*/
	overflow: hidden;
}
#galeria .galerias li:nth-child(3n) { margin-right: 0; }
#galeria .galerias li img {
	width: auto;
	height: 100%;
	display: block;
}
#galeria .galerias h3 {
	bottom: 0px;
	right: 0;
	/*position: absolute;*/
	text-align: center;
	padding: 8px 10px;
	max-width: 210px;
	margin: 0;
	font-size: 13px;
	font-weight: lighter;
	background: #eee;
}
#galeria .galerias a { display: block; }
#galeria .galerias a img { transition: all .2s linear; }
#galeria .galerias a:hover img { opacity: .5; }

#fotos {
	position: relative;
	width: 598px;
	height: auto;
	max-height: 598px;
	margin: 0 0 10px;
	overflow: hidden;
}
#fotos .cycle-slideshow a {
	height: auto;
	max-height: 598px;
	line-height: 598px;
}
#fotos .cycle-slideshow a img {
	width: 598px;
	display: inline;
	vertical-align: middle;
}
#fotos .cycle-prev {
	z-index: 3000;
	top: 50%;
	left: 0;
	position: absolute;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	display: block;
	background: url(../img/seta-left.png) center center no-repeat #eee;
	text-indent: -9999px;
}
#fotos .cycle-next {
	z-index: 3000;
	top: 50%;
	right: 0;
	position: absolute;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	display: block;
	background: url(../img/seta-right.png) center center no-repeat #eee;
	text-indent: -9999px;
}

.thumb_holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.thumb img {
	width: 190px;
}

#thumbs {
	position: relative;
	min-width: 598px;
	margin-bottom: 40px;
}
#thumbs .cycle-slideshow {
	margin: auto;
}
#thumbs .cycle-slideshow img {
	padding-right: 6px;
	width: 120px;
	height: 78px;
	display: inline-block;
}
#thumbs .cycle-slideshow img:last-child { padding: 0; }
#thumbs .prev {
	z-index: 3000;
	top: 50%;
	left: 0;
	position: absolute;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	display: block;
	background: url(../img/seta-left.png) center center no-repeat #eee;
	text-indent: -9999px;
}
#thumbs .next {
	z-index: 3000;
	top: 50%;
	right: 0;
	position: absolute;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	display: block;
	background: url(../img/seta-right.png) center center no-repeat #eee;
	text-indent: -9999px;
}

/* Receitas
-------------------------------------------------------------------------------*/
#receitas-da-familia .receitas {
	padding: 0;
	margin: 40px 0 0;
	list-style: none;
}
#receitas-da-familia .receitas .receita:nth-child(even) { margin-left: 48px; }
#receitas-da-familia .receitas .receita {
	position: relative;
	width: 275px;
	margin-bottom: 100px;
	float: left;
}
#receitas-da-familia .receitas .receita img {
	width: 275px;
	height: 300px;
	display: block;
	box-shadow: -10px -10px #e5e5e5;
	transition: 0.5s opacity ease;
}
#receitas-da-familia .receitas .receita img:hover {
	opacity: 0.5;
}
#receitas-da-familia .receitas .receita h3 {
	top: 300px;
	right: 0;
	position: absolute;
	padding: 10px 15px;
	margin: 0;
	font-size: 16px;
	font-weight: lighter;
	background: #eee;
	max-height: 70px;
	overflow: hidden;
}
/* #receitas-da-familia .receitas .receita a {
	bottom: 0;
	right: 0;
	position: absolute;
	padding: 10px 15px;
	width: 235px;
	background: #eee;
} */

/* Forms
-------------------------------------------------------------------------------*/
form {  }
form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

form input {
	padding: 10px 12px;
	width: 100%;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
}
form input:hover {}
form input:focus {}

form textarea {
	padding: 10px 12px;
	width: 100%;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: none;
}
form textarea:hover {}
form textarea:focus {}

.form-inline { margin-bottom: 15px; }
.form-inline .form-group { display: inline-block; }

.form-row {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 15px;
}
.form-row .form-group { padding: 0 15px; }
.form-row .half-size { float: left; }
.form-row .half-size { width: 50%; }
.form-row::before {
	content: " ";
	display: table;
}
.form-row::after {
	content: " ";
	clear: both;
	display: table;
}

.btn {
	padding: 6px 12px;
	margin-bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	outline: none;
	display: inline-block;
	background: #333;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Aside
-------------------------------------------------------------------------------*/
aside {
	width: 274px;
	float: left;
}
aside .widget { margin-bottom: 40px; }
aside .widget h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font: 25px 'Lato', 'sans-serif';
	text-transform: uppercase;
	color: #333;
}

aside #depoimento {
	padding: 30px;
	border: 3px solid #333;
	transition: all .2s linear;
}
aside #depoimento a {
	color: #333;
	transition: all .2s linear;
}
aside #depoimento blockquote {
	padding: 0;
	margin: 0;
}
aside #depoimento:hover { border-color: #a80808; }
aside #depoimento:hover a { color: #a80808; }

aside #arvore {
	position: relative;
	width: 274px;
	height: 183px;
	margin-bottom: 0;
	overflow: hidden;
}
aside #arvore .info {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 20px;
	width: 246px;
	height: 156px;
	margin: -78px 0 0 -123px;
	background: rgba(238,238,238,.8);
}
aside #arvore .info h2 { margin-bottom: 10px; }
aside #arvore img {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	display: block;
}
aside #arvore a.more::after { margin-left: 20px; }
aside #arvore a.more:hover::after { margin-left: 25px; }

aside #receita {
	position: relative;
	width: 275px;
	margin-bottom: 100px;
	float: left;
}
aside #receita img {
	width: 275px;
	height: 300px;
	display: block;
	box-shadow: -10px -10px #e5e5e5;
}
aside #receita h3 {
	top: 360px;
	right: 0;
	position: absolute;
	padding: 10px 15px;
	margin: 0;
	font-size: 16px;
	font-weight: lighter;
	background: #eee;
	max-height: 70px;
	overflow: hidden;
}
aside #receita a {
	bottom: 0;
	right: 0;
	position: absolute;
	padding: 10px 15px;
	width: 235px;
	background: #eee;
}

/* Footer
-------------------------------------------------------------------------------*/
footer {
	margin-bottom: 20px;
	text-align: center;
}
footer .redes-sociais {
	padding: 20px 0;
	margin-bottom: 20px;
	display: block;
	background: #e6e4e4;
	font: 30px 'Lato', 'sans-serif';
	text-transform: uppercase;
	text-align: center;
}
/* footer span a {
	position: relative;
	width: 710px;
	height: 24px;
	margin: auto;
	display: block;
	line-height: 48px;
	color: #333;
}  */
footer .redes-sociais .fb, footer .redes-sociais .ig {
	position: relative;
	bottom: -7px;
	margin-left: 20px;
	display: inline-block;
	width: 42px;
	height: 42px;
	border: 3px solid #333;
	background: url(../img/facebook.png) center center no-repeat;
	transition: all .2s linear;
}
footer .redes-sociais .ig {
	background: url(../img/instagram.png) center center no-repeat;
}
footer .redes-sociais .fb:hover {
	background: url(../img/facebook-hover.png) center center no-repeat #333;
}
footer .redes-sociais .ig:hover {
	background: url(../img/instagram-hover.png) center center no-repeat #333;
}
footer span a:hover::before { opacity: 1; }
footer p {
	margin: 0 0 10px;
	font-size: 80%;
	color: #b3b3b3;
} 
footer .quax {
	width: 20px;
	height: 20px;
	margin: auto;
	display: block;
	background: url(../img/quax.png) no-repeat;
	text-indent: -9999px;
}

/* Tablet Retrato */
@media screen and (max-width: 1024px) and (orientation: portrait) {

	#banner .pageWrap {
		width: 100%;
	}

	#banner {
		height: 359px;	
	}

	#banner img {
		width: 390px;
		height: auto;
	}

	#banner .historia {
		padding: 20px;
		width: 378px;
		height: 278px;
	}

	#banner .historia h2 {
		margin-bottom: 10px;
	}

	#banner .historia p {
		margin: 10px 0;
	}	

	#banner .filhos {
		height: 81px;
	}

	#banner .filhos ul li {
		width: 94px;
		height: 27px;
	}

	#banner .filhos ul li a {
		line-height: 27px;
	}

	.content {
		width: 100%;
		margin-right: 0;
	}

	#home .noticias {
		width: 50%;
	}

	#home .receita {
		float: right;
		margin-right: 20px;
	}

	#home .galerias {
		width: 100%;
	}

	#home .galerias ul li {
		margin: 0 38px;
	}

	aside {
		width: 100%;
	}

	aside #arvore {
		margin: auto;
	}

	#main {
		width: 100%;
	}

	.pageWrap {
		width: 100%;
	}

	.form-row .half-size {
		width: 50%;
	}

	#noticias ul li {
		width: 275px;
	}

	#galeria-noticias {
		margin: 30px auto 0;
		width: 600px;
	}

	#galeria .galerias {
		width: 600px;
		margin: 0 auto;
	}

	#galeria .galerias li {
		height: 170px;
		margin-bottom: 28px;
	}

	.content header h2 {
		text-align: center;
	}

	.content .entry {
		width: 600px;
		margin: 0 auto 10px;
	}

	.content header h2 {
		margin: 0 auto;
		margin-bottom: 10px;
	}

	#receitas-da-familia .receitas {
		margin: 40px auto 0;
		width: 600px;
	}

	aside #depoimento {
		width: 600px;
		margin: 0 auto 40px;
	}

	#header nav ul li {
		margin-left: 25px;
	}

	#header nav ul li:last-child {
		margin-right: 25px;
	}

	#arvore-genealogica #tree-container {
		height: 440px;
		overflow: scroll;
	}

	#arvore-genealogica .galerias ul li {
		width: 198px;
		margin: 5px 50px;
	}
}

/* Celular Retrato */
@media screen and (max-width: 500px) {
	#banner {
		height: 800px;
	}

	#banner img {
		width: 100%;
	}

	#banner .historia {
		width: 100%;
		height: 308px;
	}	

	#banner .filhos {
		height: 194px;
		width: 100%;
	}

	#banner .filhos ul li {
		width: 50%;
	}

	#home .noticias {
		width: 100%;
	}

	#home .receita {
		margin-right: 30px;
		margin-bottom:  100px;
	}

	#home .galerias ul li {
		margin: 0 0px;
		width: 160px;
	}

	#home .galerias ul li img {
		width: auto;
	}

	aside #depoimento {
		width: 100%;
	}

	footer .redes-sociais {
		padding: 20px 0 100px;
		position: relative;
	}

	footer .redes-sociais .fb {
		position: absolute;
		top: 120px;
		left: 30%;
	}

	footer .redes-sociais .ig {
		position: absolute;
		top: 120px;
		right: 30%;
	}

	.content .entry {
		width: 100%;
	}

	#aniversariantes .aniversarios {
		width: 50%;
	}

	#aniversariantes .aniversarios.proximos {
		margin-left: 0;
	}

	#aniversariantes #calendario {
		padding: 10px 0;
		margin: 0 -10px 10px;
	}

	#arvore-genealogica .galerias a {
		width: 167px;
	}

	#arvore-genealogica .galerias ul li {
		width: 167px;
	}

	#arvore-genealogica .galerias ul li img {
		width: 100%;
	}

	#depoimentos ul {
		width: 100%;
	}

	#depoimentos ul li {
		width: 100%;
		margin-bottom: 20px;
	}

	#form-depoimento .form-row .half-size {
		width: 100%;
	}

	aside #receita { 
		float: none;
		margin: 0 auto;
		margin: 10px auto 100px;
	}

	#galeria .galerias {
		width: 100%;
	}

	#galeria .galerias li {
		width: 167px;
		margin-right: 0;
	}

	#galeria .galerias {
		width: 100%;
	}

	#galeria .galerias li {
		width: 168px;
		margin-right: 0;
	}

	#receitas-da-familia .receitas {
		width: 100%;
	}

	#receitas-da-familia .receitas .receita {
		float: none;
		margin: 0px auto 100px;
	}

	#receitas-da-familia .receitas .receita:nth-child(2n) {
		margin-left: inherit;
	}

	#receitas-da-familia .alignLeft {
		margin: 0px auto 30px;
		width: 100%;
		float: none;
	}

	#fotos {
		width: 100%;
	}

	#fotos .cycle-slideshow a img {
		width: 100%;
	}

	#fotos .cycle-slideshow a {
		height: auto;
		max-height: none;
		line-height: unset;
	}

	.thumb img {
		width: 160px;
	}

	#thumbs {
		min-width: 100%;
	}

	#thumbs .cycle-slideshow img {
		width: 115px;
	}

	#galeria-noticias {
		width: 100%;
	}

	#galeria-noticias li {
		width: 43%;
		height: 43%;
		margin: 10px;
	}

	#arvore-genealogica .galerias ul li {
		width: 167px;
		margin: 0;
	}

	#header nav {
		float: none;
		height: 1920px;
		overflow: hidden;
	}

	#menuToggle {
		display: block;
		position: relative;
		top: 50px;
		left: 270px;
		z-index: 1;
		-webkit-user-select: none;
		-moz-user-select: none;
		width: 100%;
		pointer-events: all;
	}

	#menuToggle input
	{
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;
	  
	  cursor: pointer;
	  
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	  
	  -webkit-touch-callout: none;
	}

	/*
	 * Just a quick hamburger
	 */
	#menuToggle span
	{
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;
	  
	  background: #cdcdcd;
	  border-radius: 3px;
	  
	  z-index: 1;
	  
	  transform-origin: 4px 0px;
	  
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              opacity 0.55s ease;
	}

	#menuToggle span:first-child
	{
	  transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: #232323;
	}

	/*
	 * But let's hide the middle one.
	 */
	#menuToggle input:checked ~ span:nth-last-child(3)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2)
	{
	  transform: rotate(-45deg) translate(0, -1px);
	}

	/*
	 * Make this absolute positioned
	 * at the top left of the screen
	 */
	
	#menu
	{
	  position: absolute;
	  right: 270px;
	  width: 100%;
	  margin: -100px 0 0 -50px !important;
	  padding: 50px !important;
	  padding-top: 125px !important;
	  
	  background: #ededed;
	  list-style-type: none;
	  -webkit-font-smoothing: antialiased;
	  /* to stop flickering of text in safari */
	  
	  transform-origin: 0% 0%;
	  transform: translate(100%, 0);
	  
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}

	#menu li
	{
	  padding: 10px 0;
	  font-size: 22px;
	  float: none !important;
	  margin: 0 !important;
	  color: #a80808;
	  cursor: pointer;
	}

	#menu .secondary {
		height: 0px;
		opacity: 0;
		padding: 0;
		transition: 0.5s all ease;
	}

	#menu .secondary-active {
		height: auto;
		opacity: 1;
		padding: 10px;
		margin-left: 10px;
	}

	/*
	 * And let's slide it in from the left
	 */
	#menuToggle input:checked ~ ul
	{
	  transform: none;
	}

	#header {
		position: fixed;
		width: 100%;
		z-index: 100000;
		pointer-events: none;
		top: 0px;
	}

	body {
		padding-top: 110px;
	}
}