
@import url(../CSS/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;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contenedor {
  position: relative;
  text-align: center;
  color: #292727;
  font-size:1.95rem
}

.row ul {
list-style-type: none;
padding: 0;
margin: 0;
}

/*.row li {
background: url('cup.png') no-repeat left center;
height: 35px;
padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px
}*/


#link { 
    color:  #696969; 
} /* CSS link color */

#link:hover{
    color: #f40dad
}

.bot_menu-2 {
    background: #FDEEF3;
	float: left;
	height: auto;
	width: 100%;
	border: 2px #000;
	cursor: pointer;
}
.bot_menu-2:hover {
	color: #EE2375;
}

.cuadr-izq{
    background:#ACD1D2; 
    padding-left: 10px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    color: #696969;
    border-bottom: #fff solid 1px
}

.cuadr-izq:hover{
    color: crimson;
}


.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;
}

.n2_cod-25 {
	font-size: 14px;
	color: #fd6f9e;
	float:left;
	height: auto;
	width: 100%;
	margin-left: 10px;
	
	font-weight: bold;
	position: absolute;
    text-align: left
}

.col-lg-3 img:hover{
    opacity: 0.7;
}

div.pagination {
	text-align: center;
	text-shadow: 0px 0.3px 0px #666666,0px 4px 3px rgba(0,0,0,0.1),0px 4px 8px rgba(0,0,0,0.1);
	color: #EE2375;
	margin-top: 0px;
	font-size: 12px;
	padding-top: 25px;
    padding-bottom: 20px;
    align-content: center
}

div.pagination a {
	padding: 4px 6px;
	margin-right: 5px;
	border: 1px solid #EE2375;
	text-decoration: none;
	color: #330000;
	border-radius: 5px;
	margin-left: 5px;
	text-shadow: 0px 0.3px 0px #666666,0px 4px 3px rgba(0,0,0,0.1),0px 4px 8px rgba(0,0,0,0.1);
	background-color: #FDEEF3;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #FFFFFF;
	color: #EC2374;
	background: #FBDBE9;
}
div.pagination span.current {
	padding-top: 5px;
	margin-right: 6px;
    margin-left: 6px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0px 0.3px 0px #666666,0px 4px 3px rgba(0,0,0,0.1),0px 4px 8px rgba(0,0,0,0.1);
}
div.pagination span.disabled {
	padding-top: 5px;
	margin-right: 5px;
	border: 1px solid #f3f3f3;
	color: #ccc;
	text-shadow: 0px 2px 0px #008000,
               0px 4px 3px rgba(0,0,0,0.1),
               0px 4px 8px rgba(0,0,0,0.1);	
}


.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;
}