.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  clear:both;
}

/* Caption text */
.text {
  color: #f1f1f1;
  font-family: Tahoma;
  font-size: 11pt;
  padding: 8px 12px;
  position: absolute;
  left: 35px;
  bottom: 40px;
  background: rgba(0, 0, 0, 0.2); /* Black see-through */
  width: 300px;
  height: auto;
}

/* texto cabecera */
.textoCabecera {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 20pt;
}
	
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/*******************************************************************************************************************/
* {box-sizing: border-box;}

.homepage_image_container {
	width: 100%;
	height: auto;
	position: relative;
    display: flex;
    justify-content: space-between;
	margin-top:8px;
	clear:both;
}

.container {
	width: 308px;
	height: 410px;
	position: relative;
	float: left;
}
/*................................................................*/
.container-mini {
	width: 150px;
	height: 113px;
	position: relative;
	float: left;
}
.overlay-mini {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.35); /*#008CBA;*/
}
.container-mini:hover .overlay-mini {
  opacity: 1;
}
.mini {
  color: white;
  font-family: Tahoma;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*................................................................*/
.container-grande {
	width: 308px;
	height: 410px;
	position: relative;
	float: left;
}
.overlay-grande {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
/*  opacity: 1;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.5); /*#008CBA;*/
}
/*
.overlay-grande:hover {
  opacity: 0;
}
*/
.grande {
  color: white;
  font-family: Tahoma;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*................................................................*/

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

.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.25); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:1;
}
.overlay h2 {
	width: 100%;
	height: auto;
	font-weight: bold;
	color: #fff;
	margin: 5px 0 3px 5px;
	font-family: Arial;
	font-size: 9pt;
}

.overlay p {
	width: 100%;
	height: auto;
	color: #fff;
	margin: 5px 0 3px 5px;
	font-family: Arial;
	font-size: 9pt;
}


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