* { margin: 0; padding: 0; list-style: none; }
html, body { height: 100%; }
body { font-family: 'please_write_me_a_songmedium'; letter-spacing: 1px; }

::selection { background-color: white; color: #778841; }
::-moz-selection { background-color: white; color: #778841; }
::-webkit-selection { background-color: white; color: #778841; }

a { color: #e7ebdc; outline: none; }

h1 { color: #e7ebdc; font-size: 35px; margin: 15px 0 30px; text-shadow: 2px 2px 1px rgba(0,0,0,.2); text-transform: uppercase; }
h2 { color: #e7ebdc; font-size: 20px; }
h3 { color: #e7ebdc; font-size: 32px; position: absolute; top: -40px; text-transform: uppercase; }
h4 { color: #e7ebdc; font-size: 30px; text-shadow: 2px 2px 1px rgba(0,0,0,.2); text-transform: uppercase; }

p { color: #e7ebdc; font-size: 20px; padding-bottom: 10px; }
p:last-child { padding-bottom: 0; }

img { display: block; }
textarea { resize: none; font-family: Arial; }

header { height: 85px; width: calc(100% - 40px); padding: 0 20px; background-image: url(../images/bg_header.jpg); box-shadow: 0 5px 5px rgba(0,0,0,.15); position: fixed; top: 0; z-index: 6; }
header .logo { margin-top: 8px; float: left; }
header .logo_icm { margin: 30px 0 0 30px; float: left; opacity: .55; }

.clearfix { clear: both; content: "."; display: block; font-size: 0px; height: 0px; line-height: 0; visibility: hidden; }

.lfloat { float: left; }
.rfloat { float: right; }

.ctext { width: 100%; text-align: center; display: table; }
.ctext .picture { width: calc(50% - 20px); margin: 0 auto 15px; }
.ctext .picture img { width: 100%; }

.sprited { background-image: url(../images/sprite.png); background-repeat: no-repeat; display: block; }

.content { width: calc(100% - 40px); height: calc(100% - 235px); padding: 20px 20px 0; margin-top: 85px; position: relative; }

.mCustomScrollbar { padding: 0 20px 20px 0; margin-top: 10px; overflow: auto; position: relative; height:calc(100% - 140px);}
.mCustomScrollbar ul { margin: 5px 0 10px; color: #e4ead1; }
.mCustomScrollbar > ul > li:before { content: "- "; display: inline; }

.cFull { width: 100%; }
.c1 { width: 50%; }
.c2 { width: 70%; max-width: 97%; }
.c3 { width: 40%; }
.c4 { width: 570px; height: 330px; margin: 30px 0 0 45px; }
.c5 { width: calc (100% - 500px); }

nav#main { float: right; margin-top: 30px; }
nav#main > ul > li { height: 20px; display: inline-block; margin-left: 10px; position: relative; }
nav#main > ul > li:first-child { margin-left: 0; }
nav#main ul li a { text-shadow: 0 0 15px rgba(0,0,0,.22); font-size: 18px; color: #869954; text-decoration: none; float: left; text-transform: uppercase; transition: all .4s ease 0s; }
nav#main li i.w-dotted { width: 3px; height: 3px; background-position: 0 0; margin: 9px 0 0 10px; float: left; }
nav#main ul li a:hover { opacity: .5; }
nav#main ul li i.dotted { width: 3px; height: 3px; background-position: 0 0; margin: 9px 0 0 10px; float: left; }
nav#main ul li:last-child i { display: none; }
nav#main ul li ul { padding: 40px 20px 10px; box-shadow: 0 10px 5px -5px rgba(0,0,0,.4); background-image: url(../images/bg_header.jpg); top: 20px; z-index: 5; visibility: hidden; opacity: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: absolute; overflow: hidden; transition: all .4s ease 0s; }
nav#main ul li:hover ul { visibility: visible; opacity: 1; }
nav#main ul li ul li { width: 100%; display: table; margin-bottom: 10px; white-space: nowrap; }
nav#main ul li ul li a { font-size: 15px; }
nav#main ul li ul li:last-child { margin-bottom: 0; }
nav#main ul li ul li a { width: 100%; display: block; }

section { width: 100%; height:100%; background-image: url(../images/bg_home.jpg); background-position: center bottom; background-size: cover; position: fixed; }

/*
._bg:first-child  { display: block; height: calc(100% - 178px); position: absolute; width: 100%; background-position: center bottom; background-size: cover; top: 85px; }
*/
._bg:first-child  { display: block; }
._bg  { display: none; height: calc(100% - 178px); position: absolute; width: 100%; background-position: center bottom; background-size: cover; top: 85px; }

.imgBg { width: 220px; }
.imgBg > img { width: 100%; }
#credit1 { background-color: rgba(0, 0, 0, 0.5); bottom: 90px; color: #e7ebdc; display: block; font-size: 12px; padding: 5px; position: absolute; right: 0; text-align: center; width: 170px;  }
.credit-banner { background-color: rgba(0, 0, 0, 0.5); bottom: 90px; color: #e7ebdc; display: none; font-size: 12px; padding: 5px; position: absolute; right: 0; text-align: center; width: 170px; }

#prevBanner { border-radius: 0 10px 10px 0; height: 50px; left: -40px; line-height: 120px; position: absolute; top: 50%; width: 50px; overflow: hidden; z-index: 999; background-image: url("../../images/bg_header.jpg"); box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3); transition: all 0.5s ease 0s; }
#prevBanner:hover { background-image: url("../../images/prev2.png"); background-position: center center; left: 0!important; }
#prevBanner:hover::before { border: medium none; }
#prevBanner:hover::after { border: medium none; }
#prevBanner::after { border-radius: 1px; border-right: 2px solid #869954; content: ""; height: 25px; position: absolute; right: 2px; top: 12px; width: 8px;transition: all 0.2s ease 0.2s; }
#prevBanner::before { border-radius: 1px; border-right: 2px solid #869954; content: ""; height: 31px; position: absolute; right: 5px; top: 9px; width: 8px; transition: all 0.2s ease 0.2s; }

#nextBanner { border-radius: 10px 0 0 10px;; height: 50px; right: -40px; line-height: 120px; position: absolute; top: 50%; width: 50px; overflow: hidden; z-index: 999; background-image: url("../../images/bg_header.jpg"); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); transition: all 0.5s ease 0s; }
#nextBanner:hover { background-image: url("../../images/next2.png"); background-position: center center; right: 0 !important; }
#nextBanner:hover::before { border: medium none; }
#nextBanner:hover::after { border: medium none; }
#nextBanner::after { border-radius: 1px; border-right: 2px solid #869954; content: ""; height: 25px; position: absolute; right: 46px; top: 12px; width: 8px; transition: all 0.2s ease 0.2s; }
#nextBanner::before { border-radius: 1px; border-right: 2px solid #869954; content: ""; height: 31px; position: absolute; right: 42px; top: 9px; width: 8px; transition: all 0.2s ease 0.2s; }

#files .ordem { border-left: 1px solid rgba(0, 0, 0, 0.2)!important; float: left; left: 185px; padding: 5px !important; position: relative; text-align: center; top: -27px; width: 24px !important; }
#dialog2 form .control .active { background-position: 0 -50px; }
#dialog2 form .control .activate { background-position: 0 -75px; }

footer { width: 100%; }
footer #base { width: calc(100% - 40px); height: 100px; padding: 0 20px; position: fixed; z-index: 5; bottom: 0; background-image: url(../images/bg_header.jpg); box-shadow: 0 -5px 5px rgba(0,0,0,.34); }
footer #navigation { width: calc(100% - 40px); height: 30px; padding: 0 20px; position: absolute; z-index: 5; bottom: 100px; border-top: 1px solid #7f7f7f; background-color: #626262; position: absolute; }

footer #copyright { display: table; margin: 12px auto 0; text-align: center; color: #869954; }
footer #copyright span { font-family: Arial; font-size: 15px; }

footer ul#terms { margin: 0 auto; display: table; font-family: Arial; font-size: 10px; color: #869954; }
footer ul#terms li { float: left; margin-left: 5px; }
footer ul#terms li a { color: #869954; text-decoration: none; }
footer ul#terms li a:hover { text-decoration: underline; }

footer #r-side { height: 57px; float: right; }
footer #r-side img { display: block; position: absolute; bottom: 0; right: 0; }

address { font-style: inherit; color: #869954; font-size: 15px; margin-top: 14px; text-shadow: 0 0 15px rgba(0,0,0,.22); float: left; margin-right: 20px; }

ul.bot_nav { margin-top: 7px; display: table; float: left; }
ul.bot_nav li { float: left; margin-left: 10px; }
ul.bot_nav li:first-child { margin-left: 0; }
ul.bot_nav li i.w-dotted { width: 3px; height: 3px; background-position: -5px 0; margin: 9px 0 0 10px; float: left; }
ul.bot_nav li:last-child i { display: none; }
ul.bot_nav li a { color: #f4f4f4; font-size: 16px; text-transform: uppercase; text-decoration: none; float: left; transition: all .4s ease 0s; }
	ul.n-align { position: absolute; right: 225px; }
ul.bot_nav li a:hover { opacity: .5; }

ul#social { margin: 20px 205px 0 0; float: left; }
ul#social li { float: left; margin-right: 10px; }
ul#social li:last-child { margin-right: 0; }
ul#social li a { width: 24px; height: 24px; display: block; }
ul#social li a.youtube { background-position: 0 -34px; }
ul#social li a.facebook { background-position: -34px -34px; }
ul#social li a.twitter { background-position: -68px -34px; }

ul#language { height: 30px; border-right: 1px solid #bac09e; padding-right: 20px; margin: 16px 20px 0 0; float: left; display: table; }
ul#language li { float: left; margin-left: 5px; }
ul#language li a { width: 19px; height: 14px; margin-top: 8px; }
ul#language li a.sp { background-position: 0 -15px }
ul#language li a.en { background-position: -24.2px -15px }
ul#language li a.br { background-position: -48px -15px }
ul#language li a.off { opacity: .2; transition: all .4s ease 0s; }
ul#language li a.off:hover { opacity: 1; }

ul.sidenav { position: absolute; top: 20px; left: 20px; }
ul.sidenav li { margin-bottom: 10px; position: relative; }
ul.sidenav li a { width: 58px; height: 58px; display: block; position: relative; opacity: 0;}
ul.sidenav li a:hover .sphere-out { transform: scale(1.2); transform-origin: center center; }
ul.sidenav li a:hover .sphere-in { transform: scale(1.25); transform-origin: center center; }
ul.sidenav li a .sphere-out { width: 58px; height: 58px; border-radius: 100%; position: absolute; background-color: #7b8d43; transition: all .4s cubic-bezier(.4,1.8,.5,1.8); } 
ul.sidenav li a .sphere-in { width: 46px; height: 46px; border-radius: 100%; position: absolute; top: 50%; margin-top: -23px; left: 50%; margin-left: -23px; box-shadow: 2px 2px 1px rgba(0,0,0,.3); background-image: -moz-linear-gradient(45deg, #c5bdb2 0%, #f3efe9 100%);
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#c5bdb2), color-stop(100%,#f3efe9)); transition: all .4s cubic-bezier(.4,1.8,.5,1.8) .1s; }
ul.sidenav li a .icon { width: 58px; height: 58px; position: absolute; position: absolute; top: 50%; margin-top: -29px; left: 50%; margin-left: -29px; opacity: 0; }

ul.sidenav li a .cristo { background-position: 0 -74px; }
ul.sidenav li a .clock { background-position: 0 -132px; }
ul.sidenav li a .weather { background-position: -58px -74px; }
ul.sidenav li a .hand { background-position: -58px -132px; }
ul.sidenav li a .news { background-position: -116px -74px; }
ul.sidenav li a .search { background-position: -116px -132px; }
ul.sidenav li a .friends { background-position: 0 -184px; }

.caption { width: auto; padding: 10px 30px; background-color: rgba(0,0,0,.5); text-transform: uppercase; color: #f4f4f4; position: absolute; top: 30px; left: 70px; opacity: 0; visibility: hidden; white-space: nowrap; transition-duration: .5s; transition-property: opacity; z-index: 9; }
.caption:after { width: 0px; height: 0px; content: ""; display: block; position: absolute; top: 0; left: -12px; border-right: 12px solid rgba(0,0,0,.5); border-top: 0; border-bottom: 12px solid transparent; }

#map { position: absolute; top: 80px; right: -145px; cursor: pointer; }
#map img { transition: transform 0.15s cubic-bezier(.5,1.49,0,1.89) 0s; transform-origin: center center; }
#map span { text-transform: uppercase; position: absolute; z-index: 2; color: #869954; transform-origin: center center; text-shadow: 0 0 4px rgba(0,0,0,.25); }
#map span.view { font-size: 23px; top: 40px; left: 40px; transition: transform .15s cubic-bezier(.5,1.49,0,1.89) .12s; }
#map span.map { font-size: 20px; top: 60px; left: 20px; transition: transform .15s cubic-bezier(.5,1.49,0,1.89) .20s; }
#map:hover img { transform: scale(.9); }
#map:hover span { transform: scale(.9); }

#cont-img { width: 50%; left: -50%; top: 0; bottom: 0; position: absolute; z-index: 1; background-color: white; overflow: hidden; }
#cont-img .img-page { width: 100%; height: 100%; background-size: cover; background-position: center center; }

.credit { background-color: rgba(0,0,0,.5); padding: 5px; color: #e7ebdc; position: absolute; }
.credit2 { background-color: rgba(0,0,0,.5); font-size: 16px; margin: 5px; padding: 5px; color: #e7ebdc; position: absolute;  width: 440px; }
.creditgallery { background-color: rgba(0, 0, 0, 0.5); color: #e7ebdc; font-size: 16px; font-weight: normal; padding: 1px 10px; position: absolute; top:30px; width: 130px; }
#page-content { height: 100%; position: absolute; z-index: 2; top: 0; right: -60%; background-image: url(../images/bg_content.jpg); }

.page1 { width: 50%; }
.page1 .skew { width: 100px; height: 100%; position: absolute; top: 0; left: -30px; background-image: url(../images/bg_content.jpg); transform: skew(5deg,0); }

.page2 { width: 100%; left: 0; right: 0; opacity: 0; }

._pg { height: calc(100% - 40px); padding: 20px; position: relative; background-image: url(../images/embauba.jpg); background-repeat: no-repeat; background-position: top right; }

.brightness { background-image: url(../images/bg_header.jpg); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; opacity: 0; transition-duration: 1s; transition-timing-function: cubic-bezier(0.25, 1, 0.25, 1); }

.grid { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.grid .over { transition: opacity .4s ease; }
.grid .panels:hover .over { opacity: .7; }
.grid .panels > a { height: 100%; display: block; opacity: 1; float: left; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; opacity: 0; }
.grid .panels > a:hover .over { opacity: 0; }
.grid .panels > a:hover .pattern { opacity: 0; }
.grid .title { width: 200px; padding: 15px; font-size: 18px; text-transform: uppercase; text-align: right; color: #869954; background-image: url(../images/bg_header.jpg); position: absolute; bottom: 100px; left: -20px; box-shadow: 1px 1px 2px rgba(0,0,0,.3); transition: all .4s ease 0s; }
.grid a:hover .title { left: 0; }

.grid a.actionsomos1 { background-image: url(../images/paineis/quemsomos1.jpg); }
.grid a.actionsomos2 { background-image: url(../images/paineis/quemsomos2.jpg); }
.grid a.actionsomos3 { background-image: url(../images/paineis/quemsomos3.jpg); }
.grid a.actionsomos4 { background-image: url(../images/paineis/quemsomos4.jpg); }

.grid a.actionfazemos1 { background-image: url(../images/paineis/oquefazemos1.jpg); }
.grid a.actionfazemos2 { background-image: url(../images/paineis/oquefazemos2.jpg); }
.grid a.actionfazemos3 { background-image: url(../images/paineis/oquefazemos3.jpg); }
.grid a.actionfazemos4 { background-image: url(../images/paineis/oquefazemos4.jpg); }

.grid a.actiongaleria1 { background-image: url(../images/paineis/galeria1.jpg); background-position: right top; }
.grid a.actiongaleria2 { background-image: url(../images/paineis/galeria2.jpg); background-position: left top; }
.grid a.actiongaleria3 { background-image: url(../images/paineis/galeria3.jpg); }
.grid a.actiongaleria4 { background-image: url(../images/paineis/galeria4.jpg); }

.grid a.type1 { background-image: url(../images/paineis/mamiferos.jpg); }
.grid a.type2 { background-image: url(../images/paineis/aves.jpg); }
.grid a.type3 { background-image: url(../images/paineis/anfibios.jpg); background-position: center left; }
.grid a.type4 { background-image: url(../images/paineis/insetos.jpg); }
.grid a.type5 { background-image: url(../images/paineis/repteis.jpg); }

.grid a.sector1 { background-image: url(../images/paineis/floresta.jpg); }
.grid a.sector2 { background-image: url(../images/paineis/serra.jpg); }
.grid a.sector3 { background-image: url(../images/paineis/gavea.jpg); }

.panels { height: 100%; float: right; }
.panelsText { width: 75%; }
.panelsFull { width: 100%; }

.panel-3 .panels > * { width: 33.33%; }
.panel-4 .panels > * { width: 25%; }
.panel-5 .panels > * { width: 20%; }

.introduction { width: 25%; float: left; position: relative; }
.introduction > .text { padding: 30px; text-align: justify; }
.introduction > .text h1 { margin-bottom: 20px; text-align: center; }

.pattern { width: 100%; height: 100%; display: block; background-image: url(../images/pattern.png); }

.overlay { background-color: rgba(0,0,0,.8); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: none; }

.slick-list { height: 100%; position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-track { height: 100%; position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; background-size: cover; background-position: center center; }
.slick-initialized .slick-slide { display: block; }

.slick-prev, .slick-next { width: 62px; height: 61px; position: absolute; top: 50%; margin-top: -31px; cursor: pointer; z-index: 5; text-indent: 9999px; }
.slick-prev { left: 10px; background-position: -180px 0; }
.slick-next { right: 10px; background-position: -242px 0; }
.slick-prev.slick-disabled { background-position: -180px -61px; }
.slick-next.slick-disabled { background-position: -242px -61px; }

.over { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.8); opacity: 0; transition: opacity .2s ease; }

.gallery { height: 100%; position: relative; }
.gallery a { width: 20%; height: 50%; display: block; float: left; position: relative; overflow: hidden; color: #869954; background-size: cover; background-position: center center; }
.gallery a figure { width: 100%; height: 100%; overflow: hidden; }
.gallery a figure figcaption { width: calc(100% - 40px); padding: 15px 10px; position: absolute; bottom: 10px; left: 10px; background-image: url(../images/bg_header.jpg); text-align: center; transition: all .3s ease; white-space: nowrap; }
.gallery a img { width: 100%; min-height: 100%; transition: all .2s ease-in-out; }
.gallery a .border { width: 100%; height: 100%; display: block; box-sizing: border-box; position: absolute; border: 0 solid white; transition: border-width .25s ease; }
.gallery a:hover .border { border-width: 10px; }
.gallery a:hover .over{ opacity: 0 !important; }
.gallery a:hover figcaption { bottom: 20px; }
.gallery a:hover .pattern { opacity: 0; }

#fotos { height: calc(100% - 55px); position: relative; background-color: black; }
#fotos a { width: 20%; height: 50%; display: block; float: left; position: relative; overflow: hidden; transition: all .2s ease-in-out; background-size: cover; background-position: center center; }
#fotos a figure { width: 100%; height: 100%; overflow: hidden; background-color: white; transition: all .2s ease; }
#fotos a img { width: 100%; min-height: 100%; }
#fotos .border { background-color: white; }
#fotos:hover a { opacity: .8; }
#fotos a:hover { opacity: 1; background-color: white; position: relative; z-index: 5; box-shadow: 1px 1px 3px rgba(0,0,0,.5); transform: scale(1.09); }
#fotos a:hover figure { opacity: 1; transform: scale(.95); }

.lightBox { border: 1px solid #666; display: none; background-color: black; position: absolute; left: 50%; top: 50%; z-index: 5; }

.fauna, .flora { width: 50%; position: absolute; top: 0; bottom: 0; background-color: black; background-size: cover; background-position: center center; overflow: hidden; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.fauna:hover, .flora:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  -webkit-filter: grayscale(100%); }
.fauna:hover .over, .flora:hover .over { opacity: 1; background-color: rgba(0,0,0,.5); }
.fauna p, .flora p { width: 360px; margin-left: -180px; font-size: 18px; font-weight: bold; color: white; text-align: center; position: absolute; top: 40%; left: 50%; opacity: 0; transition: all .3s ease; transform: scale(.9); }
.fauna:hover p, .flora:hover p { opacity: 1; transform: scale(1); }
.capt { width: 215px; padding: 20px 0; margin-left: -107px; text-align: center; color: #869954; font-size: 22px; text-transform: uppercase; position: absolute; top: 80%; left: 50%; background-image: url(../images/bg_header.jpg); transition: all .3s cubic-bezier(.4,1.8,.5,1.8); }
.fauna:hover .capt, .flora:hover .capt { width: 300px; margin-left: -150px; top: 79%; }
.fauna { left: 0; background-image: url(../images/fauna.jpg); }
.flora { right: 0; background-image: url(../images/flora.jpg); }

.picture { width: 360px; background-image: url(../images/bg_header.jpg); box-shadow: 2px 2px 5px rgba(0,0,0,.5); padding: 10px 10px 0 10px; margin: 0 15px 15px 0; float: left; }
.picture img { max-width: 450px; max-height: 600px; }
.picture > * { margin-bottom: 10px; }

.crsl { width: 100%; height: 100%; position: relative; }
.crsl > div { height: 100%; }
.crsl .slick-prev, .crsl .slick-next { width: 39px; height: 39px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; z-index: 5; text-indent: 9999px; }
.crsl .slick-prev { background-position: -314px 0; left: 20px; }
.crsl .slick-next { background-position: -353px 0; right: 50px; }
.crsl .slick-disabled { opacity: .5; }
.crsl .author { text-transform: uppercase; font-weight: bold; color: #7b8d43; }
.crsl p { font-size: 16px; color: #7b8d43; }

.pMiddle:first-child { width: calc(50% - 50px); margin-right: 50px; }
.pMiddle { width: 50%; float: left; }

.setor{ float: left; position: relative; height: 200px; margin-right: 15px; width: 200px; }
.setor .title { background-image: url(../images/bg_header.jpg); bottom: 20px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); color: #869954; font-size: 18px; left: 0px; padding: 15px; position: absolute; text-align: right; text-transform: uppercase; transition: all 0.4s ease; width: 170px; text-align: center; }
.setor a .pattern { transition: all .2s ease; }
.setor a:hover .title { bottom: 0; }
.setor a:hover .pattern { opacity: 0; }
.setor a { height:100%; display:block; background-size: cover; background-position: center -55px; background-repeat: no-repeat; }

#clockAndPhone { display: table; }
#clockAndPhone .operation { width: 200px; margin-right: 20px; float: left; }
#clockAndPhone .clock { width: 68px; height: 68px; background-position: -308px -50px; margin: 0 auto 20px; }
#clockAndPhone .phone { width: 68px; height: 68px; background-position: -378px -50px; margin: 0 auto 20px; }
#clockAndPhone p { text-align: center; font-size: 18px; }

.titLong { width: 100%; display: table; margin-bottom: 15px; padding-bottom: 8px; text-transform: uppercase; text-align: left; font-size: 22px; color: #e7ebdc; border-bottom: 1px dotted #97a56b; }

span.image { height: 300px; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.indic { margin-top: 30px; }

.pin { width: 22px; height: 25px; background-position: -195px -131px; float: left; margin-right: 20px; }
.star { width: 23px; height: 23px; background-position: -255px -133px; float: left; margin-right: 20px; }
.paper { width: 15px; height: 21px; background-position: -199px -158px; float: left; margin-right: 20px; }

.links { width: 215px; position: absolute; top: 180px; right: 20px; }
.downloads { width: 100%; text-align: center; color: #e7ebdc; font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #97a56b; font-style: italic; }
.downloads:last-child { border-bottom: 0 none; }
a.download { width: 145px; padding: 10px 0; border-radius: 5px; text-align: center; text-decoration: none; display: block; background-image: url(../images/bg_header.jpg); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15); color: #869954; font-size: 18px; font-style: normal; margin: 0 auto; }

.icoAtiv { width: 20px; height: 23px; margin-right: 20px; background-position: -223px -132px; }

.activity { width: calc(50% - 30px); margin-left: 30px; }
.activity ul { width: 285px; display: table; }
.activity ul li { width: 50%; float: left; }
.activity ul li:before { content: ""; }
.activity ul li a { display: table; color: #e7ebdc; transition: opacity .3s ease; }
.activity ul li a i { width: 46px; height: 42px; float: left; }
.activity ul li a i.activity1 { background-position: -460px -126px; }
.activity ul li a i.activity2 { background-position: -460px -42px; }
.activity ul li a i.activity3 { background-position: -460px 0; }
.activity ul li a i.activity4 { background-position: -460px -168px; }
.activity ul li a i.activity5 { background-position: -460px -84px; }
.activity ul li a i.activity6 { background-position: -506px -42px; }
.activity ul li a i.activity7 { background-position: -506px 0; }
.activity ul li a i.activity8 { background-position: -506px -84px; }
.activity ul li a i.activity9 { background-position: -506px -168px; }
.activity ul li a i.activity10 { background-position: -506px -126px; }
.activity ul li a span { width: 80px; display: inline-block; margin-left: 10px; text-align: left; font-weight: bold; float: left; }

a.rollback { width: 70px; height: 70px; transform: scale(.5); visibility: hidden; opacity: 0; display: inline-block; vertical-align: top; line-height: 70px; background-image: url(../images/bg_header.jpg); border-radius: 100%; position: absolute; top: 40px; left: 50%; margin-left: -35px; text-align: center; transition: all .4s cubic-bezier(.4,1.8,.5,1.8); cursor: pointer; }
.back { width: 9px; height: 14px; background-position: -411px 0; margin-left: -3px; display: inline-block; vertical-align: middle; }

.expTxt { width: calc(100% - 145px); }

.where a { float: left; margin-right: 20px; }
.where .van { width: 68px; height: 68px; background-position: -308px -118px; }
.where .car { width: 68px; height: 68px; background-position: -377px -118px; }
.where .taxi { width: 68px; height: 68px; background-position: -308px -186px; }

#area { margin: 30px 0; }
#area ul.highlight { width: 100%; display: table; }
#area ul.highlight li { width: 25%; display: inline-block; vertical-align: top; }
#area ul.highlight li a.local { margin-bottom: 8px; display: table; color: #e7ebdc; text-decoration: none; transition: opacity .3s ease; }
#area ul.highlight li a.local .nameSetor { width: calc(80% - 62px); float: left; font-size: 18px; margin: 15px 0 5px 3%; }
#area ul.highlight li a.local > i { width: 62px; height: 62px; float: left; border-radius: 100%; border: 3px solid #e7ebdc; box-shadow: -1px 1px 2px rgba(0,0,0,.5); display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0 auto 5px; }

.info { width: calc(50% - 40px); margin-right: 20px; float: left; padding: 20px; border-radius: 5px; background-image: url(../images/bg_header.jpg); box-shadow: 4px 4px 0 rgba(0,0,0,.2); }
.info p, .info a { font-size: 15px; color: #869954; }

.chegar { display: none; }

.sidebar { width: 360px; }
.sidebar .boxes { width: calc(100% - 30px); display: table; padding: 10px 15px 15px; margin-bottom: 10px; background-image: url(../images/bg_header.jpg); border-top: 4px solid #aeb635; }
.sidebar .boxes .title { color: #869954; text-transform: uppercase; font-size: 20px; margin-bottom: 5px; }
.sidebar .instagram-box img { width: 100%; }
.sidebar, .rightbar { display: inline-block; vertical-align: top; }

.rightbar { width: calc(100% - 530px); margin-left: 20px; }

.search-box form span { width: 100%; background-color: white; border: 1px solid #ccc; display: table; }
.search-box form input { display: inline-block; vertical-align: top; }
.search-box form input[type="text"] { width: calc(100% - 52px); padding: 5px; border: 0; }
.search-box form input[type="button"] { width: 40px; padding: 5px 0; border: 0; background-color: white; background-image: url(../images/lupa.png); background-repeat: no-repeat; background-position: 16px 7px; cursor: pointer; }

.bt-lupa  { width: 40px !important; padding: 5px 0; border: 0; background-color: white; background-image: url(../images/lupa.png); background-repeat: no-repeat; background-position: 16px 7px; cursor: pointer; }

article { width: 32%; margin: 0 10px 80px 0; display: inline-block; vertical-align: top; position: relative; }
article a { display: block; text-decoration: none; }
article a:hover h1 { text-decoration: underline; }
article a:hover .except { height: 231px; }
article a:hover .new-count { opacity: 1; bottom: 5px; }
article a:hover .date { bottom: 10px; opacity: 1; }
article .imgArticle { width: 100%; height: 200px; background-size: cover; background-position: top center; background-repeat: no-repeat; }
article .except { width: calc(100% - 30px); height: 30px; position: absolute; bottom: -64px; overflow: hidden; padding: 15px; background-image: url(../images/bg_header.jpg); border-bottom: 4px solid #aeb635; transition: all .4s cubic-bezier(0.25, 0.1, 0.25, 1); }
article .except .title { font-size: 15px; text-transform: uppercase; color: #869954; }
article .except p { color: #555; font-size: 16px; opacity: .7; position: absolute; top: 60px; }
article .except .date { color: #555; font-size: 14px; position: absolute; bottom: -5px; right: 5px; opacity: 0; transition: all .4s ease; }
article .new-count { width: 33px; height: 30px; background-position: -560px 0; position: absolute; bottom: -25px; right: 5px; text-align: center; line-height: 1.6em; color: white; opacity: 0; transition: all .3s ease; }
article._pb { height: 271px; margin: 0 10px 10px 0; display: inline-block; vertical-align: top; }
article._pb .except { height: 231px; bottom: 0; }
article._pb .except .date { opacity: 1; position: absolute; bottom: 10px; right: 5px; }

form#filter {  }
form#filter select { width: 45%; }
form#filter select { color: #555; }
form#filter input, form#filter select { width: 100%; border: 0; float: left; padding: 5px 0; }
form#filter input[type="text"] { width: calc(90% - 17px); padding: 5px; }
form#filter input[type="button"] { width: 10%; background-color: white; background-image: url(../images/lupa.png); background-repeat: no-repeat; background-position: 16px 7px; cursor: pointer;}
form#filter span { width: 100%; background-color: white; border: 1px solid #ccc; display: table; }
form#filter span { margin-bottom: 5px; }
form#filter span:last-child { margin-bottom: 0; }

form.main-form select, form.main-form input, textarea { padding: 5px 10px; border: 0; border-radius: 3px; background-color: #66733c; box-shadow: -1px 1px 0 rgba(255,255,255,.2); font-family: 'please_write_me_a_songmedium'; color: #e7ebdc; font-size: 16px; margin-bottom: 10px; }
form.main-form input[type="text"], form.main-form input[type="email"], form.main-form textarea { width: calc(100% - 20px); }
form.main-form textarea { height: 100px; }
form.main-form input[type="submit"] { display: table; background-color: #e7ebdc; box-shadow: 1px 1px 2px rgba(0,0,0,.3); color: #869954; font-size: 13px; text-transform: uppercase; cursor: pointer; }
._pf { width: 80%; }
form.main-form .full { width: 100%; display: table; }
form.main-form .half { width: calc(50% - 20px); margin-right: 20px; float: left; }
form.main-form .half:last-child { width: 50%; margin-right: 0; }

form.main-form .bSelect { width: 100%; padding: 0 1px 1px 1px; overflow: hidden; }
form.main-form .bFile { height: 17px; overflow: hidden; }
form.main-form select { width: calc(100% + 20px); background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: calc(100% - 30px) 12px; color: #acb493; }
form.main-form select option { background-color: white; color: #555; }

.week-ativ { margin-top: 30px; }
.week-ativ ul li { width: calc(32% - 40px); padding-left: 20px; border-left: 1px dotted #97a56b; display: inline-block; vertical-align: top; }
.week-ativ ul li:first-child { border: 0; }

ul.faq {  }
ul.faq li { padding: 10px; margin-bottom: 3px; color: #869954; border-radius: 3px; background-image: url(../images/bg_header.jpg); cursor: pointer; transition: opacity .3s ease; }
ul.faq li:hover { opacity: .8; }
ul.faq li ul { display: none; }

.quest { font-size: 22px !important; font-weight: bold; }

.answer { width: 450px; height: 300px; padding: 20px; background-image: url(../images/bg_header.jpg); position: absolute; top: 50%; left: 50%; margin: -95px 0 0 -225px; z-index: 6; border-radius: 3px; visibility: hidden; opacity: 0; transition: all .4s ease; }
.answer .mCustomScrollbar { height: 280px; margin: 0; }
.answer a.close { width: 30px; height: 34px; position: absolute; right: -8px; top: -8px; background-position: -104px 0; z-index: 6; }
.answer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #7b8d43; }
.answer .mCSB_scrollTools .mCSB_draggerRail { background-color: #c6c0bf; }

.answer p { color:#778841; font-size: 18px; }
.answer a { color:#778841; text-decoration:none; }

.getup { margin-top: -150px !important; visibility: visible !important; opacity: 1 !important; }

ul.partners li { display: inline-block; vertical-align: top; margin: 0 15px 15px 0; position: relative; }
ul.partners li .caption-partners { width: 300px; text-align: justify; padding: 10px 30px; background-color: #fff; position: absolute; top: 4px; left: 233px; opacity: 0; visibility: hidden; transition-duration: .5s; transition-property: opacity; border-radius: 0 5px 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); z-index: 9; }

ul.partners li .caption-partners:after { width: 0px; height: 0px; content: ""; display: block; position: absolute; top: 0; left: -12px; border-right: 12px solid #fff; border-top: 0; border-bottom: 12px solid transparent; }

ul.partners li .caption-partners h3 { font-size: 15px; color: #869954; position: initial; text-transform: uppercase; }
ul.partners li .caption-partners p { font-size: 13px; color: #869954; position: initial; }

.g-titLong { width: 100%; display: table; margin-bottom: 10px; padding-bottom: 8px; text-transform: uppercase; text-align: left; font-size: 20px; color: #869954; border-bottom: 1px dotted #97a56b; }

.boxHome { position: absolute; z-index: 8; }

._bb9 { width: 100%; padding: 10px; border-radius: 5px; background-color: #7b8d43; }
._cb9 { width: calc(100% - 40px); padding: 20px; background-image: url(../images/bg_header.jpg); border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); }
.titBase { text-transform: uppercase; margin: -10px 0 10px 0; color: #869954; }
.time { width: 250px; left: 50%; top: 50%; margin-left: -125px; margin-top: -125px; visibility: hidden; opacity: 0; }
.time iframe { width: 215px; height: 200px; }
.notice { width: 350px; left: 50%; top: 50%; margin-left: -175px; margin-top: -125px; visibility: hidden; opacity: 0; }
.clockBox { width: 250px; left: 50%; top: 50%; margin-left: -125px; margin-top: -125px; visibility: hidden; opacity: 0; }
.searchBox { width: 250px; left: 50%; top: 50%; margin-left: -125px; margin-top: -125px; visibility: hidden; opacity: 0; }

.closed { width: 11px; height: 11px; background-image: url(../images/closed.png); background-repeat: no-repeat; display: block; position: absolute; top: 20px; right: 0; cursor: pointer; }
.morebt { width: 25px; height: 26px; background-position: -597px 0; position: absolute; right: -5px; bottom: 14px; }

.titNotice { color: #7b8d43; font-size: 20px; }
.textNotice { float: left; margin: 10px 10px 0 0; width: 160px; }
.linkNotice { color: #7b8d43; display: table; }
.imgNotice { width: 140px; }

._x9 { text-align: center; }
._x9 form { height: 28px; }
._x9 form input[type="button"] { width: 40px; height: 28px; background-color: white; background-image: url(../images/lupa.png); background-position: 16px 7px; background-repeat: no-repeat; border: 0 none; cursor: pointer; margin-left: -2px; padding: 5px 0; line-height: 999em; overflow: hidden; }
._x9 form input[type="text"] { border: 0 none; float: left; height: 18px; padding: 5px; width: calc(100% - 52px); }

.busca { padding-top: 10px; }
.busca > a { text-align: left; text-decoration: none; }
.busca > a > h5 { color: #333; font-size: 16px }
.busca > a > p { color: #666; font-size: 16px }

.pagination { text-align:center; }	
.pagination > a { padding: 2px; text-decoration: none; }
.active { text-decoration: underline !important; }

.new img { background-color: white; margin-left: 0 !important; padding: 5px; }
.new li { list-style-type: disc; list-style-position: inside; }
.small-size { width: 250px; }
.medium-size { width: 450px; }
.left-image { float: left; margin: 0 15px 15px 0; }
.right-image { float: right; margin: 0 0 15px 15px; }

#preload { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 9;  }
#preload .line { width: 100%; height: 0; background-color: rgba(255,255,255,.3); position: absolute; top: 50%; }
#preload .base-in { width: 100px; height: 100px; border-radius: 100%; box-shadow: 2px 2px 1px rgba(0,0,0,.5); background-image: -moz-linear-gradient(45deg, #c5bdb2 0%, #f3efe9 100%); background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#c5bdb2), color-stop(100%,#f3efe9)); position: relative; }
#preload .base-out { width: 100px; height: 100px; margin: -58px 0 0 -58px; padding: 8px; background-color: #7b8d43; border-radius: 100%; display: block; position: absolute; top: 50%; left: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,.5); }
#preload .bird-fly { width: 50px; height: 50px; position: absolute; top: 22px; left: 22px; background-image: url(../images/bird-fly.png); z-index: 999; transform: scale(1.1);
	-webkit-animation:bird-fly .3s steps(13) infinite;
	-moz-animation:bird-fly .3s steps(13) infinite;
	-ms-animation:bird-fly .3s steps(13) infinite;
	-o-animation:bird-fly .3s steps(13) infinite;
	animation:bird-fly .3s steps(13) infinite;
	}

/* BEGIN MAP */
.ndd-annotator-content { width: 100%; height: 100%; }
.ndd-annotator-container { overflow: hidden; position: relative; }

.ndd-spot-rect { left: 19.55%; top: 21.4%; width: 50px; height: 50px; }

.parent { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: inline-block; }
.parent h1 { position: absolute; top: 0; left: 20px; z-index: 9; color: white; font-size: 50px; visibility: hidden; opacity: 0; transition: all .4s ease; }
.parent h1.showed { visibility: visible; opacity: 1; }
.parent #quad { width: 350px; background-color: white; position: absolute; top: 0; bottom: 1px; left: -350px; z-index: 10; background-image: url(../images/bg_header.jpg); transition: all .4s ease; }
.parent #quad .mName { color: #869954; font-size: 25px; text-transform: uppercase; font-weight: bold; }
.parent #quad p { color: #869954; font-size: 16px; }
.parent #quad ._nts { width: 310px; padding: 20px; position: absolute; top: 245px; bottom: 0; z-index: 9; }
.parent #quad ._c { width: 100%; height: calc(100% - 40px) !important; overflow-y: auto; margin-top: 15px; }
.parent #quad ._c p a { color: #869954; font-weight: bold; text-decoration: underline; }
.parent #goc { width: 350px; background-color: white; position: absolute; top: 0; bottom: 1px; left: -350px; z-index: 10; background-image: url(../images/bg_content.jpg); transition: all .4s ease; }
 #chegar { width: calc(100% - 30px); height: calc(100% - 105px) !important; overflow-y: auto; }
  #chegar p { font-size: 16px; }
.parent #goc > div { padding: 10px; }

.linked { width: 100%; height: 100%; position: relative; display: inline-block; }
.linked .base {  width: 100%; height: 100%; opacity: .5; transition: opacity .2s ease; }
.linked .border { width: 100%; height: 100%; }
.linked:hover .base { opacity: 1; }

.part1-base { width: 24.6%; height: 24.6%; position: absolute; top: 2.7%; left: 12.3%; }
	.part1-base .pin1 { left: 20%; top: 40%; }

	.part1-base .vias { height: 56%; left: -15.5%; position: absolute; top: 32%; width: 70%; }
	.part1-base .vias svg { width: 100%; height: 100%; }

.part2-base { width: 25%; height: 39.5%; position: absolute; top: 21.7%; left: 24.6%; z-index: 3; border-bottom-right-radius: 320px; }
/*.part2-base ._tr { margin-top: -20px; }*/
	.link-part2 { border-bottom-right-radius: 320px; }
	.part2-base .base { border-bottom-right-radius: 320px; }
	.part2-base .border { border-bottom-right-radius: 320px; }
	.part2-base .pin1 { left: 67%; top: 35%; }
	.part2-base .pin2 { left: 58%; top: 38%; }
	.part2-base .pin3 { left: 67.5%; top: 40.5%; }
	.part2-base .pin4 { left: 54%; top: 44%; }
	.part2-base .pin5 {  left: 81%; top: 40%; }
	.part2-base .pin6 { left: 81.5%; top: 44%; }
	.part2-base .pin7 { left: 36.5%; top: 46%; }
	.part2-base .pin8 { left: 44.5%; top: 51%; }
	.part2-base .pin9 { left: 54%; top: 52%; }
	.part2-base .pin10 { left: 77%; top: 54%; }
	.part2-base .pin11 { left: 44%; top: 56%; }
	.part2-base .pin12 { left: 55.5%; top: 56%; }
	.part2-base .pin13 { left: 46%; top: 57.5%; }
	.part2-base .pin14 { left: 42.5%; top: 58%; }
	.part2-base .pin15 { left: 40%; top: 60%; }
	.part2-base .pin16 { left: 43%; top: 61.5%; }
	.part2-base .pin17 { left: 60.5%; top: 62.2%; }
	.part2-base .pin18 { left: 25%; top: 63%; }
	.part2-base .pin19 { left: 29%; top: 64%; }
	.part2-base .pin20 { left: 45%; top: 64.5%; }
	.part2-base .pin21 { left: 57%; top: 65.5%; }
	.part2-base .pin22 { left: 38%; top: 65.5%; }
	.part2-base .pin23 { left: 63.5%; top: 65.5%; }
	.part2-base .pin24 { left: 42.5%; top: 67.5%; }
	.part2-base .pin25 { left: 67.5%; top: 67.3%; }
	.part2-base .pin26 { left: 60%; top: 66.8%; }
	.part2-base .pin27 { left: 52.6%; top: 68.5%; }
	.part2-base .pin28 { left: 56.6%; top: 68.5%; }
	.part2-base .pin29 { left: 62.5%; top: 69.5%; }
	.part2-base .pin30 { left: 72%; top: 69.5%; }
	.part2-base .pin31 { left: 47.5%; top: 70.5%; }
	.part2-base .pin32 { left: 26.5%; top: 71.5%; }
	.part2-base .pin33 { left: 77.5%; top: 71.5%; }
	.part2-base .pin34 { left: 70.5%; top: 72%; }
	.part2-base .pin35 { left: 41%; top: 72.5%; }
	.part2-base .pin36 { left: 68%; top: 73.5%; }
	.part2-base .pin37 { left: 57%; top: 78.5%; }
	.part2-base .pin38 { left: 77.5%; top: 78.5%; }
	.part2-base .pin39 { left: 70%; top: 79.5%; }
	.part2-base .pin40 { left: 48%; top: 80.5%; }
	.part2-base .pin41 { left: 55.7%; top: 82.5%; }
	.part2-base .pin42 { left: 60.7%; top: 82.5%; }
	.part2-base .pin43 { left: 24.7%; top: 83.5%; }
	.part2-base .pin44 { left: 23.7%; top: 86.5%; }
	.part2-base .pin45 { left: 18.7%; top: 88.5%; }
	.part2-base .pin46 { top: 12%; left: 27%; }
	.part2-base .pin47 { left: 31.5%; top: 17.7%; }
	.part2-base .pin48 { left: 39%; top: 27%; }
	.part2-base .pin49 { left: 30%; top: 28%; }
	.part2-base .pin50 { left: 42%; top: 52%; }
	.part2-base .pin51 { left: 55%; top: 59.5%; }
	.part2-base .pin52 { left: 58.5%; top: 62%; }
	.part2-base .pin53 { left: 48%; top: 66.5%; }
	.part2-base .pin54 { left: 51%; top: 70%; }
	.part2-base .pin55 { left: 65.8%; top: 72%; }
	.part2-base .pin56 { left: 74%; top: 72.8%; }
	.part2-base .pin57 { left: 71%; top: 76.3%; }
	.part2-base .pin58 { left: 67.5%; top: 77.3%; }
	.part2-base .pin59 { left: 51.5%; top: 79%; }
	.part2-base .pin60 { left: 43.7%; top: 54%; }
	.part2-base .pin61 { left: 57.7%; top: 59%; }
	.part2-base .pin62 { left: 42%; top: 64.5%; }
	.part2-base .pin63 { left: 65.5%; top: 69%; }
	.part2-base .pin64 { left: 54.5%; top: 71%; }
	.part2-base .pin65 { left: 73.5%; top: 76.5%; }
	.part2-base .pin66 { left: 51.5%; top: 81%; }
	.part2-base .pin67 { left: 59.7%; top: 59.5%; }

	.part2-base .vias { width: 100%; height: 86%; position: absolute; left: -8.5%; top: 5.5%; border-bottom-right-radius: 200px; }
	.part2-base .vias svg { width: 100%; height: 100%; border-bottom-right-radius: 150px; }

.part3-base { width: 70%; height: 39%; position: absolute; top: 34%; left: 26.5%; z-index: 2; }
	.part3-base .pin1 {  }
	.part3-base .pin2 { left: 73.6%; top: 21%; }
	.part3-base .pin3 { left: 60.2%; top: 21.5%; }
	.part3-base .pin4 { left: 72.5%; top: 22.2%; }
	.part3-base .pin5 {  }
	.part3-base .pin6 {  }
	.part3-base .pin7 {  }
	.part3-base .pin8 { left: 63.5%; top: 30.2%; }
	.part3-base .pin9 { left: 48.7%; top: 32.2%; }
	.part3-base .pin10 { left: 59.1%; top: 32.5%; }
	.part3-base .pin11 { left: 65%; top: 33%; }
	.part3-base .pin12 { left: 54.3%; top: 35%; }
	.part3-base .pin13 { left: 63.9%; top: 35.2%; }
	.part3-base .pin14 { left: 62.8%; top: 36%; }
	.part3-base .pin15 { left: 52.2%; top: 38%; }
	.part3-base .pin16 { left: 35.9%; top: 38%; }
	.part3-base .pin17 { left: 50.9%; top: 38.3%; }
	.part3-base .pin18 { left: 61.6%; top: 39.8%; }
	.part3-base .pin19 { left: 62.9%; top: 40.8%; }
	.part3-base .pin20 { left: 57.4%; top: 41.5%; }
	.part3-base .pin21 { left: 64.4%; top: 42.8%; }
	.part3-base .pin22 { left: 53.5%; top: 43.5%; }
	.part3-base .pin23 { left: 54.9%; top: 44.5%; }
	.part3-base .pin24 {  }
	.part3-base .pin25 { left: 62.7%; top: 47.5%; }
	.part3-base .pin26 { left: 64.8%; top: 47.5%; }
	.part3-base .pin27 { left: 63.8%; top: 49%; }
	.part3-base .pin28 { left: 35.4%; top: 52%; }
	.part3-base .pin29 { left: 47.3%; top: 52%; }
	.part3-base .pin30 { left: 50.3%; top: 53%; }
	.part3-base .pin31 { left: 40%; top: 57%; }
	.part3-base .pin32 { left: 41.4%; top: 57%; }
	.part3-base .pin33 { left: 42.2%; top: 59%; }
	.xpin34 { left: 43.8%; top: 59%; z-index: 4; }
	.part3-base .pin35 { left: 43.1%; top: 65%; }
	.part3-base .pin36 { left: 40.7%; top: 65%; }
	.part3-base .pin37 { left: 34.3%; top: 67%; }
	.part3-base .pin38 { left: 36.8%; top: 71%; }
	.part3-base .pin39 { left: 39.5%; top: 72.5%; }
	.part3-base .pin40 { left: 40.5%; top: 73.5%; }
	.part3-base .pin41 {  }
	.part3-base .pin42 { left: 29.5%; top: 90.5%; }
	.part3-base .pin43 { left: 46.2%; top: 64.5%; }

	.part3-base .vias { width: 75%; height: 75%; position: absolute; left: 13.1%; top: 2.2%; }
	.part3-base .vias svg { width: 100%; height: 100%; }

.part4-base { width: 10%; height: 22.3%; position: absolute; top: 68.1%; left: 34%; z-index: 3; }
	.part4-base .pin1 {  }
	.part4-base .pin2 {  }
	.part4-base .pin3 { left: 56%; top: 18%; }
	.part4-base .pin4 { left: 74%; top: 26%; }
	.part4-base .pin5 { left: 45.5%; top: 29.5%; }
	.part4-base .pin6 { left: 42.5%; top: 63.5%; }
	.part4-base .pin7 {  }

	.part4-base .vias { width: 106%; position: absolute; left: -20%; top: 12%; }
	.part4-base .vias svg { width: 100%; height: 100%; }

.border { position: absolute; top: 0; left: 0; }
._ltn { padding: 10px 17px; position: absolute; top: 50%; left: 25px; white-space: nowrap; background-color: rgba(0,0,0,.65); color: #e7ebdc; visibility: hidden; opacity: 0; transition: all .3s ease; z-index: 9; }
.pointer { position: absolute; visibility: visible; opacity: 1; transition: all .4s ease 0s; }
.pointer:hover ._ltn { display: inline-block; visibility: visible; opacity: 1; } 
.piners { width: 20px; height: 19px; display: block; background-image: url(../images/picto.png); background-repeat: no-repeat; }

.piners.parking { width: 13px; height: 12px; background-position: 0 0; background-size: cover; }
.piners.mocument1 { background-position: 0 -20px; }
.piners.mocument2 { background-position: 0 -40px; }
.piners.food1 { background-position: 0 -60px; }
.piners.food2 { background-position: 0 -80px; }
.piners.grotto1 { background-position: 0 -100px; }
.piners.grotto2 { background-position: 0 -120px; }
.piners.mountain { background-position: 0 -140px; }
.piners.waterfall1 { background-position: 0 -160px; }
.piners.waterfall2 { background-position: 0 -180px; }
.piners.water { background-position: 0 -200px; }
.piners.camera { background-position: 0 -220px; }
.piners.playground { background-position: 0 -240px; }
.piners.canyoneering { background-position: 0 -260px; }
.piners.freeflight { background-position: 0 -280px; }
.piners.gym { background-position: 0 -300px; }
.piners.bathroom { width: 13px; height: 12px; background-position: 0 -209px; background-size: cover; }
.piners.bath { background-position: 0 -340px; }
.piners.tree { background-position: 0 -360px; }

.backImg { height: 260px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.legends { position: absolute; right: 30px; bottom: 20px; z-index: 5; }
.legends .lHeader { width: 250px; padding: 10px 15px; background-color: #869954; color: #e7ebdc; border-radius: 4px 4px 0 0; font-weight: bold; text-transform: uppercase; position: relative; }
.legends .lHeader .closed { width: 10px; height: 7px; padding: 5px; border: 1px solid #a3b27d; border-radius: 2px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: center center; position: absolute; right: 10px; top: 10px; cursor: pointer; transition: all .4s ease 0s; }
.legends .lHeader .closed.flipUp { transform: rotate(180deg); }

.mapcontrol { cursor: url("http://www.oldspice.com.br/i/p2/cursors/openhand.cur"), default !important; }
.mapcontrol.move { cursor: url("http://www.oldspice.com.br/i/p2/cursors/closedhand.cur"), default !important; }

.legends .lBody { width: 250px; height: 0; padding: 0 15px; background-image: url(../images/bg_header.jpg); color: #869954; overflow: hidden; transition: all .4s ease 0s; }
.legends .lBody.open { height: 190px; padding: 15px; }
.legends .lBody ul li { width: 100%; display: table; margin-bottom: 5px; }
.legends .lBody ul li .icon { width: 37px; height: 23px; background-color: #f7f5f5; box-shadow: 1px 1px 0 rgba(0,0,0,.1); background-image: url(../images/legends.png); background-repeat: no-repeat; float: left; margin-right: 10px; }
.legends .lBody ul li .icon.gIcon { background-color: #869954; }
.legends .lBody ul li .icon-1 { background-position: 0 0; }
.legends .lBody ul li .icon-2 { background-position: 0 -23px; }
.legends .lBody ul li .icon-3 { background-position: 0 -46px; }
.legends .lBody ul li .icon-4 { background-position: 0 -69px; }
.legends .lBody ul li .icon-5 { background-position: 0 -92px; }
.legends .lBody ul li .icon-6 { background-position: 0 -115px; }
.legends .lBody ul li .icon-7 { background-position: 0 -138px; }
.legends .lBody ul li .icon-8 { background-position: 0 -161px; }
.legends .lBody ul li .icon-9 { background-position: 0 -184px; }

.hidded { visibility: hidden !important; opacity: 0 !important; transition: all .4s ease 0s; }
.showds { visibility: visible !important; opacity: 1 !important; }

.filter { width: 400px; position: absolute; top: 20px; right: 200px; z-index: 5; border: 1px solid #869954; overflow: hidden; }
.filter form { width: 100%; height: 34px; padding: 0 10px; background-color: white; background-image: url(../images/lupa.png); background-repeat: no-repeat; background-position: 370px 10px; }
.filter form select { width: calc(100% + 20px); height: 34px; font-family: 'please_write_me_a_songmedium'; letter-spacing: 1px; border: none; background-color: transparent; }
.filter form select option { padding: 5px; }

.zoomControl { width: 30px; position: absolute; bottom: 97px; left: 230px; z-index: 5; background-color: white; opacity: 0; transition: opacity .2s ease 0s; }
.zoomControl button { border: 0 none; background-color: transparent; cursor: pointer; padding: 5px; }
.zoomControl .zoom-ico { width: 15px; height: 15px; display: block; background-image: url(../images/signals.png); background-repeat: no-repeat; background-size: 120px 30px; }
.zoomControl .zoom-ico.bt_in { background-position: 0 0; }
.zoomControl .zoom-ico.bt_out { background-position: 0 -15px; }
.ndd-annotator-content:hover .zoomControl { opacity: 1; }

/* END MAP */

@media screen and (max-height: 664px) { 
	ul.sidenav { bottom: 60px; left: calc(50% - 238.5px); position: absolute; top: auto; }
	ul.sidenav li { float: left; margin: 0 5px; }
	.caption:after { border-left: 12px solid rgba(0, 0, 0, 0.5); border-right: none; left: 0; top: 38px; }
	.caption { left: 10px; top: -55px; }
}
	
/* CLass Animate */

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.moveToRight { animation: moveToRight .5s; -webkit-animation: moveToRight .5s; right: 20px !important; }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; opacity: 1 !important; }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; visibility: visible !important; opacity: 1 !important; }

#mCSB_1_container li { list-style: inside none disc; }

/*KEYFRAMES for ANIMATE*/

@keyframes moveToRight {
	0%  { opacity: 0; transform: translateX(250px); }
	60% { opacity: 1; transform: translateX(-30px); }
	80% { transform: translateX(20px); }
	100% { transform: translateX(0); }
}

@-webkit-keyframes moveToRight {
	0%  { opacity: 0; transform: translateX(250px); }
	60% { opacity: 1; transform: translateX(-30px); }
	80% { transform: translateX(20px); }
	100% { transform: translateX(0); }
}

@-webkit-keyframes bird-fly { from { background-position:0px 0px } to { background-position:-649px 0px} }
@-moz-keyframes bird-fly { from { background-position:0px 0px } to { background-position:-649px 0px} }
@-ms-keyframes bird-fly { from { background-position:0px 0px } to { background-position:-649px 0px} }
@-o-keyframes bird-fly { from { background-position:0px 0px } to { background-position:-649px 0px} }
@keyframes bird-fly { from { background-position:0px 0px } to { background-position:-649px 0px} }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 120deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, 120deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(1000px);
            transform: perspective(1000px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 120deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, 120deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(1000px);
            transform: perspective(1000px);
  }
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}



.foot-copy{display: inline-block; float: left; margin: 14px 3% 0 3%; color:#869954; text-align: center;}
.foot-copy a { color:#869954; text-decoration: none;}

.amigoparque{display: inline-block; height: 55px; float: right; margin-top: 5px; color:#869954;}
.amigoparque1{display: inline-block; height: 55px; float: right; margin:14px 2% 0 2%; color:#869954;}