/***
CORES:
bege: #b19b57;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
***/

@font-face {
    font-family: "cond";
    src: url('../fonts/283050538-FF_DIN_Condensed_Regular.eot');
    src: url('../fonts/283050538-FF_DIN_Condensed_Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/283050538-FF_DIN_Condensed_Regular.svg#DINCond-Regular') format('svg'),
    url('../fonts/283050538-FF_DIN_Condensed_Regular.woff') format('woff'),
    url('../fonts/283050538-FF_DIN_Condensed_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "light";
    src: url('../fonts/59844971-FF_DIN_Condensed_Light.eot');
    src: url('../fonts/59844971-FF_DIN_Condensed_Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/59844971-FF_DIN_Condensed_Light.svg#DINCond-Light') format('svg'),
    url('../fonts/59844971-FF_DIN_Condensed_Light.woff') format('woff'),
    url('../fonts/59844971-FF_DIN_Condensed_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "regular";
    src: url('../fonts/278625489-FF_DIN_Regular.eot');
    src: url('../fonts/278625489-FF_DIN_Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/278625489-FF_DIN_Regular.svg#DIN') format('svg'),
    url('../fonts/278625489-FF_DIN_Regular.woff') format('woff'),
    url('../fonts/278625489-FF_DIN_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*CSS Padrão de formatação do site*/
html{
	-webkit-font-smoothing:antialiased !important;
	text-transform: uppercase;
}
html, body{
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}
object{
	display: none !important;
}
a{
	color: inherit;
	text-decoration: none;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
h2, h3, h1, h4, h5, h6, a, p, span, figure{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	line-height: 1em;
}
figure img{
	width: 100%;
}
a.default{
	transition:.15s ease-in-out;
    -moz-transition:.15s ease-in-out;
    -webkit-transition:.15s ease-in-out;
    -o-transition:.15s ease-in-out;
    color: white;
	font-family: 'cond';

}
a.default:hover{
	color: #b19b57;
}
.animado{
	transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
}
h2{
	font-family: 'cond';
	font-size: 39px;
	color: white;
	font-weight: 100;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
h3{
	font-family: 'cond';
	font-weight: 100;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
p{
	font-family: 'regular';
	font-size: 16px;
	color: white;
	font-weight: 100;
	text-align: left;
	text-transform: initial;
	line-height: 2em;
}
.traco{
	background-color: #b19b57;
}
.perf{
	-webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
	-webkit-transform: translate3d(0px,0px,0px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.bola{
	height: 46px;
	width: 46px;
	border-radius: 100px;
	border: solid white 1px;
	line-height: 43px;
	font-size: 35px;
	font-family: 'light';
	text-align: center;
	color: #b19b57;
	float: left;
	position: absolute;
	left: 50%;
	bottom: 10%;
	margin-left: -23px;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.button{
	border: 1px solid black;
	padding: 15px;
	font-family: 'cond';
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	color: black;
}

.button span{
	transition: .1s !important;
	-moz-transition: .1s !important;
	-webkit-transition: .1s !important;
	-o-transition: .1s !important;
	font-weight: 100 !important;
}
.button:hover{
	background: black;
	color: white;
}
.button .seta{
	transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-webkit-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
}
section, footer{
	height: auto;
	width: 100%;
	float: left;
	position: relative;
}
/******ESTILOS GERAIS DO SITE******/
header{
	top: 0px;
	position: fixed;
	width: 100%;
	height: 80px;
	float: left;
	left: 0px;
	z-index: 10;
}
html.ipad header .menu{

	background-position: 0px -20px!important;
}
header .menu{
	position: fixed;
	width: 100%;
	min-width: 978px;
	height: 80px;
	float: left;
	top: 0px;
	left: 0px;
	background-image: url(../img/menuBack.jpg);
	background-position: 0px -100px;
	background-repeat: no-repeat;
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
}

header .menu .wrapper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0 90px;
	min-width: 978px;
}

header .menu .logo{
	float: left;
	width: 204px;
	height: 78px;
	background: url(../img/sprite.png) 0px 15px no-repeat;
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
}
header .menu .logo:hover{
	opacity: 0.7;
}
header .menu .logo h1{
	position: absolute;
	top: -1000px;
}
header .menu ul{
	float: right;
	width: auto;
	height: 100%;
}
header .menu ul li{
	float: left;
	width: auto;
	height: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 80px;
	position: relative;
	padding: 0px 30px;
}
header .menu ul li .bolinha{
	height: 8px;
	width: 8px;
	float: left;
	position: absolute;
	right: -4px;
	top: 50%;
	margin-top: -3px;
	background: url(../img/sprite.png) -8px -71px no-repeat;
}


#homeBanner{
	background-color: #8d8d8d;
}
html.mobile #homeBanner{
	height: 750px!important;
}
#homeBanner .fundo{
	float: left;
	position: relative;
	height: 100%;
	width: 100%;
	background: url(../img/fundoHome.jpg) center center no-repeat;
	background-size: cover;
}
#homeBanner .slider{
	float: left;
	position: absolute;
	width: 244px;
	height: 94px;
	border: white solid 7px;
	top: 50%;
	left: 50%;
	margin-top: -47px;
	margin-left: -122px;
	overflow: hidden;
}
#homeBanner .slider .hover{
	height: 100%;
	width: 100%;
	float: left;
	position: absolute;
	background: white;
	font-family: 'cond';
	text-align: center;
	font-size: 30px;
	letter-spacing: 0px;
	color: black;
	line-height: 97px;
	z-index: 99;
	cursor: pointer;
	opacity: 0;
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
}
#homeBanner .slider:hover .hover{
	opacity: 1;
}
#homeBanner .slider .word{
	float: left;
	width: 100%;
	height: 100%;
	font-family: 'cond';
	text-align: center;
	font-size: 70px;
	letter-spacing: -3px;
	color: white;
	line-height: 97px;
	margin-left: -3px;
}
#homeBanner .slider .word li{
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
#homeBanner .slider .word .linhaDupla{
	line-height: 125px;
	font-size: 61px;
}
#homeBanner .slider .word .linhaDupla span{
	line-height: 14px;
	float: left;
	position: absolute;
	width: 100%;
	height: 18px;
	font-family: 'cond';
	text-align: center;
	font-size: 22px;
	letter-spacing: -1px;
	left: 3px;
	top: 13px;
}
#homeBanner .bola{
	bottom: 36px;
	overflow: hidden;
	cursor: pointer;
}
@keyframes semipisca {
    0% { 
        opacity: 1; 
    } 
    20% {
        opacity: 1; 
    }
    70% {
        opacity: 0; 
    }
}
@-moz-keyframes semipisca {
    0% {
        opacity: 1;   /* FF3.5+ */
    } 
    20% {
        opacity: 1;   /* FF3.5+ */
    }
    70% {
        opacity: 0;   /* FF3.5+ */
    }
}
@-webkit-keyframes semipisca {
    0% { 	
        opacity: 1;   /* Saf3.1+, Chrome */
    } 
    20% {
        opacity: 1;   /* Saf3.1+, Chrome */
    }
    70% {
        opacity: 0;   /* Saf3.1+, Chrome */
    }
}
@-o-keyframes semipisca {
    0% {
        opacity: 1;   /* Opera 10.5+ */
    } 
    20% {
        opacity: 1;   /* Opera 10.5+ */
    }
    70% {
        opacity: 0;   /* Opera 10.5+ */
    }
}
#homeBanner .bola .seta{
	float: left;
	position: relative;
	height: 100%;
	width: 100%;
	background: url(../img/sprite.png) -22px -90px no-repeat;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	animation: semipisca 1.3s  infinite  ease-in-out;
	-moz-animation: 1.3s  ease-in-out none infinite semipisca;
	-webkit-animation: semipisca 1.3s infinite  ease-in-out;
	-o-animation: semipisca 1.3s infinite  ease-in-out;
	-ms-animation: semipisca 1.3s infinite  ease-in-out;
}
#homeBanner .bola:hover .seta{
	background-position: -22px -52px;
}
#homeBanner .bola:hover{
	background:  white;
}

#servicos{
	height: 600px;
	overflow: hidden;
}
#servicos .wrap{
	height: 600px;
	width: 101%;
}
#servicos .ladoA .mask{
    margin-right: -1px;
}
#servicos .ladoB .mask{
	margin-left: -1px;
}
#servicos .mask{
	height: 100%;
	width: 101%;
	background: black;
	opacity: .9;
	transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
#servicos .ladoA{
	height: 100%;
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}
#servicos .ladoB{
	height: 100%;
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}
#servicos .wrap > div{
	transition: .45s;
    -moz-transition: .45s;
    -webkit-transition: .45s;
    -o-transition: .45s;
}
#servicos.a .ladoA{
	width: 55%;
}
#servicos.a .ladoB{
 	width: 45%;
}
#servicos.b .ladoA{
	width: 45%;
}
#servicos.b .ladoB{
	width: 55%;
}
#servicos .back{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
}
#servicos .ladoA .back{
	background: url(../img/backleftHome.jpg) 100% 50% no-repeat;
	background-size: cover;
}
#servicos .ladoB .back{
	background: url(../img/backrightHome.jpg) 0% 50% no-repeat;
	background-size: cover;
}
#servicos .ladoA:hover .back{
	background-position: 0% 50%;
	transition: 30s linear;
    -moz-transition: 30s linear;
    -webkit-transition: 30s linear;
    -o-transition: 30s linear;
}
#servicos .ladoB:hover .back{
	background-position: 100% 50%;
	transition: 30s linear;
    -moz-transition: 30s linear;
    -webkit-transition: 30s linear;
    -o-transition: 30s linear;
}
#servicos .wrap > div:hover .mask{
	opacity: 0.55;
}
html.mobile #servicos .wrap > div:hover .mask{
	opacity: 0.55!important;
}
#servicos .wrapper{
	height: 350px;
	width: 320px;
	float: left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -175px;
}
#servicos .traco{
	height: 2px;
	width: 9px;
	margin: 40px auto;
	clear: both;	
	transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
#servicos.a .ladoA .traco{
	width: 89px;
}
#servicos.b .ladoB .traco{
	width: 89px;
}
#servicos .bola{
	bottom: 5px;
	overflow: hidden;
	cursor: pointer;
}
#servicos .bola:hover{
	background: white;
}
#servicos p{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 15px;
	text-align: justify;
	font-family: 'regular';
	text-transform: none !important;
}
footer{
	overflow: hidden;
}
#inst{
	height: 600px;
	background: white;
}
#inst .wrapper{
	height: 222px;
	width: 752px;
	margin: 150px auto;
	position: relative;
}
#inst h2{
	width: 100%;
	float: left;
	color: black;
	font-size: 52px;
	line-height: 1.6em;
}
#inst h3{
	width: 100%;
	float: left;
	color: #b19b57;
	font-size: 26px;
}
#inst .traco{
	width: 88px;
	height: 2px;
	clear: both;
	margin: 25px auto;
	background: black;
	position: relative;
	top: 30px;
}
#inst .button{
	float: left;
	position: relative;
	left: 50%;
	margin-left: -88px;
	margin-top: 45px;
}
#inst .button span{
	float: left;
	position: relative;
	line-height: 1.3em;
}
#inst .button .seta{
	float: left;
	margin-left: 50px;
	background: url(../img/sprite.png) -32px -135px no-repeat;
	height: 23px;
	width: 28px;
}
#inst .button:hover .seta{
	background: url(../img/sprite.png) 6px -135px no-repeat;
}
#info{
	height: 440px;
	background: url(../img/rodapeback.jpg) center center no-repeat;
	background-size: cover;
}
#info .bola{
	top: 28px;
	overflow: hidden;
	background: url(../img/sprite.png) -63px -53px no-repeat;
	cursor: pointer;
}
#info .bola:hover{
	background: url(../img/sprite.png) white -63px -90px no-repeat;
}
#info .ladoA{
	height: 200px;
	width: 48%;
	margin-right: 2%;
	float: left;
	margin-top: 173px;
}
#info .ladoB{
	height: 200px;
	width: 48%;
	float: left;
	margin-top: 168px;
	margin-left: 2%;
}
#info .ladoA h2{
	color: #b19b57;
	float: right;
	text-align: right;
	width: 100%;
	font-size: 53px;
	margin-right: -7px;
	margin-bottom: 6px;
}
#info .ladoA .traco{
	float: right;
	height: 1px;
	width: 25px;
	clear: both;
	margin-top: 9px;
}
#info .ladoA a{
	float: right;
	text-align: right;
	width: 347px;
	font-family: 'light';
	font-size: 34px;
	margin-top: 30px;
	margin-right: -25px;
}
#info .ladoB p{
	font-family: 'light';
	font-size: 30px;
	margin-bottom: -5px;
	line-height: 1.5em;
	width: 390px;
	margin-top: -4px;
}
#bottom{
	height: 100px;
	background: black;
}
#bottom .wrapper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0 90px;
}
#bottom .ladoA{
	height: 100%;
	float: left;
	position: relative;
}
#bottom .ladoA .logoBottom{
	height: 27px;
	width: 27px;
	float: left;
	position: absolute;
	background: url(../img/sprite.png) -5px -186px no-repeat;
	top: 50%;
	margin-top: -9px;
	opacity: .3;
}
#bottom .ladoA p{
	height: 100%;
	width: auto;
	float: left;
	margin-left: 30px;
	line-height: 103px;
	color: #515151;
	font-size: 19px;
	text-transform: uppercase;
	font-family: 'light';
}
#bottom .ladoB{
	height: 100%;
	width: auto;
	float: right;
	line-height: 100px;
	color: white;
	font-size: 20px;
	text-transform: uppercase;
}

#header.institucional{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 80px;
	background: #000;
}
#header.institucional .wrapper{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
}
#header.institucional .tile{
	height: auto;
	width: auto;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px -1px;
	background: black;
	-webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
	-webkit-transform: translate3d(0px,0px,0px);
	opacity: 0;
}

#header.institucional .item1{
	background: url(../img/tile1.jpg) center center no-repeat;
	background-size: cover;
}
#header.institucional .item2{
	background: url(../img/tile2.jpg) center center no-repeat;
	background-size: cover;
}
#header.institucional .item3{
	background: url(../img/tile3.jpg) center center no-repeat;
	background-size: cover;
}
#header.institucional .item4 h2{
	width: 100%;
	position: relative;
	top: 50%;
	margin-top: -47px;
	font-size: 54px;
}
#header.institucional .item4 .traco{
	height: 2px;
	width: 0px;
	top: 50%;
	margin: 50px auto;
	display: block;
	clear: both;
	position: relative;
}
#header.institucional .item4.done .traco{
	width: 100px;
}
#header.institucional .item5{
	background: url(../img/tile5.jpg) center center no-repeat;
	background-size: cover;
}
#institucional{
	padding: 80px 0px 150px;
}
#institucional .wrapper{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#institucional h2{
	height: auto;
	float: left;
	position: relative;
	width: 100%;
	color: #b19b57;
	font-size: 26px;
}
#institucional h2 .traco{
	height: 2px;
	background: black;
	width: 63px;
	margin: 20px auto;
}
#institucional .content{
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 100px;
}
#institucional .content .ladoA{
	height: auto;
	float: left;
	width:  50%;
}
#institucional .content .ladoB{
	height: auto;
	float: left;
	width:  50%;
}

#institucional .content h3{
	float: left;
	width: 90%;
	padding-right: 10%;
	font-size: 36px;
	text-align: left;
	margin-top: 9px;
}
#institucional .content .traco{
	height: 2px;
	margin-top: 153px;
	float: left;
	position: relative;
	width: 71px;
}
#institucional .content p{
	height: auto;
	float: left;
	width: 90%;
	padding-left: 10%;
	color: black;
	text-align: justify;
}
#areas{
	height: 600px;
	background: black;
}
#areas .wrapper{
	height: 222px;
	width: 752px;
	margin: 150px auto;
	position: relative;
}
#areas h2{
	width: 100%;
	float: left;
	color: white;
	font-size: 52px;
	line-height: 1.6em;
}
#areas h3{
	width: 100%;
	float: left;
	color: #b19b57;
	font-size: 26px;
}
#areas .traco{
	width: 88px;
	height: 2px;
	clear: both;
	margin: 25px auto;
	background: white;
	position: relative;
	top: 30px;
}
#areas .button{
	float: left;
	position: relative;
	margin-top: 45px;
	border-color: white;
	color: white;
}
#areas .button.right{
	float: right;
}
#areas .button:hover{
	background: white;
}
#areas .button:hover span{
	color:black;
}
#areas .button span{
	float: left;
	position: relative;
	line-height: 1.3em;
	font-weight: 100;
}
#areas .button .seta{
	float: left;
	margin-left: 50px;
	background: url(../img/sprite.png) -102px -135px no-repeat;
	height: 23px;
	width: 28px;
}
#areas .button:hover .seta{
	background: url(../img/sprite.png) -65px -135px no-repeat;
}
#areas .miniWrapper{
	width: 555px;
	margin: 0 auto;
}
#header.quemSomos{
	margin-top: 80px;
	padding: 120px 0px;
}
#header.quemSomos h2{
	width: 100%;
	float: left;
	font-size: 50px;
	color: black;
}
#header.quemSomos h3{
	width: 100%;
	float: left;
	font-size: 26px;
	color: #b19b57;
	margin-top: 7px;
}
#header.quemSomos .traco{
	margin: 100px auto 0px;
	width: 0px;
	height: 2px;
	background: black;
	position: relative;
}
#header.quemSomos.done .traco{
	width: 62px;
}
#quemSomos{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	display: block;
	margin-top: 0px;
}
#quemSomos .wrapper{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	display: block;
}

#quemSomos .contentQ {
    display: flex;
    flex-wrap: wrap;
    width: 67% !important;
    left: 50%;
    transform: translateX(-50%);
}

#quemSomos .box {
    display: block;
    position: relative;
    width: 100%;
}
#quemSomos .tile{
	height: auto;
	width: auto;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px;
	/* -webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
	-webkit-transform: translate3d(0px,0px,0px); */
	opacity: 1;
}

#quemSomos::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20rem;
    height: 100%;
	background: url(../img/lateral1.jpg) center center no-repeat;
    background-size: cover;
    z-index: 3;
}

#quemSomos::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20rem;
    height: 100%;
	background: url(../img/lateral2.jpg) center center no-repeat;
    background-size: cover;
    z-index: 3;
}

#quemSomos .info .wrapper{
	height: 350px;
	width: 300px;
	float: left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -150px;
}

#quemSomos .button{
	float: left;
	margin-left: 57px;
    position: relative;
    bottom: 0;
	display: block;
}
#quemSomos .button span{
	float: left;
	position: relative;
	line-height: 1.3em;
}
#quemSomos .button .seta{
	float: left;
	margin-left: 50px;
	background: url(../img/sprite.png) -32px -135px no-repeat;
	height: 23px;
	width: 28px;
}
#quemSomos .button:hover .seta{
	background: url(../img/sprite.png) 6px -135px no-repeat;
}

#quemSomos .image-person {
    width: 50%; 
    height: 960px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#quemSomos .info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.contentQ .box:nth-of-type(odd) .image-person {
    float: left;
    margin: 0;
}

.contentQ .box:nth-of-type(even) .image-person {
    float: right;
    margin: 0 -5px 0 0;
}

.contentQ .box:nth-of-type(odd) .info {
    right: 20rem;
}

.contentQ .box:nth-of-type(even) .info {
    left: 20rem;
}

@media screen and (min-width: 1040px) and (max-width: 1380px) {
    #quemSomos .image-person {
        width: 50%;
        height: 634px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #quemSomos .info {
        top: 42%;
    }

    .contentQ .box:nth-of-type(odd) .info {
        right: 14rem;
    }
    
    .contentQ .box:nth-of-type(even) .info {
        left: 14rem;
    }

    #quemSomos::before,
    #quemSomos::after {
        width: 14rem;
    }
}


@media screen and (max-width: 1024px) {
    #quemSomos::before, #quemSomos::after {
        width: 5rem;
    }

    .contentQ .box:nth-of-type(odd) .info {
        right: 14rem;
    }
    
    .contentQ .box:nth-of-type(even) .info {
        left: 14rem;
    }

    #quemSomos .contentQ {
        width: 85% !important;
    }
}

#quemSomos .info h2{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	color: black;
	font-size: 56px;
	white-space: nowrap;
}
#quemSomos .info .traco{
	margin: 0 auto;
	background: black;
	height: 2px;
	width: 0px;
	position: relative;
	top: 90px;
}
#quemSomos.done .info .traco{
	width: 95px;
}
#quemSomos .info p{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	color: black;
	margin-top: 70px;
	text-align: center;
}
#quemSomosTexto{
	padding: 80px 0px 150px;
	top: -160px;
	background: white;
	margin-bottom: -160px;
	-webkit-transform: translate3d(0px,160px,0px);
	transform: translate3d(0px,160px,0px);
	-webkit-transform: translate3d(0px,160px,0px);
}
#quemSomosTexto .wrapper{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#quemSomosTexto h2{
	height: auto;
	float: left;
	position: relative;
	width: 100%;
	color: black;
	font-size: 75px;
	margin-bottom: 2px;
}
#quemSomosTexto h3{
	height: auto;
	float: left;
	position: relative;
	width: 100%;
	color: #b19b57;
	font-size: 30px;
}
#quemSomosTexto h3 .traco{
	height: 2px;
	background: black;
	width: 63px;
	margin: 20px auto;
}
#quemSomosTexto .content{
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 100px;
}
#quemSomosTexto .content .ladoA{
	height: auto;
	float: left;
	width:  50%;
}
#quemSomosTexto .content .ladoB{
	height: auto;
	float: left;
	width:  50%;
}
#quemSomosTexto .content h3{
	float: left;
	width: 90%;
	padding-right: 10%;
	font-size: 36px;
	text-align: left;
}
#quemSomosTexto .content .traco{
	height: 2px;
	margin-top: 40px;
	float: left;
	position: relative;
	width: 71px;
}
#quemSomosTexto .content p{
	height: auto;
	float: left;
	width: 90%;
	padding-left: 10%;
	color: black;
	text-align: justify;
}
#quemSomosTexto .button{
	float: left;
	position: relative;
	margin-top: 82px;
	margin-left: -70px;
}
#quemSomosTexto .button span{
	float: left;
	position: relative;
	line-height: 1.3em;
}
#quemSomosTexto .button .seta{
	float: left;
	margin-left: 50px;
	background: url(../img/sprite.png) -32px -135px no-repeat;
	height: 23px;
	width: 28px;
}
#quemSomosTexto .button:hover .seta{
	background: url(../img/sprite.png) 6px -135px no-repeat;
}
#header.quemSomosInterna{
	background: black;
	float: left;
	position: relative;
}
#header.quemSomosInterna .persona{
	height: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#header.areas{
	margin-top: 80px;
	padding-top: 100px;
	padding-bottom: 140px;
}
#header.areas .wrapper{
	height: auto;
	width: 760px;
	margin: 0 auto;
}
#header.areas h2{
	height: auto;
	width: 100%;
	float: left;
	font-size: 60px;
	color: black;
}
#header.areas h3{
	height: auto;
	width: 100%;
	float: left;
	font-size: 25px;
	color: #b19b57;
}

#header.areas .traco{
	height: 2px;
	background: black;
	width: 63px;
	position: relative;
	top: 100px;
	margin: 20px auto;
}
#header.areas .desc p{
	color: #222;
}
#header.areas .desc{
	height: auto;
	width: 100%;
	float: left;
	margin-top: 50px;
	text-transform: none;
	line-height: 30px;
}
#header.areas .button{
	float: left;
	position: relative;
	margin-top: 82px;
	margin-left: 47px; 
}
#header.areas .button span{
	float: left;
	position: relative;
	line-height: 1.3em;
}
#header.areas .button .seta{
	float: left;
	margin-left: 50px;
	background: url(../img/sprite.png) -32px -135px no-repeat;
	height: 23px;
	width: 28px;
}
#header.areas .button:hover .seta{
	background: url(../img/sprite.png) 6px -135px no-repeat;
}
#header.areas .ladoA, #header.areas .ladoB{
	width: 50%;
	float: left;
	position: relative;
}
#header.areas .ladoA p, #header.areas .ladoB p{
	width: 100%;
	float: left;
	position: relative;
	color: black;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 31px 13%;
	text-align: justify;
	margin-left: -3px;
}
#contencioso.area{
	background: black;
}
.area h2{
	color: white;
	width: 100%;
	font-size: 40px;
	margin-top: 140px;
}
.area .traco{
	height: 2px;
	width: 80px;
	margin: 0 auto;
	float: left;
	position: relative;
	left: 50%;
	margin-left: -40px;
	top: 50px;
}
.area .wrapper{
	height: auto;
	width: 930px;
	margin: 0 auto;
}
.area .conteudo{
	height: auto;
	width: 930px;
	margin: 0 auto;
	margin-top: 105px;
}
.area .conteudo .metade{
	height: auto;
	width: 50%;
	float: left;
	position: relative;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 50px;
}
.area p{
	text-align: justify;
	line-height: 2em;
}
.area .adendo{
	height: auto;
	float: left;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 50px;
}
.area .adendo p{
	text-align: center;
	margin-top: 50px;
}
.area .adendo .traco{
	top: 0px;
}

#consultivo.area{
	background: white;
}

#consultivo.area h2{
	color: black !important;
}
#consultivo.area p{
	color: black !important;
}
.area{
	padding-bottom: 110px;
}

#contato{
	height: auto;
	width: 100%;
	background: url(../img/rodapeback.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	float: left;
}
#contato.aberto{
	display: none;
}
#contato .wrapper{
	max-height: 518px;
	height: 78%;
	width: 952px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -476px;
	margin-top: -17%;
}
#contato h2.pai{
	margin-top: 2px;
	height: auto;
	float: left;
	width: 100%;
	color: white;
	font-size: 42px;
}
#contato h3{
	height: auto;
	color: #b19b57;
	float: left;
	position: relative;
	text-align: center;
	width: 100%;
	font-size: 30px;
	margin-top: 9px;
}
#contato .wrapper > .traco{
	margin: 0 auto;
	width: 105px;
	background: white;
	top: 25%;
	position: relative;
	height: 2px; 
}
#contato #info .ladoA, #contato #info .ladoB{
	margin-top: 0px;
}
#contato #info{
	height: 207px;
	background: none;
	margin-top: 13%;
}
#contato .button{
	float: left;
	position: relative;
	bottom: 1%;
	left: 50%;
	margin-left: -134px;
	border: white 1px solid;
}
#contato .button span{
	float: left;
	position: relative;
	line-height: 1.3em;
	color: white;
}
#contato .button .seta{
	float: left;
	margin-left: 50px;
	background: url(../img/sprite.png) -103px -135px no-repeat;
	height: 23px;
	width: 28px;
}
#contato .button:hover .seta{
	background: url(../img/sprite.png) -69px -135px no-repeat;
}

#contato .button:hover{
	background: white;
}
#contato .button:hover span{
	color: #000;
}
.map{
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: .4;
	overflow: hidden;
}
.fechar{
	display: none;
	float: left;
	position: absolute;
	top: 120px;
	right: 40px;
	background: url(../img/fechar.png) center center no-repeat;
	height: 69px;
	width: 69px;
	font-family: 'regular';
	color: white;
	cursor: pointer;
	font-size: 30px;
	text-align: center;
	line-height: 51px;	
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	background-color: transparent;
}
.fechar:hover{
	background-color: black;
}
@media screen and (max-width: 1200px) and (min-width: 0px){
	#header.institucional .item4 h2{
		font-size: 42px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
	#homeBanner{
		width: 1024px!important; 
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
	#homeBanner{
		height: 670px!important;
	}
}