/* Basic */

body {
	font-family: 'Patrick Hand SC';
	font-size: 18px;
	line-height: 1.4;
	color: #831901;
	background: #FFEEDD url(../images/bg-site.jpg);
}

a { color: inherit; }

.container {
	width: 900px;
	margin: 0 auto;
}

/* Main */

.main {
	width: 100%;
	min-height: 1000px;
	background: url(../images/bg-main.jpg) no-repeat 50% 0;
	margin-bottom: 100px;
	overflow: auto;
	animation: fadeIn 0.8s ease both;
}

.title-page {
	height: 102px;
	line-height: 102px;
	font-family: Georgia;
	font-size: 31px;
	text-transform: uppercase;
	background: url(../images/bg-title-page.png) no-repeat;
	padding-left: 65px;
	margin-left: -65px;
}

/* Nav */

#nav-principal {
	position: relative;
	top: 0;
	width: 1002px;
	height: 310px;
	background: url(../images/bg-nav.png) no-repeat;
	margin: 50px auto;
	z-index: 999;
	animation: fadeInDown 0.8s ease 0.4s both;
}

#nav-principal .link-contato {
	position: absolute;
	width: 180px;
	height: 146px;
	top: 45px;
	right: 90px;
	z-index: 1000;
}

#nav-principal .link-home {
	position: absolute;
	width: 349px;
	height: 310px;
	top: 0;
	left: 50%;
	margin-left: -174px;
	z-index: 1000;
}

.nav-principal-container {
	position: absolute;
	bottom: 26px;
	width: 100%;
	padding: 0 35px;
}

.nav-principal-container .home {
	position: absolute;
	top: 0;
	left: -30px;
	width: 30px;
	height: 29px;
	background: url(../images/i-home.png) no-repeat;
	transition: transform 0.4s ease;
}

.nav-principal-container .home:hover { transform: translateY(-5px); }

#nav-principal li { display: inline; }

#nav-principal li a {
	float: left;
	color: #fff;
	font-size: 29px;
	text-transform: lowercase;
	padding: 0 20px;
	letter-spacing: 4px;
	transition: color 0.4s ease;
}

#nav-principal li a:hover,
#nav-principal li .active { color: #831B03; }






#nav-principal .facebook-content {
	float: right;
	margin-top: -50px;
}

#nav-principal .facebook-content p {
	float: left;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 2px;
	color: #fff;
	padding: 8px 0;
	margin: 30px 10px 0 0;
	text-align: right;
}

#nav-principal .social {
	overflow: hidden;
	width: 40px;
	height: 91px;
	background: url(../images/bg-social.png) no-repeat 50% 0;
}

#nav-principal .social .facebook {
	display: block;
	width: 40px;
	height: 40px;
	background: #FAB61D url(../images/i-facebook.png) no-repeat 50%;
	border: 2px solid #831B03;
	margin-top: 30px;
	transition: transform 0.4s ease;
}

#nav-principal .social .facebook:hover { transform: translateY(-5px); }









#nav-principal-alt { display: none; }

#nav-principal-alt .logo {
	display: block;
	width: 235px;
	height: 210px;
	background: url(../images/logo-alt.png) no-repeat;
	margin: 20px auto;
}

#nav-principal-alt ul { text-align: center; }

#nav-principal-alt li a {
	display: block;
	background: #F7B620;
	color: #fff;
	font-size: 24px;
	text-transform: lowercase;
	padding: 0 20px;
	letter-spacing: 4px;
	transition: color 0.4s ease;
}

#nav-principal-alt li a:hover { color: #831B03; }

/* Common */

.nav-pager { float: right; }

.nav-pager a {
	float: left;
	width: 34px;
	height: 34px;
}

.nav-pager .prev { background: #831B03 url(../images/nav-pager.png) no-repeat 0 0; }
.nav-pager .next { background: #831B03 url(../images/nav-pager.png) no-repeat -34px 0; }

.nav-pager a:hover { background-color: #a42204; }

/* Footer */

#footer {
	position: relative;
	width: 100%;
	height: 372px;
	background: url(../images/bg-footer.jpg) no-repeat 50% 0;
	margin-top: 35px;
}

#footer:before {
	position: absolute;
	content: "";
	top: -35px;
	left: 0;
	width: 100%;
	height: 35px;
	background: url(../images/bg-footer-complemento.png) no-repeat 50% 0;
}

#footer .dicas {
	float: right;
	width: 60%;
	height: 234px;
	padding-top: 20px;
}

#footer .dicas article {
	float: left;
	width: 45%;
}

#footer .dicas article time {
	display: block;
	font-size: 13px;
	color: #591101;
}

#footer .dicas article h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

#footer .dicas article p { font-size: 18px; }

#footer .info {
	float: right;
	width: 70%;
	height: 108px;
}

#footer .info ul {
	float: left;
	margin-top: 24px;
}

#footer .info li {
	display: block;
	font-family: Gotham;
	font-weight: 700;
	color: #fff;
	line-height: 25px;
}

#footer .info .li-telefone {
	font-size: 20px;
	margin: 0 0 10px 20px;
}

#footer .info .li-email { font-size: 16px; }

.i-footer-info {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/i-footer-info.png) no-repeat;
	margin-right: 10px;
	vertical-align: top;
}

.info .i-telefone { background-position: 0 0; }
.info .i-email { background-position: -25px 0; }

#footer .social {
	float: right;
	width: 36px;
	height: 91px;
	background: url(../images/bg-social.png) no-repeat;
}

#footer .social .facebook {
	display: block;
	width: 36px;
	height: 36px;
	background: #fff url(../images/i-facebook.png) no-repeat 50%;
	margin-top: 30px;
	transition: transform 0.4s ease;
}

#footer .social .facebook:hover { transform: translateY(-5px); }

#footer .copy {
	float: right;
	width: 84%;
	height: 30px;
}

#footer .copy p {
	float: left;
	font-family: Gotham;
	font-size: 12px;
	line-height: 30px;
	font-weight: 300;
	color: rgba(255,255,255,0.5);
}

#footer .logo-jwm {
	float: right;
	width: 39px;
	height: 30px;
	background: url(../images/logo-jwm.png) no-repeat 0 50%;
}

/* Footer Alt */

#footer-alt { display: none; }

#footer-alt .dicas {
	background: #F7B521;
	padding: 20px 10px;
}

#footer-alt .dicas article { margin-bottom: 20px; }

#footer-alt .dicas h2 {
	font-size: 20px;
	margin-bottom: 20px;
}

#footer-alt .dicas article time {
	display: block;
	font-size: 13px;
	color: #591101;
}

#footer-alt .dicas article h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

#footer-alt .dicas article p { font-size: 18px; }

#footer-alt .info {
	position: relative;
	background: #831B02;
	padding: 20px 10px;
}

#footer-alt .info li {
	display: block;
	font-family: Gotham;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 25px;
	margin: 10px 0;
}

#footer-alt .facebook {
	position: absolute;
	top: 0;
	right: 10px;
	width: 36px;
	height: 36px;
	background: #fff url(../images/i-facebook.png) no-repeat 50%;
	transition: transform 0.4s ease;
}

#footer-alt .social .facebook:hover { transform: translateY(-5px); }

#footer-alt .copy {
	background: #591102;
	padding: 20px 10px;
}

#footer-alt .copy p {
	font-family: Gotham;
	font-size: 12px;
	font-weight: 300;
	color: rgba(255,255,255,0.5);
}

#footer-alt .logo-jwm {
	float: right;
	width: 39px;
	height: 30px;
	background: url(../images/logo-jwm.png) no-repeat 0 50%;
}