#carousel-ift #page {
  width: 100%;
  background-color: #4a7d75;
  height: 400px;
  margin-bottom: 40px; 
} 

#carousel-ift img {
	border-radius: 5px; 
}

#carousel-ift .page-titulo {
  color: white; 
  padding-left: 20px;
  padding-top: 18px;
  margin: 0px;
}  
  
#carousel-ift .page-content-img {
  border-radius: 5px;
  padding: 1px;
}
 
#carousel-ift .page-content-a {
  text-decoration: none;
  cursor: pointer;
}
 
#carousel-ift .page-content-tag {
  background-color: white;
  height: 290px; 
  width: 218px;
  border-radius: 5px;
  float:left; 
  margin: -20px 15px 15px 45px;    
  
}

 
#carousel-ift .page-titulo-tag {
  color: black;
  font-size: 16px;  
  padding: 0px 20px 0px 20px;
  height: 18px;
  width: 216px; 
  font-weight: bold;
  line-height: 15px;;

}

#carousel-ift .page-titulo-tag-descripcion {
  color: black;
  font-size: 12px;
  padding: 0px 20px 0px 20px; 
  height: 48px; 
  width: 216px; 
  text-align: justify;
 
}


/* carousel global styles */

#carousel-ift .carrousel__container {
  
}

#carousel-ift .carrousel__content[aria-hidden=true] {
  display: none;
}

/* exemple styles */
#carousel-ift .news-carrousel__control__list,
.images-carrousel__control__list {
  position: absolute;
  list-style-type: none;
  top: 100%;
  right: 0;
  left: 0;
  padding-left: 0;
  text-align: center;
}
 #carousel-ift .news-carrousel__control__list__item,
.images-carrousel__control__list__item {
  display: inline-block;
  margin: 0 .5em;
}
#carousel-ift .news-carrousel__control__list__link,
.images-carrousel__control__list__link {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: #fff;
  border: 1px solid #666;
  border-radius: 1em;
}

#carousel-ift .news-carrousel__button-container,
.images-carrousel__button-container {
  position: absolute;

}
#carousel-ift .news-carrousel__button__previous,
.images-carrousel__button__previous {
  top: 50%;
  margin-top: -18px;
  left: 0;
  margin-left: -35px;
}
#carousel-ift .news-carrousel__button__next,
.images-carrousel__button__next {
  top: 50%;
  margin-top: -18px;
  right: 0;
  margin-right: -35px;
}
#carousel-ift .news-carrousel__button__button,
.images-carrousel__button__button {
  margin: 0;
  padding: 0;
  background: transparent;
  border:none; 
}






/* transition slide */
#carousel-ift .slide .carrousel__content {
  display: inline-block;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  position: relative;
  -webkit-transition: left .5s ease-in;
  -moz-transition: left .5s ease-in;
  -o-transition: left .5s ease-in;
  -ms-transition: left .5s ease-in;
  transition: left .5s ease-in;
}

#carousel-ift .slide .carrousel__content.visibility-off {
  visibility: hidden;
}


#carousel-ift .carrouselslide-1-1.slide > div,
.carrouselslide-2-1.slide > div,
.carrouselslide-3-1.slide > div,
.carrouselslide-4-1.slide > div,
.carrouselslide-5-1.slide > div {
  left: 0;
}
#carousel-ift .carrouselslide-1-2.slide > div,
.carrouselslide-2-2.slide > div,
.carrouselslide-3-2.slide > div,
.carrouselslide-4-2.slide > div,
.carrouselslide-5-2.slide > div {
  left: -100%;
}
#carousel-ift .carrouselslide-1-3.slide > div,
.carrouselslide-2-3.slide > div,
.carrouselslide-3-3.slide > div,
.carrouselslide-4-3.slide > div,
.carrouselslide-5-3.slide > div {
  left: -200%;
}
#carousel-ift .carrouselslide-1-4.slide > div,
.carrouselslide-2-4.slide > div,
.carrouselslide-3-4.slide > div,
.carrouselslide-4-4.slide > div,
.carrouselslide-5-4.slide > div {
  left: -300%;
}
#carousel-ift .carrouselslide-1-5.slide > div,
.carrouselslide-2-5.slide > div,
.carrouselslide-3-5.slide > div,
.carrouselslide-4-5.slide > div,
.carrouselslide-5-5.slide > div {
  left: -400%;
}


#carousel-ift .slide .carrousel__content[aria-hidden=true] {
  display: inline-block;
}

/* transition fade */
#carousel-ift .fade-ift .carrousel__content {
  -webkit-animation: fadein 1s;
  -moz-animation:    fadein 1s;
  -o-animation:      fadein 1s;
  -ms-animation:     fadein 1s;
  animation:         fadein 1s;
}
#carousel-ift .fade-ift .carrousel__content[aria-hidden=true] {
  -webkit-animation: fadeout 1s;
  -moz-animation:    fadeout 1s;
  -o-animation:      fadeout 1s;
  -ms-animation:     fadeout 1s;
  animation:         fadeout 1s;
}

@-webkit-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeout {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}



/* carrousel */
#carousel-ift .news-carrousel__control__list__link:focus,
.news-carrousel__control__list__link:hover,
.news-carrousel__control__list__link:active,
.news-carrousel__control__list__link[aria-selected=true],
.images-carrousel__control__list__link:focus,
.images-carrousel__control__list__link:hover,
.images-carrousel__control__list__link:active,
.images-carrousel__control__list__link[aria-selected=true] {
  background: #666;
}