*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background:url(../imagens/bg-slide.jpg) repeat-x;
  font-family: 'Roboto Condensed', sans-serif; 

  }
.responsive {
  width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; }

ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a img {
  border: none; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 300; 
  font-family: 'Roboto Condensed', sans-serif;
  }

a {
  text-decoration: none;
  color:#069; }

a:hover {
  color: #036; }

header {
  padding: 30px 0; }


#title h1 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px; }

#title h2 {
  color: #ff4976;
  font-size: 20px; }
  
  .logo {
  max-width: 100%;
  height: auto;
}
.collapse-content .fa.fa-heart:hover {
  color: #f44336 !important;
}
.collapse-content .fa.fa-share-alt:hover {
  color: #0d47a1 !important;
}

.header-top-contato{ padding:25px; text-align:right; margin-bottom:50px;}
.hoverable{ margin-bottom:20px;}
.title-pages{ border-bottom:3px solid #666; color:#666; font-style:italic; font-weight:bold; font-size:18px; padding-bottom:10px; text-transform:uppercase;}
.title-pages h1{color:#00a859 !important}
.text-dicas .bold{ font-weight:bold !important; color:#000 !important;}
.text-atuacao span{ color:#00a859; font-weight:bold !important;}
.text-programas span{ color:#00a859; font-weight:bold !important;}
.text-dicas span{ color:#00a859; font-weight:bold !important;}
.title-side{ padding:10px; background:#00a859; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; margin-top:10px;}
.img-side{ border:3px solid #CCC;} 
.text-side{ font-size:14px;}
.depoimento{ margin-bottom:30px; margin-bottom:1px solid #CCC; text-align:justify;}
.noticia img{ width:330px !important; height:224px !important;}
.noticia h5{color:#00a859; font-size:16px;}
.detalhe-noticia img{ width:420px; height:250px;  !important; margin-right:15px;}
.detalhe-noticia p{ text-align:justify;}
.detalhe-noticia h1{}


.voltar-ao-topo i{ font-size:22px;}
.voltar-ao-topo {
            position: fixed;
            bottom: 2em;
            right: 2em;
            text-decoration: none;
            color: white;
            background-color: #00ca80;
            font-size: 12px;
            padding: 1em;
            display: none;
			-webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
        .voltar-ao-topo:hover {
            background-color:#c3d717;
        }


    .google-maps {
        position: relative;
        padding-bottom: -30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		height: 400px;
		width:100%;
    }
    .google-maps iframe {
        position: absolute;
		padding-bottom: -60%;
        top: 0;
        left: 0;
        width: 100% !important;
		height: 400px;
    }
	
.menu{ border-bottom:6px solid #00a75e; margin-bottom:20px;}
.grid-home{ margin-top:50px;}
.grid-home a{ color:#fff;}

.by{ font-style:italic;}
.footer-copyright{ font-size:13px; color:#666;}

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center;}
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #00a75e;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #00a75e;  }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom: 10px; z-index:9999}

nav#nav-main {
 
  padding: 10px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    padding: 0 0;  background-color: #00ca80; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
    
  nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-main a:hover {
      background-color: #00a75e;
      color: #fff; -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;}

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #00a75e;}
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #067545; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #00a75e;
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }






	
@media (max-width: 480px) {

 .header-top-contato{ padding:0px !important;}
		

}