body {
   font-family: "Arial", helvetica, sans-serif;
   color: #212529;
   font-size: 16px;
 }

 /*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 1; 
  visibility: hidden;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #fff;
 background-color:rgba(150, 147, 147, 0.9);
}

.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}



.cookiealert a {
  color: #f7f7f7!important;
  text-decoration: underline;
  background-color: transparent;
}

.cookiealert a:hover {
  color: #333!important;
  text-decoration: none;
}


.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}
 /*
FIM COOKIES
 */

 

 .texto_corrido{
  font-size: 16px;
  color: #212529;
  line-height: 1.5em;
}


 .texto_corrido_14 {
  color: #212529;
  font-size: 14px;
  float: left;
}


.legenda {
  color: #212529;
  font-size: 12px;
  float:center;
  text-align: center;

}


 .texto_corrido_black {
  font-size: 14px;
  color: #212529;
  font-weight: 450;
  line-height: 1.5em;
  text-align: justify;
}

 @media (min-width:576px) {
   .texto_corrido {
     text-align: justify;
   }
 }

 @media (min-width:576px) {
   .container {
     max-width: 540px
   }
 }

 @media (min-width:768px) {
   .container {
     max-width: 720px
   }
 }

 @media (min-width:992px) {
   .container {
     max-width: 960px
   }
 }

 @media (min-width:1200px) {
   .container {
     max-width: 1140px
   }
 }

 .navbar-brand, h1 a {
   color: #666!important;
   text-decoration: none;
   background-color: transparent;
 }

 .navbar-brand, h1 a:hover {
   color: #000!important;
   text-decoration: none;
 }

 a {
   color: #333333!important;
   text-decoration: none;
   background-color: transparent;
 }

 a:hover {
   color: #999!important;
   text-decoration: none;
 }

 .margem_top {
   margin-top: 65px;
 }

 #header a:link, #header a:visited, #header a:active {
   text-decoration: none;
   color: #000;
 
 }

 #header a:hover {
   text-decoration: none;
   color: #AA222C;
 }

 .link_active {
   color: #AA222C;
 }

 .margem_top {
   margin-top: 80px, !important;
 }

 .navbar-brand h1 {
   font-weight: 400;
 }

 @media (max-width: 800px) {
   #navbarResponsive {
     border-bottom: 1px solid #ccc
   }
 }

 /*  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);*/

 .navbar-nav{
   font-size: 14px;
}

 .navbar-nav a {
   color: #212529!important;
   text-decoration: none;
   background-color: transparent;
 }

 .navbar-nav a:hover {
   color: #AA222C!important;
   text-decoration: none;
 }



 /* menu porta33 dropdown*/

 .dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: .5rem 0;
   margin: .125rem 0 0;
   font-size: 14px;
   font-weight: 450;
   color: #FFF;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.5);
   z-index: 50;
 }

 @media (max-width: 900px) {
  .dropdown-menu {
    box-shadow: none;
    text-align: left;
    padding: 0 0;
    border: none;
    outline: none;
  }
}

 .dropdown-item {
   display: block;
   width: 100%;
   padding: .5rem .5rem;
   clear: both;
   font-size: 14px;
   font-weight: 450;
   line-height: 1rem;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: none;
   z-index: 50;
 }

 .dropdown-item:focus, .dropdown-item:hover {
   color: #FFF;
   text-decoration: none;
   background-color: #FFF
 }

 .dropdown-item.active, .dropdown-item:active {
   color: #FFF;
   text-decoration: none;
   background-color: #FFF;
 }

 .dropdown-item.disabled, .dropdown-item:disabled {
   color: #FFF;
   pointer-events: none;
   background-color: transparent
 }

 .dropdown-toggle::after {
   display: none;
 }

   /* ============ sub menu cabeçalho principal - only desktop view ============ */
   @media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
      width:200px;
      display: block;
      opacity: 0;
      visibility: hidden;
      transition: .1s;
      margin-top: 0;
    }

    .navbar .nav-item:hover .nav-link {
      color: #fff;
    }

    .navbar .dropdown-menu.fade-down {
   
      top: 100%;
      transform: rotateX(-75deg);
      transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
      top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
      transition: .1s;
      opacity: 1;
      visibility: visible;
      top: 100%;
      transform: rotateX(0deg);
    }
  }

 /*--------------------------------------------------------------
# pesquisa
--------------------------------------------------------------*/



 /*--------------------------------------------------------------
# icone menu geral
--------------------------------------------------------------*/
 /* menu icon effect*/

 .navbar-toggler {
  border: none;
  background: transparent !important;
  outline: none !important;
}

 .container_toggle {
  border: none;
  background: transparent !important;
  outline: none !important;
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 20px;
  height: 3px;
  background-color: #333;
  margin: 5px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -5px);
  transform: rotate(45deg) translate(-6px, -5px);
}

 /*--------------------------------------------------------------
# sub-menu secções actividades, exposições, eventos, conversas
--------------------------------------------------------------*/

  /* submenmu-ilhéstico*/
  #menu ul {
    margin: 0px;
    padding: 10px;
  }
  
  #menu .main-menu {
    display: none;


  }

  
  #tm:checked + .main-menu {
    display: block;
  
  }
  
  #menu input[type="checkbox"], 
  #menu ul span.drop-icon {
    display: none;
  }
  
  #menu li, 
  #toggle-menu, 
  #menu .sub-menu {
    border-style: solid;
    border-color: rgba(0, 0, 0, .05);
  
  }

  
  
  #menu li, 
  #toggle-menu {
    border-width: 0 0 0 0;
 
  
  }
  
  #menu .sub-menu {
    background-color: #fff;
    border-width: 0px 1px 0px 1px;
    margin: 0.6em;
  
  }
  
  #menu .sub-menu li:last-child {
    border-width: 0;
   
  }
  
  #menu li, 
  #toggle-menu, 
  #menu a {
    position: relative;
    display: block;
    color: black;

  

  }
  
  #menu, 
  #toggle-menu {
    background-color: white; 
  }
  
  #toggle-menu, 
  #menu a {
    padding: 0.5em 1.9em;

   
  }

  
  #menu a {
    transition: all .125s ease-in-out;
    -webkit-transition: all .125s ease-in-out;
  
  }
  
  #menu a:hover {
    background-color:#fff;
    color:#AA222C;
  }
  
  #menu .sub-menu {
    display: none;
    background-color: #fff;
    

  }
  
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: block;
      
  }
  
  #menu .sub-menu a:hover {
    color: #f7f7f7;
  }
  
  #toggle-menu .drop-icon, 
  #menu li label.drop-icon {
    position: absolute;
    right:0.6em;
		top: 0.8em;
    
  }

  #toggle-menu .drop-icon_1, 
  #menu li label.drop-icon_1 {
    position: absolute;
    right:0.6em;
		top: 0.8em;
    
  }

  
  #menu label.drop-icon, #toggle-menu span.drop-icon {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    text-align: center;
    text-shadow: 0 0 0 transparent;
 
 
 
  }


  #menu label.drop-icon_1, #toggle-menu span.drop-icon_1 {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    text-align: center;
  
 
 
  }
  
  #menu .drop-icon {
    line-height: 1em;

 
  }

  #menu .drop-icon_1 {
    line-height: 1em;

 
  }


  @media only screen and (max-width: 576px) and (min-width: 540px) {
    #menu li {
      width: 33.333%;
    }

    #menu, 
    #menu a {
      padding: 0.2em 0.9em;
     
    }

  
	#menu .sub-menu li {
	  width: auto;
	}
  }
  
  @media only screen and (min-width: 800px) {
    #menu .main-menu {
      display: block;
      
    }

    #toggle-menu, 
    #menu label.drop-icon,     #menu label.drop-icon_1 {
      display: none;
     
    }

    #menu, 
    #menu a {
      padding: 0.2em 0.9em;
     
    }
  
    #menu ul span.drop-icon,#menu ul span.drop-icon_1 {
      display: inline-block;
    }
  
    #menu li {
      float: left;
      border-width: 0 1 0 0;
    }
  
    #menu .sub-menu li{
      float: none;
    
    }

    .sub-menu {
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.5);        
    }
  
    #menu .sub-menu {
      border-width: 0;
      margin: 0;
      position: absolute;
      top: 100%;
      left: 0;
      width: 12em;
      z-index: 9000;
      background-color: #ffffff;
      border: 1px solid #ccc;
  
    }
  
    #menu .sub-menu, 
    #menu input[type="checkbox"]:checked + .sub-menu {
      display: none;
 
    }
  
    #menu .sub-menu li {
      border-width: 0 0 0px;
    }
  
    #menu .sub-menu .sub-menu {
      top: 0;
      left: 100%;
    
    }
  
    #menu li:hover > input[type="checkbox"] + .sub-menu {
      display: block;
    }
  }

  

  .clearfix {
    zoom: 1;
    }
    
    .clearfix:before, .clearfix:after {
    content: '';
    display: table;
    }
    
    .clearfix:after {
    clear: both;
    }


    .searchbox {
      border-style:1px solid #f7f7f7;
      float:left;
      width: 120px;
      height:20px;
      margin-bottom:30px;
      padding: 5px 5px 5px 5px;
      outline: none;
      font-family:Arial, Helvetica, sans-serif;
      font-size: 11px;
      line-height:9px;
      color:#000;
    }
    
    
    .seccoes_eventos {
      font:14px;
      position: relative;
      float: right;
      text-align: left;
      margin-bottom: 20px;
      z-index: 1;

    }





.img_captation {
  position: relative;
  opacity: 1;
  }
  
  .img_captation :hover {
  opacity: 0.5;
  }
  

 /* icone ver mais - galeria de imagens*/

 .img_captation {
   position: relative;
   width: 100%;
   max-width: 100%;
 }

 /* Make the image to responsive */

 .image {
   opacity: 0;
   display: block;
   width: 100%;
   height: auto;
   transition: .5s ease;
   backface-visibility: hidden;
 }

 .img_captation:hover .image {
   opacity: 0.3;
 }

 /* The overlay effect - lays on top of the container and over the image */

 .overlay {
   position: absolute;
   bottom: 10px;
   left: 10px;

   background-color: rgba(0, 0, 0, 0.25);
   /* Black see-through */
   width: 120px;
   height: 30px;
   transition: .5s ease;
   opacity: 1;
   color: #F7F7F7;
   font-size: 12px;
   padding: 7px;
   text-align: center;
 }

 /* When you mouse over the container, fade in the overlay title */

 .img_captation:hover .overlay {
   opacity: 0;
 }

 .img_captation:hover .image {
   opacity: 0.3;
 }

 @media (max-width: 576px) {
   .overlay {
     position: absolute;
     bottom: 10px;
     left: 10px;
     background-color: rgba(0, 0, 0, 0.25);
     width: 80px;
     height: 20px;
     transition: .5s ease;
     opacity: 1;
     color: rgba(247, 247, 247, 0.90);
     font-size: 8px;
     padding: 5px;
     text-align: center;
   }
 }

 /* icone expandir - galeria de imagens*/

 .img_captation_1 {
   position: relative;
   width: 100%;
   max-width: 100%;
 }

 /* Make the image to responsive */

 .image {
   display: block;
   width: 100%;
   height: auto;
 }

 .img_captation_1:hover .image {
   opacity: 0.3;
 }

 /* The overlay effect - lays on top of the container and over the image */

 .icone_captation {
   position: absolute;
   bottom: 10px;
   left: 10px;
   background-color: rgba(0, 0, 0, 0.25);
   width: 30px;
   height: 30px;
   transition: .5s ease;
   opacity: 1;
   color: #F7F7F7;
   font-size: 16px;
   padding: 4px;
   text-align: center;
 }



 /* When you mouse over the container, fade in the overlay title */

 .img_captation_1:hover .icone_captation{
   opacity: 0;
 }

 .img_captation_1:hover .image {
   opacity: 0.3;
 }





 .overlay_2 {
  position: absolute;
  bottom: 0px;
  left: 0px;

  background-color: rgba(0, 0, 0, 0.25);
  /* Black see-through */
  width: 100%;
  height: auto;
  transition: .5s ease;
  opacity: 0;
  color: #F7F7F7;
  font-size: 14px;
  padding: 7px;
  text-align:left;
}

/* When you mouse over the container, fade in the overlay title */

.img_captation:hover .overlay_2 {
  opacity: 1;
}



@media (max-width: 576px) {
  .overlay_2 {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: auto;
    transition: .5s ease;
    opacity: 0;
    color: rgba(247, 247, 247, 0.90);
    font-size: 14px;
    padding: 7px;
    text-align:left;
  }
}





 #task_flyout {
   height: 40px;
   background-color: #FFF;
   padding: 0px 0px 3px 0px;
 }

 .fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 2;
   width: 100%;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
 }

 @media (max-width:2500px) {
   #task_flyout {
     height: 35px;
     padding: 1px 3px 2px 3px;
     text-align: center;
   }
 }

 /*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/

 @media screen and (max-width: 768px) {
   [data-aos-delay] {
     transition-delay: 0 !important;
   }
 }

 /* FONT
--------------------------------------------- */

.texto_legenda {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #212529;
  font-weight: 300;
  line-height: 17px;
  text-align: justify;

}

.texto_legenda_left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #212529;
  font-weight: 300;
  line-height: 17px;
  text-align: left;

}



.texto_legenda_9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #212529;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
}



.texto_legenda_left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #212529;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
}

 .texto_local {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #333333;
   font-weight: 600;
   line-height: 1.5em;
   text-align: justify;
   letter-spacing: 0.9;
 }

 .btn-outline-secondary {
   color: #CCC !important;
   background-color: transparent !important;
   border: 1px solid #CCC !important
 }

 .btn-outline-secondary a {
   color: #CCC !important;
   background-color: transparent !important
 }

 .btn-outline-secondary:hover, .btn-outline-secondary:focus {
   color: #212529;
 }

 .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active {
   color: #333333 !important;
   background-color: transparent !important;
   border-color: #333333!important
 }

 .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle {
   background-color: transparent !important;
   border-color: #CCC!important;
   -webkit-box-shadow: 0 5px 11px 0 rgba(249, 248, 248, 0.18), 0 4px 15px 0 rgba(244, 236, 236, 0.15);
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
 }

 .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0px 11px 0 rgba(210, 209, 209, 0.18), 0 4px 15px 0 rgba(164, 164, 164, 0.15);
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
 }

 .caixa_texto_1 {
   margin-top: 5rem;
   color: #212529;
 }

 .social-links_pop {
   display: inline-block!important;
   text-align: center !important;
   font-size: 40px;
   width: 40px;
   position: relative;
   list-style: none;
 }

 .btn-circle {
   width: 40px;
   height: 40px;
   padding: 6px 6px;
   border-radius: 20px;
   text-align: center;
   font-size: 12px;
   line-height: 1.42857;
 }

 .btn-circle_popup {
   display: inline-block !important;
   width: 40px;
   height: 40px;
   padding: 6px 6px;
   border-radius: 50px;
   text-align: center;
   font-size: 12px;
   line-height: 1.42857;
 }

 /*--------------------------------------------------------------
# patrocionios
--------------------------------------------------------------

 .logos {
   padding-top: 60px;
 }

 .logos.owl-item {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 20px;
 }

 .logos .owl-item img {
   height: 80%;
   opacity: 0.5;
   transition: 0.3s;
 }

 .logos .owl-item img:hover {
   opacity: 1;
 }

 .logos .owl-nav, .logos .owl-dots {
   margin-top: 5px;
   text-align: center;
 }

 .logos .owl-dot {
   display: inline-block;
   margin: 0 5px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #ddd !important;
 }

 .logos .owl-dot.active {
   background-color: #94c045 !important;
 }

 .hide {
   display: none;
 }
*/
 /* Create a simple white box, and add the shadow for the initial state */

 .box {
   position: relative;
   display: inline-block;
   width: auto;
   height: auto;
   border-radius: 5px;
   background-color: #fff;
   transition: all 0.3s ease-in-out;
 }

 /* Create the hidden pseudo-element */

 /* include the shadow for the end state */

 .box::after {
   content: '';
   position: absolute;
   z-index: -1;
   opacity: 0;
   border-radius: 5px;
   transition: opacity 0.3s ease-in-out;
 }

 /* The fast way */

 /* Pre-render the bigger shadow, but hide it */

 .make-it-fast::after {
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
 }

 /* Transition to showing the bigger shadow on hover */

 .make-it-fast:hover::after {
   opacity: 1;
 }

 /* Scale up the box */

 .box:hover {
   transform: scale(1.1, 1.1);
 }

 /* Fade in the pseudo-element with the bigger shadow */

 .box:hover::after {
   opacity: 1;
 }

 /* navegação entre páginas */

 .previous a {
   text-decoration: none;
   display: inline-block;
   padding: 8px 16px;
 }

 .next a:hover {
   background-color: #ddd;
   color: black;
 }

 .previous {
   display: inline-block;
   text-decoration: none;
   padding: 8px 16px;
   background-color: #f1f1f1;
   color: black;
   width: 40px;
   height: 40px;
 }

 .next {
   display: inline-block;
   text-decoration: none;
   padding: 8px 16px;
   background-color: #f7f7f7;
   color: white;
   width: 40px;
   height: 40px;
 }

 /* fim - navegação entre páginas */

 /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

 #footer {
   background: #F7F7F7;
   padding: 0 0 30px 0;
   color: #333333;
   font-size: 14px;
   
 }

 #footer .footer-top {
   background: #F7F7F7;
   padding: 60px 0 30px 0;
 }

 #footer .footer-top .footer-info {
   margin-bottom: 30px;
 }

 #footer .footer-top .footer-info h3 {
   font-size: 26px;
   margin: 0 0 10px 0;
   padding: 2px 0 2px 0;
   line-height: 1;
   font-weight: 600;
   letter-spacing: 3px;
   color: #333333;
 }

 #footer .footer-top .footer-info p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 0;
   font-family: "arial", helvetica, sans-serif;
   color: #333333;
 }

 #footer .footer-top .social-links a {
   font-size: 18px;
   display: inline-block;
   background: #F7F7F7;
   color: #333333;
   line-height: 1;
   padding: 8px 0;
   margin-right: 4px;
   border-radius: 50%;
   text-align: center;
   width: 36px;
   height: 36px;
   transition: 0.3s;
 }

 #footer .footer-top .social-links a:hover {
   background: #CCC;
   color: #333333;
   text-decoration: none;
 }

 #footer .footer-top h4 {
   font-size: 14px;
   font-weight: bold;
   color: #333333;
   text-transform: uppercase;
   position: relative;
   padding-bottom: 12px;
 }

 #footer .footer-top h4::before, #footer .footer-top h4::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
 }

 #footer .footer-top h4::before {
   right: 0;
   background: #333333;
 }

 #footer .footer-top h4::after {
   background: #333333;
   width: 60px;
 }

 #footer .footer-top .footer-links {
   margin-bottom: 30px;
 }

 #footer .footer-top .footer-links ul {
   list-style: none;
   padding: 5px 0 0 0;
   margin: 0;
 }

 #footer .footer-top .footer-links ul li {
   padding: 0 0 15px 0;
 }

 #footer .footer-top .footer-links ul a {
   color: #333333;
   transition: 0.3s;
 }

 #footer .footer-top .footer-links ul a:hover {
   color: #AA222C;
 }

 #footer .footer-top .footer-contact {
   margin-bottom: 30px;
 }

 #footer .footer-top .footer-contact p {
   line-height: 26px;
 }

 #footer .footer-top .footer-newsletter {
   margin-bottom: 30px;
 }

 #footer .footer-top .footer-newsletter input[type="email"] {
   border: 0;
   padding: 6px 8px;
   width: 65%;
   border-radius: 4px 0 0 4px;
 }

 #footer .footer-top .footer-newsletter input[type="submit"] {
   background: #CCC;
   border: 0;
   border-radius: 0 4px 4px 0;
   width: 35%;
   padding: 6px 0;
   text-align: center;
   color: #333333;
   transition: 0.3s;
   cursor: pointer;
 }

 #footer .footer-top .footer-newsletter input[type="submit"]:hover {
   background: #fff;
 }

 #footer .copyright {
   text-align: center;
   padding-top: 30px;
 }

 #footer .credits {
   padding-top: 10px;
   text-align: center;
   font-size: 13px;
   color: #333333;
 }

 .btn-news { 
  padding:10px;
 
  font-size:13px;
color: #212529!important; 
background-color: #ccc !important; 
border-color: #494F57 !important;
}
 /* back to top */

 #toTopBtn {
   position: fixed;
   bottom: 26px;
   right: 8px;
   z-index: 99;
   padding: 21px;
   border-radius: 50px;
   background-color: rgba(200, 198, 198, 0.8);
 }

 .js .cd-top--fade-out {
   opacity: .5
 }

 .js .cd-top--is-visible {
   visibility: visible;
   opacity: 1
 }

 .js .cd-top {
   visibility: hidden;
   opacity: 0;
   transition: opacity .3s, visibility .3s, background-color .3s
 }

 .cd-top {
   position: fixed;
   bottom: 20px;
   bottom: var(--cd-back-to-top-margin);
   right: 20px;
   right: var(--cd-back-to-top-margin);
   display: inline-block;
   height: 40px;
   height: var(--cd-back-to-top-size);
   width: 40px;
   width: var(--cd-back-to-top-size);
   box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
   background: url(../../../extrutura/cd-top-arrow.svg) no-repeat center 50%;
   background-color: rgba(101, 101, 101, 0.8);
   background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
 }



 /*--------------------------------------------------------------
#  listas eventos, exposições, conversas, 
--------------------------------------------------------------*/

.lista-img {
  position: relative;
  max-width: 85%;
  float: right;
  margin-top: 35px;
  margin-bottom: 35px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.100);
}

@media (max-width: 576px) {
  .lista-img {
    left: 12%;
    max-width: 75%;
    float: left;
    margin-top: 0px;
    margin-bottom: 55px;
  }
}


.lista-img_1 {
  position: relative;
  max-width: 85%;
  margin-bottom: 25px;
  float: right;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.100);
}

@media (max-width: 576px) {
  .lista-img_1 {
    margin-top: 20px;
    left: 12%;
    max-width: 75%;
    float: left;
  
  }
}
.lista-info {
  color: #212529;
  font-size: 14px;
  float: left;
  margin-top: 35px;
  margin-bottom: 35px;
}

.lista-info_1 {
  color: #212529;
  font-size: 14px;
  float: left;
}


.separador {
  border-bottom: 1px solid #ccc;

}

.separador_relacionados {
  border-bottom: 1px solid #ccc;
padding:0px;
}

.caixa_relacionados {
 margin-left:15px;
  font-size:14px;
  font-weight: 300;
  width:350px;
  height:30px;
  text-align: left;
  color: #AA222C;
}

.lista-img, .lista-img_1 {
  opacity: 1.0;
}

.lista-img:hover, .lista-img_1:hover {
  opacity: 0.6;
}

/* Slider logos */

.logos{
  border-bottom: 1px solid#999;
  border-top: 1px solid#999;
  padding:5px;
  
  }

 

.slick-slide {
  margin: 0px 0px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}



/* The alert message box */
.alert_information {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
    opacity: 1;
  transition: opacity 0.6s; /* 600ms to fade out */
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}


.section-card {
  padding: 0px;
  margin-bottom: 100px;
  margin-top: 50px;
}

.card-2 {
  margin-top: 2rem;
  outline: none !important;
  border:none!important;
  }


.card-body{
  margin-top: 1.5rem;
  padding: 0px;
	font-size: 14px;
	color: #212529;
	line-height: 22px;
  text-align:left;
  }
  
  .card-title{
    text-transform: uppercase;
    margin-top: 0.9rem;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #212529;
    line-height: 19px;
    text-align:left;

    }
  


.card-img, .card-img-top {
  opacity: 1.0;
}

.card-img, .card-img-top:hover{
  opacity: 0.6;
}



.seccao_1{
  padding: 0px 30px 50px 30px;
}



.seccao_2 {
  padding: 0px 30px 50px 30px;


}