@import url(../font/fuentes.css);


body {
  font-family: 'Merienda' !important;
}

/* Make the image fully responsive */
  



    .carousel-inner img {
    width: 100%;
    height: 100%;
  }

   





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



.row .image:hover {
  opacity: 0.8;
}

div.a {
  text-align: center;
}


.cuad-4 {
	float: left;
	height: 220px;
	width: 225px;
    padding: 5px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
    cursor: pointer;
}

.cuad-4 img:hover{
   opacity:0.7;
}





.caption-style-4{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		border-radius: 20px;
	}

	.caption-style-4 li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

	.caption-style-4 li:hover .caption{
		opacity: 2;
        border-radius: 20px;
	}

	.caption-style-4 li:hover img{
		opacity: 2;
       
	}


	.caption-style-4 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
        border-radius: 20px;
        
	}


	.caption-style-4 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
        border-radius: 20px;
	}

	.caption-style-4 img{
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
        border-radius: 20px
	}
	.caption-style-4 .blur{
		background-color: rgba(0,0,0,0.45);
		height: 152px;
		width: 210px;
		z-index: 5;
		position: absolute;
        
	}

.caption-style-4 .caption-text h5{
    font-size: 16px;
	}

.caption-style-4 .caption-text h7{
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
	}

	.caption-style-4 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 210px;
		height: 148px;
		text-align: center;
		top:40px;
	}

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}
	
.contenedor-imagenes {
  display: flex;
}



#foto{
    width: 50%;
height: auto;
margin: 10px;
padding: 5px;
display: inline-block;
margin: auto;
}
#foto2{
   width: 50%;
height: auto;
margin: 10px;
padding: 5px;
display: inline-block;
margin: auto;
}

.bigicon {
    font-size: 35px;
    color: #36A0FF;
}