@charset "utf-8";
/* CSS Document */
section.bg-apa{min-height: 527px;}
section.bg-apa .center{display: flex; justify-content:space-between; flex-wrap:wrap;}
.bg-apa{background:url(http://www.pmparaty.rj.gov.br/images/apa-paraty/bg-Fundo.jpg) center top no-repeat; background-position-y: -260px;}
.logo-apa {padding-top: 110px;}
.logo-apa img{width: 100%; max-width: 323px;}
.mapa-costeiro{width: 100%; max-width:310px; text-align:center; margin-top: 80px; margin-right: 140px;}
.mapa-costeiro img{width: 100%; max-width:310px}
.btn{width: 100%; max-width: 296px; height: 50px; background-color: #FEFEFE; cursor: pointer; border-radius: 5px; border: none; box-sizing:border-box;}
.btn.conheca{color: #195D97; font-weight: bold; text-transform: uppercase; font-size: 16px; margin-top: 50px; transition: all .4s ease;}
.btn.conheca:hover{color: #FEFEFE; background-color: #195D97;}

/*Main Apa*/
section.main-apa .center{display: flex; justify-content:space-between; flex-wrap:wrap;}
.main-apa{padding-top: 30px;}
.side-menu{width: 100%; max-width: 250px; max-height: 452px; border: solid 1px #0091a4; box-sizing:border-box; display: flex; flex-wrap: wrap; position:relative;}
.side-menu a{width: 100%; max-width: 250px; height:50px; line-height: 20px; font-size: 16px; padding: 15px; font-weight: bold; color: #0092A4; text-transform:uppercase;  box-sizing:border-box; border-bottom: solid 1px #DDDDDD; transition: all .4s ease;}
.side-menu a:last-child{border-bottom: none;}
.side-menu a:hover{color: #FEFEFE; background-color: #09afc5;}
.side-menu a.active{background-color: #0092A4; color: #ffffff;}
.side-menu i{position: absolute; right: 20px; margin-top: 5px; font-size: 12px;}

.noticias-apa, .limites-apa, .apa-paraty-texto{width: 100%; max-width: 820px; margin-bottom: 45px;}
.noticias-apa .list{display: -webkit-box; display: -ms-flexbox; display: flex;}
.noticias-apa .list li{height: 400px; width: 33%; border-radius: 5px; margin-right: 2%; position: relative; overflow: hidden;   cursor: pointer;   padding: 20px; background: center center no-repeat #fff; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; background-size: cover;}
.noticias-apa .list li:last-child{margin-right: 0px;}
.noticias-apa .list li .title{font-size: 22px; color: #fff; position: absolute; z-index: 2; line-height: 1.2em; bottom: 20px; padding-right: 10px;}
.noticias-apa .list li:after{content: ''}
.noticias-apa .list li:after {border-radius: 5px; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .12); top: 0; left: 0;}

.container-txt-limitesapa {display: flex; justify-content: space-between;}
.limites-apa{margin: 0 0 0 auto;}
.txt-limite-apa{width: 100%; max-width: 355px;}
.txt-limite-apa p{font-size: 16px; line-height: 22px; margin-bottom: 20px;}

.atitudes{background-color: #efeeec; margin-top: 70px; padding-top: 65px; height: 310px;}
.atitudes .center{display: flex; justify-content:space-between;}
.atitude-item{width: 100%; max-width: 350px; height: 245px; text-align:center; border-radius: 5px; box-sizing:border-box;}
.atitude-item img{padding-top: 30px; margin-bottom: 10px;}
.atitude-item h2{font-size: 22px; line-height: 24px; color: #ffffff; margin-bottom: 25px;}
.atitude-item p{font-size: 12px; line-height: 22px; color: #ffffff;}
.crime{background-color: #185d96;}
.pratica{background-color: #009fad;}
.projeto{background-color: #e4b243;}

.container-parceiros {width: 100%; text-align: center;}
.container-parceiros .header-button .title-area{margin: 0 auto;}
.txt-parceiros{height: 175px; border-bottom: solid 1px #707070; margin-bottom: 45px; margin-top: 70px;}
.txt-parceiros h2{font-size: 26px; color: #009FAD; font-weight: bold; margin-bottom: 30px;}
.txt-parceiros p{font-size: 16px; line-height: 22px; color: #666666}
.logo-parceiros {width: 100%; display: flex; justify-content: space-between; align-items: center;}

.apa-paraty-texto p, .apa-paraty-texto strong{font-size: 16px; line-height: 22px; margin-bottom: 20px;}
.apa-paraty-texto img{margin-bottom: 10px;}
.apa-paraty-texto a{color: #18a19a;}

.destaque a{display: flex; justify-content:space-between; padding-bottom: 10px; margin-bottom:30px; border-bottom: solid 1px #b9b9b7;}
.destaque .data-destaque{width: 100%; max-width: 120px; font-size: 16px; line-height: 18px;}
.destaque .desc-destaque{width: 100%; max-width: 700px;}
.destaque .desc-destaque h2{font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.destaque .desc-destaque p{font-size: 16px; line-height: 18px;}

.descricao{position:relative;}
.descricao i.fa.fa-circle {position: relative; left: 0px; top: -3px; padding-right: 5px;}


.container-documentos a{width: 100%; display: flex; justify-content:start; flex-wrap: wrap;}
.container-documentos .documento{width: 100%; padding-bottom: 20px;}
.container-documentos .documento .nome-arquivo{font-size: 22px; line-height: 26px; padding-right: 20px}
.container-documentos .documento i{font-size: 32px; line-height: 26px; padding-right: 20px}

/*Informações Gerais*/
.heading-primary {
  font-size: 2em;
  padding: 2em;
  text-align: center;
}
.accordion dl, .accordion-list {
  border: 1px solid #ddd;
}
.accordion dl:after, .accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  background-color: #09afc5;
}
.accordion .container-documentos{padding: 20px;}

.accordion dd, .accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}
.accordion p {
  padding: 1em 2em 1em 2em;
}
.accordion {
  position: relative;
  background-color: #eee;
}
.accordionTitle, .accordion__Heading {
  background-color: #18a19a;
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color: #fff!important;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #09afc5;
  font-size: 15px;
}
.accordionTitle:before, .accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover, .accordion__Heading:hover {
  background-color: #09afc5;
}
.accordionTitleActive, .accordionTitle.is-expanded {
  background-color: #09afc5;
}
.accordionTitleActive:before, .accordionTitle.is-expanded:before {
  transform: rotate(-225deg);
}
.accordionItem {
  height: auto;
  overflow: hidden;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    transition: max-height 0.5s;
  }
}
.accordionItem.is-collapsed {
  max-height: 0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
  animation: accordionIn 0.45s normal ease-in-out both 1;
}
.animateOut {
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
  }
}

.fauna-flora {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px;
	border-bottom: solid 1px #fefefe;
    margin-bottom: 20px;
}
.img-fauna-flora {
    width: 100%;
    max-width: 250px;
    padding-right: 20px;
}
.img-fauna-flora img{max-width: 250px;}

.accordion .txt-fauna-flora p {
  padding: 0px;
}

/*Responsivo*/
@media(max-width: 768px){
	section.bg-apa{min-height: 410px;}
	.logo-apa img{max-width: 197px; margin-left: 70px;}
	.bg-apa{background-position-x: -730px; background-position-y: -150px;}
	.side-menu, .noticias-apa, .limites-apa{width: 90%; margin: 0 auto; margin-bottom: 20px; max-width: initial;}
	.side-menu a{max-width: initial;}
	.atitudes{height: 370px;}	
	.atitudes .center{width: 90%;}
	.atitude-item{max-width: 210px; height: auto; padding: 10px;}
	.parceiros .center{width: 90%;}
	.logo-parceiros{flex-wrap: wrap; justify-content:center;}
	.logo-parceiros img{padding: 15px;}
	.noticias-apa, .limites-apa, .apa-paraty-texto{width: 90%; margin: 0 auto;}
}

@media(max-width: 600px){
	.noticias-apa .header-button, .limites-apa .header-button{padding: 0px;}
	.logo-apa{padding-top: 50px;}
	.logo-apa,.mapa-costeiro{margin: 0 auto;}
	.logo-apa img{margin-left: 0px;}
	.mapa-costeiro{margin-bottom: 50px; margin-top: 50px;}
	.mapa-costeiro img{max-width:280px;}
	.bg-apa{background-position-y: -30px;}
	.noticias-apa .list{flex-wrap: wrap; justify-content: center;}
	.noticias-apa .list li{width: 100%; max-width: 265px; margin-bottom: 30px;}
	.container-txt-limitesapa{flex-wrap:wrap;}
	.txt-limite-apa{max-width: initial;}
	.video-apa{margin: 0 auto; margin-top: 30px;}
	.video-apa iframe{height: 35vh; width: 86vw;}
	.atitudes{height: auto;}
	.atitudes .center{flex-wrap: wrap;}
	.atitude-item{max-width: initial; margin-bottom: 25px;}
	.atitude-item img{padding-top: 0px;}
	.descricao p{text-align: justify;}
	.apa-paraty-texto .header-button{padding: 0px;}
	
	/*Plano de Manejo*/
	.apa-paraty-texto img{width: 100%;}
	
	/*Destaques*/
	.destaque a{flex-wrap: wrap;}
	.destaque .data-destaque{padding-bottom: 20px; margin: 0 auto;}
	.destaque .desc-destaque{text-align: center;}
	
	/*Legislação*/
	.container-documentos .documento .nome-arquivo{padding-right: 0px;}
	
	/*Informações Gerais*/
	.fauna-flora{flex-wrap: wrap; margin: 0 auto; text-align: center;}
	.img-fauna-flora{margin: 0 auto;}
	.container-documentos a{justify-content:center;}
	.accordion p{text-align:center;}
}

@media(max-width: 320px){
	.txt-parceiros{height: auto; padding-bottom: 40px;}
	.btn{max-width: 240px;}
	.btn.conheca{font-size: 14px;}
}