.titulo-fluid{
    background-color: black;
    color: white;
    font-family: 'Homer Simpson UI';
   width: 100%;
   padding: 0%;
}
 
.cuerpo{
    font-family: cursive;
    font-size: 20px;
    background-color:#EAEDED;
    color: black;
    padding: 5px;
}

.contactar{
    color: black;
    font-family: 'Verdana';
    text-align: center;
    font-size: 20px;
    width: 40px;
}
.ubicacion{
   background-color:#EAEDED;
    color: black;
    font-family: 'Verdana';
    text-align: center;
    font-size: 20px;
    width: 40px;
}

.main{
    background-color:#EAEDED;
    margin: 20px 0;
    padding: 10px;
    height: 100px;
    width: auto;
    text-align: justify;
}
.division{
padding: 10px 10px 10px, 10px;
font-weight: bold;
font-family: sans-serif;
}


#Mapa{
    padding: 0px;

}
.logueo{
    text-align: center;
}

#carouselExampleFade .carousel-item .img-fluid{

margin: auto;
padding: 0px;
}



#Direccion{
text-align: center;
float: left;


}


#Telefono{
text-align: center;
margin: auto;

}

#horarios{
text-align: center;
float: right;

}


/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#Ojo{
  
height: 150px ; 
max-height: 150px;
min-width: 60%;
max-width: 100%;
margin: auto;
padding: 25px;

}

.Tabla{
  font-family: serif;
}
.flotante7{
  position:fixed;
  width:30px;
  height:45px;
  bottom:80px;
  right:20px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
  margin-top:0px;
}
.Pie{