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

/* Normalizando */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	vertical-align:baseline;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Base   */


html {
    width: 100%;
	height:100%;
}

body {
    width:100%;
	height:100%;  
	color: #000;
	background: #FFF;
	min-width: 300px;
}

a, a:hover, a:visited, a:link {
	display: block;
    text-decoration: none;
}

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

.clear {
	clear: both;
}
.bx-viewport {
	padding:0;
	height: 160px;
}		
.slicknav_menu {
	display:none;
}

.transition {
	transition: all 0.2s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.font1 { font-family: 'kenfolg', Arial, sans-serif; }
.font2 { font-family: 'montserrat', Arial, sans-serif; }

.branco { color: #FFF; }
.ouro { color: #F1AB2F; }
.cinza { color: #1D1D1D; }
.azul { color: #10283F; }

.tam12 { font-size: 12px; }
.tam14 { font-size: 14px; }
.tam16 { font-size: 16px; }
.tam18 { font-size: 18px; }
.tam20 { font-size: 20px; }
.tam25 { font-size: 25px; }
.tam30 { font-size: 30px; }
.tam35 { font-size: 35px; }
.tam40 { font-size: 40px; }
.tam45 { font-size: 45px; }
.tam50 { font-size: 50px; }

.mai { text-transform: uppercase; }

.bold { font-weight: 700; }

.grecaptcha-badge {
	right: -300px !important;
}
input {
	border-radius: 5px;
	border: 1px solid #10283F;
	font-family: 'montserrat', Arial, sans-serif;
	font-size: 14px;
	color: #10283F;
	background: none;
	padding: 7px 15px;
}
	input::placeholder {
		color: #10283F;
	}
	input.submit {
		cursor: pointer;
		width: 150px !important;
	}
		input.submit:hover {
			color: #FFF;
			background: #10283F;
		}

textarea {
	border-radius: 5px;
	border: 1px solid #10283F;
	font-family: 'montserrat', Arial, sans-serif;
	font-size: 14px;
	color: #10283F;
	background: none;
	padding: 7px 15px;
}
	textarea::placeholder {
		color: #10283F;
	}
	textarea.submit {
		cursor: pointer;
		width: 150px !important;
	}
		textarea.submit:hover {
			color: #FFF;
			background: #10283F;
		}

a#whats {
	display: inline-block;
	width: auto;
	border-radius: 50px;
	padding: 6px 15px 6px 40px;
	border: 1px solid #42BF5A;
	background: #42BF5A url("/public/img/layout/default/iwhats.png ") 14px 7px no-repeat;
	background-size: 15px;
}
	a#whats:hover {
		background: url("/public/img/layout/default/iwhats.png ") 14px 7px no-repeat;
	}

.sonar-wrapper {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	overflow: hidden;
	padding: 100px 10px 10px 100px;
	z-index: 99999;
}

/* The circle */
.sonar-emitter {
	position: relative;
	margin: 0 auto;
	width: 85px;
	height: 85px;
	border-radius: 9999px;
	background: url(/public/img/layout/default/whatsfixed.png) center center no-repeat;
	background-size: 70% 70%;
}

/* the 'wave', same shape and size as its parent */
.sonar-wave {
	display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #56d062;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.sonar-wave {
  animation: sonarWave 3s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}

#avisopoliticas {
	display: block;
	position: fixed;
	bottom: -120px;
	height: 120px;
	background-color: #FFF;
	z-index: 999999999;
	width: 100%;
	box-shadow: 0 -3px 10px rgb(0 0 0 / 0.2);
}
	#avisopoliticas span.maior {
		display: inline-block;
		width: 60%;
		padding: 15px;
	}
		#avisopoliticas span.maior a {
			color: #10283F;
			display: inline-block;
		}
	#avisopoliticas span.menor {
		display: inline-block;
		width: 30%;
		padding: 15px;
		
			vertical-align: top;
	}
		#avisopoliticas span.menor a.bnaceito {
			display: inline-block;
			width: auto;
			padding: 10px;
			border:1px solid #CCC;
			background-color: #EDEDED;
			color: #999;
			vertical-align: top;
			border-radius: 5px;
		}
			#avisopoliticas span.menor a.bnaceito:hover {
				background-color: #FFF;
			}
		#avisopoliticas span.menor a.baceito {
			display: inline-block;
			width: auto;
			padding: 10px;
			border:1px solid #10283F;
			background: #10283F;
			color: #FFF;
			margin-left: 20px;
			vertical-align: top;
			border-radius: 5px;
		}
			#avisopoliticas span.menor a.baceito:hover {
				background: #FFF;;
				color: #10283F;
			}

#alinhar {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#topo {
	position: relative;
	width: 100%;
	height: 470px;
	background: url("/public/img/layout/default/trabalhista.png ") center center;
	background-size: cover;
}
	#topo.dest2 {
		height: 300px !important;
	}
	#topo.demissao {
		background: url("/public/img/layout/default/demissao.png ") center center;
		background-size: cover;
	}
	#topo #logo {
		display: block;
		width: 139px;
		height: 41px;
		float: left;
		margin: 20px 0 0 0;
	}
	#topo #menu {
		display: block;
		float: left;
		width: 700px;
		margin: 25px 0 0 60px;
	}
		#topo #menu ul {
			display: inline-block;
			width: 100%;
		}
		#topo #menu ul li {
			display: inline-block;
			width: auto;
		}
		#topo #menu a {
			display: inline-block;
			width: auto;
			padding: 5px 15px;
		}
			#topo #menu a:hover, #topo #menu a.active {
				color: #F1AB2F !important;
			}
		#topo #menu a.atend {
			display: inline-block;
			width: auto;
			padding: 5px 12px 5px 35px;
			border: 1px solid #FFF;
			border-radius: 20px;
			background: url("/public/img/layout/default/wWhite.png") 12px 6px no-repeat;
			background-size: 14px;
		}
			#topo #menu a.atend:hover {
				border: 1px solid #F1AB2F;
				color: #F1AB2F !important;
			}
	#topo ul#redes {
		display: block;
		width: 80px;
		height: 40px;
		float: right;
		margin: 25px 0 0 0;
	}
		#topo ul#redes li {
			display: inline-block;
			width: 30px;
			height: 30px;
			margin: 0 1px;
		}
			#topo ul#redes li a#face {
				display: block;
				width: 30px;
				height: 30px;
				background: url("/public/img/layout/default/icones/iFace1.png") center center no-repeat;
				background-size: 9px;
			}
			#topo ul#redes li a#insta {
				display: block;
				width: 30px;
				height: 30px;
				background: url("/public/img/layout/default/icones/iInsta1.png") center center no-repeat;
				background-size: 22px;
			}
	#topo #destaque {
		display: inline-block;
		width: 100%;
		margin: 20px 0 0 0;
	}
		#topo #destaque #esq {
			display: inline-block;
			width: 500px;
			margin: 90px 100px 0 0;
		}
			#topo #destaque #esq h1 {
				line-height: 110%;
				width: 500px;
			}
			#topo #destaque #esq h2 {
				line-height: 140%;
				padding: 20px 0 0 0;
				text-align: justify;
			}
			#topo #destaque #esq #whats {
				margin: 20px 0 0 0;
			}
		
		#topo #destaque #esq2 {
			display: inline-block;
			width: 100%;
			text-align: center;
			margin: 20px 0 20px 0;
		}
			#topo #destaque #esq2 h1 {
				display: inline-block;
				line-height: 110%;
				width: 500px;
				text-align: center;
			}
			#topo #destaque #esq2 h2 {
				display: inline-block;
				width: 700px;
				line-height: 140%;
				text-align: center;
				padding: 20px 0 0 0;
			}
		#topo #destaque #dir {
			display: inline-block;
			width: 300px;
			height: 335px;
			padding: 20px;
			margin: 10px 0 0 0;
			background: #D79B52;
			vertical-align: top;
		}
			#topo #destaque #dir form {
				display: inline-block;
				text-align: center;
			}
			#topo #destaque #dir input {
				display: inline-block;
				width: 260px;
				margin: 5px 0;
			}
			#topo #destaque #dir textarea {
				display: inline-block;
				width: 260px;
				height: 60px;
				margin: 5px 0;
			}
			#topo #destaque #dir h1 {
				line-height: 120%;
			}
			#topo #destaque #dir h2 {
				line-height: 140%;
				padding: 10px 0 20px 0;
			}

#oadv {
	position: relative;
	width: 100%;
	padding: 50px 0;
}
	#oadv #esq {
		display: inline-block;
		width: 500px;
		margin: 0 0 0 0;
	}
		#oadv #esq h3 {
			display: inline-block;
			width: 100%;
			margin: 0 0 0 0;
		}
		#oadv #esq .traco {
			display: inline-block;
			width: 50px;
			height: 2px;
			background: #F1AB2F;
			margin: 0 0 0 0;
		}
		#oadv #esq h2 {
			display: inline-block;
			width: 100%;
			line-height: 140%;
			text-align: justify;
			padding: 10px 0 0 0;
		}
		#oadv #esq h1 {
			display: inline-block;
			width: 100%;
			margin: 0 0 0 0;
		}
	#oadv #dir {
		display: inline-block;
		width: 400px;
		margin: 0 0 0 50px;
		background: url("/public/img/layout/default/kgrande.png ") right top no-repeat;
		background-size: 320px;
		vertical-align: top;
	}
		#oadv #dir img {
			display: inline-block;
			width: 280px;
			height: 380px;
			border-radius: 20px;
			margin: 100px 0 0 0;
		}
		#oadv #dir span {
			display: inline-block;
			width: 110px;
			font-weight: 700;
			padding: 0 0 20px 0;
		}

#video {
	position: relative;
	width: 100%;
	padding: 20px 0;
	background: #F4F4F4;
	text-align: center;
}
	#videoyt {
		display: inline-block;
		width: 860px;
		height: 500px;
	}


#areas {
	position: relative;
	width: 100%;
	padding: 50px 0;
	background: url("/public/img/layout/default/areas.png ") center center no-repeat;
	background-size: cover;
}
	#areas #esq {
		display: inline-block;
		width: 100%;
		margin: 0 0 40px 0;
		vertical-align: top;
		text-align: center;
	}
		#areas #esq h1 {
			display: inline-block;
			width: 100%;
			line-height: 110%;
		}
		#areas #esq #whats {
			margin: 20px 0 0 0;
		}
	#areas .bx-viewport {
		height: 300px !important;
	}
	#areas #dir {
		display: inline-block;
		width: 100%;
		margin: 0 0 0 0;
	}
		#areas #dir ul {
			display: inline-block;
			width: 100%;
			margin: 0 0 0 0;
		}
			#areas #dir ul li {
				display: inline-block;
				width: 450px;
				padding: 0;
				margin: 0 10px;
			}
				#areas #dir ul li img {
					display:inline-block;
					width: 180px;
					height: 280px;
					vertical-align: top;
					border-radius: 20px;
				}
				#areas #dir ul li #diri {
					display:inline-block;
					width: 220px;
					margin: 0 0 0 20px;
					vertical-align: top;
				}
					#areas #dir ul li #diri .tt {
						display:inline-block;
						width: 100%;
					}
					#areas #dir ul li #diri .ts {
						display:inline-block;
						width: 100%;
						padding: 20px 0 40px 0;
					}
					#areas #dir ul li #diri a {
						display:inline-block;
						width: auto;
						padding: 10px 20px;
						border: 1px solid #F1AB2F;
						border-radius: 20px;
					}
						#areas #dir ul li #diri a:hover {
							border: 1px solid #FFF;
							color: #FFF;
						}

#privacidade {
	position: relative;
	width: 100%;
	padding: 50px 0;
}
	#privacidade p {
		line-height: 160%;
		text-align: justify;
		padding: 15px 0 15px 0;
	}
	#privacidade ul {
		line-height: 160%;
		text-align: justify;
		padding: 20px 0 30px 50px;
	}
	#privacidade ul li {
		list-style-type: disc;
	}

#historias {
	position: relative;
	width: 100%;
	padding: 50px 0;
}
	#historias .title {
		display: inline-block;
		width: 100%;
		text-align: center;
		line-height: 100%;
		padding: 0 0 50px 0;
	}
	#historias #alinhar li {
		display: inline-block;
		width: 500px !important;
		text-align: left;
		padding: 0 0 0 0;
	}
		#historias #alinhar li img {
			display: inline-block;
			width: 150px;
			height: 190px;
			border-radius: 10px;
		}
		#historias #alinhar li #dir {
			display: inline-block;
			width: 280px;
			margin: 0 0 0 20px;
			vertical-align: top;
		}
			#historias #alinhar li #dir .t1 {
				display: inline-block;
				width: 100%;
				height: 140px;
				padding: 0 0 0 0;
				line-height: 140%;
			}
			#historias #alinhar li #dir .t2 {
				display: inline-block;
				width: 100%;
				padding: 0 0 0 0;
			}
			#historias #alinhar li #dir .t3 {
				display: inline-block;
				width: 100%;
				padding: 0 0 0 0;
			}

#rodape {
	position: relative;
	width: 100%;
	padding: 50px 0 0 0;
	background: #10283F url("/public/img/layout/default/backeffect.png") center center no-repeat;
	background-size: cover;
}
	#rodape #top {
		display: inline-block;
		width: 100%;
		height: 120px;
	}
		#rodape #top img {
			display: inline-block;
			width: 190px;
			height: auto;
		}
		#rodape #top #col {
			display: inline-block;
			width: 190px;
			vertical-align: top;
			margin: 15px 0 0 60px;
			background: url("/public/img/layout/default/coluna.png") left top no-repeat;
			background-size: 20px;
			padding: 2px 0 5px 40px;
		}
		#rodape #top #col2 {
			display: inline-block;
			width: 270px;
			vertical-align: top;
			margin: 15px 0 0 50px;
			background: url("/public/img/layout/default/coluna.png") left top no-repeat;
			background-size: 20px;
			padding: 2px 0 5px 40px;
		}
		#rodape #top ul {
			display: inline-block;
			width: 110px;
			margin: 20px 0 0 10px;
			vertical-align: top;
		}
			#rodape #top ul li {
				display: inline-block;
				width: 50px;
				height: 35px;
			}
				#rodape #top ul li a#face {
					display: block;
					width: 35px;
					height: 35px;
					background: url("/public/img/layout/default/frodape.png") left top no-repeat;
					background-size: cover;
				}
				#rodape #top ul li a#insta {
					display: block;
					width: 35px;
					height: 35px;
					background: url("/public/img/layout/default/irodape.png") left top no-repeat;
					background-size: cover;
				}

	#rodape #esq {
		display: inline-block;
		width: 350px;
		height: 350px;
		vertical-align: top;
		background: url("/public/img/layout/default/krodape.png") left bottom no-repeat;
		background-size: 350px;
	}
		#rodape #esq h1 {
			display: inline-block;
			width: 290px;
			line-height: 110%;
			padding:  160px 0 0 0;
			vertical-align: bottom;
		}

	#rodape #dir {
		display: inline-block;
		width: 550px;
		vertical-align: top;
		margin: 0 0 0 50px;
	}
		#rodape #dir #box {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			border-top: 1px solid #F1AB2F;
			border-bottom: 1px solid #F1AB2F;
			padding: 40px 20px;
		}
			#rodape #dir #box ul {
				display: inline-block;
				width: 250px;
				vertical-align: top;
			}
				#rodape #dir #box ul span {
					display: inline-block;
					width: 100%;
					vertical-align: top;
					padding: 0 0 10px 0;
				}
				#rodape #dir #box ul li {
					display: inline-block;
					width: 100%;
					vertical-align: top;
				}
					#rodape #dir #box ul li a {
						display: block;
						padding: 5px 0;
						
					}
						#rodape #dir #box ul li a:hover  {
							color: #F1AB2F !important;

						}

		#rodape #dir #copy {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			padding: 20px 0 0 0;
			text-align: center;
		}
@media screen and (max-width: 1466px) {
	

	
}


@media screen and (max-width: 1224px) {
	

	
	
}

@media screen and (max-width: 810px) {
	
	
	
}

@media screen and (max-width: 768px) {
	
	body {
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	}
	
	.slicknav_menu {
		display: block;
	}
	
	.tam12 { font-size: 12px; }
	.tam14 { font-size: 14px; }
	.tam16 { font-size: 14px; }
	.tam20 { font-size: 14px; }
	.tam25 { font-size: 20px; }
	.tam30 { font-size: 30px; }
	.tam35 { font-size: 25px; }
	.tam40 { font-size: 30px; }
	.tam45 { font-size: 45px; }
	.tam50 { font-size: 30px; }

	.mai { text-transform: uppercase; }
	
	.sonar-wrapper {
		position: fixed;
		right: 0px;
		bottom: 0px;
		z-index: 0;
		overflow: hidden;
		padding: 50px 5px 5px 50px;
		z-index: 99999;
	}

	/* The circle */
	.sonar-emitter {
		position: relative;
		margin: 0 auto;
		width: 55px;
		height: 55px;
		border-radius: 9999px;
		background: url(/public/img/layout/default/whatsfixed.png) center center no-repeat;
		background-size: 70% 70%;
	}

	/* the 'wave', same shape and size as its parent */
	.sonar-wave {
		display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border-radius: 9999px;
	  background-color: #56d062;
	  opacity: 0;
	  z-index: -1;
	  pointer-events: none;
	}

	/*
	  Animate!
	  NOTE: add browser prefixes where needed.
	*/
	.sonar-wave {
	  animation: sonarWave 3s linear infinite;
	}

	@keyframes sonarWave {
	  from {
		opacity: 0.4;
	  }
	  to {
		transform: scale(3);
		opacity: 0;
	  }
	}
	#avisopoliticas {
		display: block;
		position: fixed;
		bottom: -170px;
		height: 170px;
		background-color: #FFF;
		z-index: 999999999;
		width: 100%;
		box-shadow: 0 -3px 10px rgb(0 0 0 / 0.2);
	}
		#avisopoliticas span.maior {
			display: inline-block;
			width: auto;
			padding: 15px;
			font-size: 12px !important;
		}
			#avisopoliticas span.maior a {
				color: #10283F;
				display: inline-block;
			}
		#avisopoliticas span.menor {
			display: inline-block;
			width: 100%;
			text-align: center;
			padding: 0px 0;

				vertical-align: top;
		}
			#avisopoliticas span.menor a.bnaceito {
				display: inline-block;
				width: auto;
				padding: 10px;
				border:1px solid #CCC;
				background-color: #EDEDED;
				color: #999;
				vertical-align: top;
				border-radius: 5px;
			}
				#avisopoliticas span.menor a.bnaceito:hover {
					background-color: #FFF;
				}
			#avisopoliticas span.menor a.baceito {
				display: inline-block;
				width: auto;
				padding: 10px;
				border:1px solid #10283F;
				background: #10283F;
				color: #FFF;
				margin-left: 20px;
				vertical-align: top;
				border-radius: 5px;
			}
				#avisopoliticas span.menor a.baceito:hover {
					background: #FFF;;
					color: #10283F;
				}
	#alinhar {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	#topo {
		position: relative;
		width: 100%;
		height: 420px;
		padding: 20px 0 0 0;
		background: url("/public/img/layout/default/trabalhista.png ") center center;
		background-size: cover;
		z-index: 9999;
	}
		#topo.demissao {
			background: url("/public/img/layout/default/demissao.png ") center center;
			background-size: cover;
		}
		#topo #logo {
			position: relative;
			display: block;
			width: 139px;
			height: 41px;
			float: inherit;
			margin: 0 auto 0 auto;
		}
		#topo #menu {
			display: none;
		}
		#topo ul#redes {
			position: absolute;
			display: block;
			top: 10px;
			width: 50px;
			height: 20px;
			right: 10px;
			float: inherit;
			margin: 0 0 0 0;
		}
			#topo ul#redes li {
				display: inline-block;
				width: 20px;
				height: 20px;
				margin: 0 1px;
			}
				#topo ul#redes li a#face {
					display: block;
					width: 20px;
					height: 20px;
					background: url("/public/img/layout/default/icones/iFace1.png") center center no-repeat;
					background-size: 7px;
				}
				#topo ul#redes li a#insta {
					display: block;
					width: 20px;
					height: 20px;
					background: url("/public/img/layout/default/icones/iInsta1.png") center center no-repeat;
					background-size: 18px;
				}
		#topo #destaque {
			display: inline-block;
			width: auto;
			margin: 0 0 0 0;
			padding: 20px;
		}
			#topo #destaque #esq {
				display: inline-block;
				width: auto;
				margin: 30px 0 0 0;
			}
				#topo #destaque #esq h1 {
					line-height: 110%;
					width: auto;
				}
				#topo #destaque #esq h2 {
					line-height: 130%;
					padding: 10px 0 0 0;
					text-align: justify;
				}
				#topo #destaque #esq #whats {
					margin: 20px 0 0 0;
				}
			#topo #destaque #esq2 {
				display: inline-block;
				width: auto;
				text-align: center;
				margin: 20px 0px 20px 0px;
			}
				#topo #destaque #esq2 h1 {
					display: inline-block;
					line-height: 110%;
					width: 300px;
					text-align: center;
				}
				#topo #destaque #esq2 h2 {
					display: inline-block;
					width: 300px;
					line-height: 140%;
					text-align: center;
					padding: 20px 0 0 0;
				}
			#topo #destaque #dir {
				position: relative;
				display: block;
				width: 300px;
				height: 239px;
				padding: 20px;
				margin: 30px auto 0 auto;
				background: #D79B52;
				vertical-align: top;
			}
				#topo #destaque.ctt #dir {
					height: 330px !important;
				}
				#topo #destaque #dir form {
					display: inline-block;
					text-align: center;
				}
				#topo #destaque #dir input {
					display: inline-block;
					width: 260px;
					margin: 5px 0;
				}
				#topo #destaque #dir textarea {
					width: 220px;
				}
				#topo #destaque #dir h1 {
					line-height: 120%;
				}
				#topo #destaque #dir h2 {
					line-height: 140%;
					padding: 10px 0 20px 0;
				}

	#oadv {
		position: relative;
		width: auto;
		padding: 180px 20px 50px 20px;
	}
		#oadv #esq {
			display: inline-block;
			width: auto;
			margin: 0 0 0 0;
		}
			#oadv #esq h3 {
				display: inline-block;
				width: 100%;
				margin: 0 0 0 0;
			}
			#oadv #esq .traco {
				display: inline-block;
				width: 50px;
				height: 2px;
				background: #F1AB2F;
				margin: 0 0 0 0;
			}
			#oadv #esq h2 {
				display: inline-block;
				width: 100%;
				line-height: 130%;
				text-align: justify;
				padding: 10px 0 0 0;
			}
			#oadv #esq h1 {
				display: inline-block;
				width: 100%;
				margin: 0 0 0 0;
			}
		#oadv #dir {
			display: inline-block;
			width: 100%;
			margin: 30px 0 0 0;
			background: url("/public/img/layout/default/kgrande.png ") right top no-repeat;
			background-size: 290px;
			vertical-align: top;
		}
			#oadv #dir img {
				display: inline-block;
				width: 220px;
				height: 300px;
				border-radius: 20px;
				margin: 50px 0 0 0;
			}
			#oadv #dir span {
				display: inline-block;
				width: 110px;
				font-weight: 700;
				padding: 0 0 20px 0;
			}

	#video {
		position: relative;
		width: 100%;
		padding: 20px 0;
		background: #F4F4F4;
		text-align: center;
	}
		#ytp {
			display: inline-block;
			width: 250px;
			height: 380px;
			position: relative;
		}
		#ytp img {
			display: inline-block;
			width: 250px;
			height: 380px;
			position: relative;
		}


	#areas {
		position: relative;
		width: 100%;
		padding: 20px 0;
		background: url("/public/img/layout/default/areas.png ") center center no-repeat;
		background-size: cover;
	}
		#areas #esq {
			display: inline-block;
			width: 100%;
			margin: 0 0 40px 0;
			vertical-align: top;
			text-align: center;
		}
			#areas #esq h1 {
				display: inline-block;
				width: auto;
				line-height: 110%;
				padding: 0 40px;
			}
			#areas #esq #whats {
				margin: 20px 0 0 0;
			}
		#areas #dir {
			display: inline-block;
			width: 100%;
			margin: 0 0 0 0;
		}
			#areas #dir ul {
				display: inline-block;
				width: 100%;
				margin: 0 0 0 0;
				text-align: center;
			}
				#areas #dir ul li {
					display: block;
					width: 340px;
					padding: 0;
					margin: 0 10px;
				}
					#areas #dir ul li img {
						display:inline-block;
						width: 130px;
						height: 200px;
						vertical-align: top;
						border-radius: 10px;
					}
					#areas #dir ul li #diri {
						display:inline-block;
						width: 180px;
						margin: 0 0 0 20px;
						vertical-align: top;
						text-align: left;
					}
						#areas #dir ul li #diri .tt {
							display:inline-block;
							width: 100%;
							text-align: left;
						}
						#areas #dir ul li #diri .ts {
							display:inline-block;
							width: 100%;
							padding: 20px 0 20px 0;
							text-align: left;
						}
						#areas #dir ul li #diri a {
							display:inline-block;
							width: auto;
							padding: 10px 20px;
							border: 1px solid #F1AB2F;
							border-radius: 20px;
							text-align: left;
						}
							#areas #dir ul li #diri a:hover {
								border: 1px solid #FFF;
								color: #FFF;
							}
	#privacidade {
		position: relative;
		width: auto;
		padding: 50px 20px;
	}
		#privacidade p {
			line-height: 140%;
			text-align: justify;
			padding: 15px 0 15px 0;
		}
		#privacidade ul {
			line-height: 160%;
			text-align: justify;
			padding: 20px 0 30px 50px;
		}
		#privacidade ul li {
			list-style-type: disc;
		}
	#historias {
		position: relative;
		width: 100%;
		padding: 50px 0;
	}
		#historias.ctt {
			padding: 350px 0 50px 0;
		}
		#historias .title {
			display: inline-block;
			width: 100%;
			text-align: center;
			line-height: 100%;
			padding: 0 0 50px 0;
		}
		#historias #alinhar li {
			display: inline-block;
			width: 400px !important;
			text-align: left;
			padding: 0 0 0 0;
		}
			#historias #alinhar li img {
				display: inline-block;
				width: 120px;
				height: 150px;
				border-radius: 10px;
				margin: 0 0 0 20px;
			}
			#historias #alinhar li #dir {
				display: inline-block;
				width: 220px;
				margin: 0 0 0 20px;
				vertical-align: top;
			}
				#historias #alinhar li #dir .t1 {
					display: inline-block;
					width: 100%;
					height: 160px;
					padding: 0 0 0 0;
					line-height: 130%;
				}
				#historias #alinhar li #dir .t2 {
					display: inline-block;
					width: 100%;
					padding: 0 0 0 0;
				}
				#historias #alinhar li #dir .t3 {
					display: inline-block;
					width: 100%;
					padding: 0 0 0 0;
				}

	#rodape {
		position: relative;
		width: 100%;
		padding: 50px 0 0 0;
		background: #10283F url("/public/img/layout/default/backeffect.png") center center no-repeat;
		background-size: cover;
	}
		#rodape #top {
			display: inline-block;
			width: 100%;
			height: 250px;
		}
			#rodape #top img {
				display: inline-block;
				width: 190px;
				height: auto;
				margin: 0 0 0 20px;
			}
			#rodape #top #col {
				display: inline-block;
				width: 180px;
				vertical-align: top;
				margin: 15px 0 0 20px;
				background: url("/public/img/layout/default/coluna.png") left top no-repeat;
				background-size: 20px;
				padding: 2px 0 5px 40px;
			}
			#rodape #top #col2 {
				display: inline-block;
				width: 270px;
				vertical-align: top;
				margin: 15px 0 0 20px;
				background: url("/public/img/layout/default/coluna.png") left top no-repeat;
				background-size: 20px;
				padding: 2px 0 5px 40px;
			}
			#rodape #top ul {
				display: none;
				width: 110px;
				margin: 20px 0 0 10px;
				vertical-align: top;
			}
				#rodape #top ul li {
					display: inline-block;
					width: 50px;
					height: 35px;
				}
					#rodape #top ul li a#face {
						display: block;
						width: 35px;
						height: 35px;
						background: url("/public/img/layout/default/frodape.png") left top no-repeat;
						background-size: cover;
					}
					#rodape #top ul li a#insta {
						display: block;
						width: 35px;
						height: 35px;
						background: url("/public/img/layout/default/irodape.png") left top no-repeat;
						background-size: cover;
					}

		#rodape #esq {
			display: inline-block;
			width: 300px;
			height: 300px;
			vertical-align: top;
			background: url("/public/img/layout/default/krodape.png") left bottom no-repeat;
			background-size: 300px;
		}
			#rodape #esq h1 {
				display: inline-block;
				width: 290px;
				line-height: 110%;
				padding:  160px 0 0 20px;
				vertical-align: bottom;
				font-size: 40px !important;
			}

		#rodape #dir {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			margin: 0 0 0 0;
		}
			#rodape #dir #box {
				display: inline-block;
				width: auto;
				vertical-align: top;
				border-top: 0px solid #F1AB2F;
				border-bottom: 1px solid #F1AB2F;
				padding: 40px 20px;
			}
				#rodape #dir #box ul {
					display: inline-block;
					width: 250px;
					vertical-align: top;
				}
					#rodape #dir #box ul span {
						display: inline-block;
						width: 100%;
						vertical-align: top;
						padding: 20px 0 10px 0;
					}
					#rodape #dir #box ul li {
						display: inline-block;
						width: 100%;
						vertical-align: top;
					}
						#rodape #dir #box ul li a {
							display: block;
							padding: 5px 0;

						}
							#rodape #dir #box ul li a:hover  {
								color: #F1AB2F !important;

							}

			#rodape #dir #copy {
				display: inline-block;
				width: auto;
				vertical-align: top;
				padding: 20px 20px 40px 20px;
				text-align: center;
			}
	
}

@media screen and (max-width: 384px) {
	
			
	.tam40 { font-size: 28px; }
	
	#topo #destaque #dir input {
		display: inline-block;
		width: 220px;
		margin: 5px 0;
	}
	#topo #destaque #dir {
				position: relative;
				display: block;
				width: 280px;
				height: 239px;
				padding: 20px 10px;
				margin: 30px auto 0 auto;
				background: #D79B52;
				vertical-align: top;
			}
	
	#historias #alinhar li {
			display: inline-block;
			width: 350px !important;
			text-align: left;
			padding: 0 0 0 0;
		}
			#historias #alinhar li img {
				display: inline-block;
				width: 120px;
				height: 150px;
				border-radius: 10px;
				margin: 0 0 0 20px;
			}
			#historias #alinhar li #dir {
				display: inline-block;
				width: 180px;
				margin: 0 0 0 10px;
				vertical-align: top;
			}
				#historias #alinhar li #dir .t1 {
					display: inline-block;
					width: 100%;
					height: 160px;
					padding: 0 0 0 0;
					line-height: 130%;
				}
				#historias #alinhar li #dir .t2 {
					display: inline-block;
					width: 100%;
					padding: 0 0 0 0;
				}
				#historias #alinhar li #dir .t3 {
					display: inline-block;
					width: 100%;
					padding: 0 0 0 0;
				}
}