/*contenedores sobre los dioses diseño colores*/
/*hover de los contenedores de 3 actividades*/
      div#contenedor1:hover{
        background-color: #ff640a;
        color: black;
        box-shadow: 4px 1px 8px 4px grey;
      }
      div#contenedor1:hover h1{
        color: black !important;  
      }
      a.bar-menu:hover{
      color:white;
      }/*

      div#caracteristicas{
        margin: 10px;
      }
@font-face {
    font-family: 'Roboto', sans-serif;
 /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: 'Roboto', sans-serif;
) /* TTF file for CSS3 browsers */
}
html,body{
  height: 100%;
  width: 100%;
 font-family: 'Roboto', sans-serif;
  color: #505050 !important;
}
img{
    max-width: 100%;
      height: auto;
}
a.bar-menu{
    border-radius: 5px;
    height: 80%;
    width: 120px;
}
a.bar-menu#a:hover{
  color: white;
}
.container-prin{
  height: 100%;
}
.container-offset{
  margin-top: 5%;
}
.welcome{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  color: #fff !important;
  background-image: url(../img/fondo2.jpg) !important;
}
/*funciona aqui para arreglar lo del fondo blanco*/
body, .uk-text-center{
  background-image: url(../img/fondo2.jpg) !important;
}
.h-100{
  height: 100%
}
.w-100{
  width: 100%;
}
.alte-bold{
font-family: 'Roboto', sans-serif;

}
.tranparent{
  background-color: #ffffff00;
}
.uk-heading-primary{
  font-size: 40px !important;
  font-family: 'Roboto', sans-serif !important;
}
.uk-heading-bullet{
  font-size: 2rem;
}
.uk-navbar-sticky{
  background-color: #fff !important;
}
a.bar-menu:hover{
  background-color: #6f35c0;
  color: #fff;
}
.uk-container{
  padding-left: 10%;
  padding-right: 10%;
}
.icono{
  max-width: 30%;
  height: auto;
  margin: 10px;
}
.about{
  padding-top: 12%;
  background-color: #fff !important;
}
.caracteristicas{
  background-color: #f2f2f2;
}
.multiplataforma{
  padding-top: 7%;
  padding-bottom: 7%;
}
.cel-areas{
  padding-top: 1%;
  padding-bottom: 1%;
}
.padding-slider{
  padding-top: 2%;
  padding-left: 15%;
  padding-right: 15%;
}
.background-trans{
  background-color: #00000045;
}
.text-white{
  color:#fff;
}
.img-circle{
  border-radius:50%;
}
.uk-transition-fade{
  color: #000000b3;
}
.next-prev{
  color: #252525 !important;
}
.inline{
  display: inline !important;
}
.mens-welcome{
  padding-top: 3%;
  padding-bottom: 3%;
}
.pantalla-cell{
  height: 350px;
  width: 532.5px;
}
.img-logo{
  height: 67%;
  width: 50%;
}
.footer{
  background-color: #0000;
}
.footer p{
  color: #000;
}
.footer h1{
  color: #000;
}
#slogan{
  font-size: 11px;
  margin-left: 136px;
  padding-top: 0px;
}
#hipo-title{
  margin: 0px 0px -60px 0px;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle{
  padding: 0 0;
}

/*color footer*/
.uk-section-default.uk-background-fixed.uk-background-bottom-center.footer{
  background-color: white;
}