@font-face {
  font-family: Montserrat_bold;
  src: url(font/Montserrat-Bold.otf);
}
@font-face {
  font-family: Montserrat_regular;
  src: url(font/Montserrat-Regular.otf);
}
@font-face {
  font-family: Montserrat_light;
  src: url(font/Montserrat-Light.otf);
}
@font-face {
  font-family: Montserrat_italic;
  src: url(font/Montserrat-Italic.otf);
}
body{
  font-family: "Montserrat_regular";
}

.fuente{
  font-family: "Montserrat_light";
}
.header-negro{
  background:black;
  padding-top: 50px;
}

.texto-header{
  font-family: "Montserrat_light";
  font-weight:100;
  color: #fff;
  font-size: 27px;
  margin-left: -15px;

}
.header-negro .nav-link{
  color: #78767b;
}
.contenido-home{
  background: #000;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.header-negro .nav-link:hover{
  transition: 0.3s ease;
  color: #fff;
  /*border-bottom: 4px solid #fff;*/
}
.actives{
  color: #ffffff;
  border-bottom: 4px solid #fff;
}

.listas {
  margin-left: 2px;
}

.cenefa-separador{
  background: #646464;
  text-align: center;
  color: #ffffff;
  font-size: 17px;
  font-weight:900;
  padding: 5px;
}
.cenefa-separador2{
  background: #646464;
  text-align: center;
  color: #ffffff;
  font-size: 17px;
  font-weight:900;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.cenefa-separador3{
  background: #646464;
  color: #ffffff;
  font-size: 17px;
  font-weight:900;
  padding: 5px;
}
.cenefa-separador3{
  background: #b4b4b4;
  text-align: left;
  color: #000;
  font-size: 17px;
  padding: 5px;
}

.titulo-home{
  color: #78767b;
  font-size:60px;
  padding-right: 1px;
  font-family: "Montserrat_light";
}

.footer-capa1{
  background: #646464;
  color: #ffffff;
  text-align: center;
  font-weight: 100;
  font-size: 17px;
  padding: 10px;
}
.red-social a > i:hover{
  color:white!important;
}

.footer-capa2{
  background: black;
  color:white;
  text-align: center;
  height: 50px;
}


u {
    text-decoration: none;
    border-bottom: 5px solid white;
  }

.margen{
  padding-right:60px;
  padding-left:60px;
}

.caja-menu{
  width: 100%;
}

.caja-menu ul {
  justify-content: flex-end;
  display: flex;
}

.caja-menu ul li {
  list-style-type: none;
  text-align: left;
}
.caja-menu ul li{ 
  float:left; 
  margin-right:10px;
}
.titulo-derecha{
  text-align: right;
}
#listainterno li {
  display:inline;
}
.presentacion_diplomado {
  padding-top:80px; 
  padding-bottom:80px;
}

#diplomado_fondo {
  background-image: url('../img/fondo_campus_titulo.png'); 
  background-repeat: no-repeat; 
  background-color: #000; 
  background-position: right;
}
#diplomado_titulo_nombre {
  margin-left:70px;
}

.diplomado_titulo_modulo {
  padding: 10px; 
  padding-left:90px;
}

@media only screen and (max-width:600px){
  .header-negro{
    background:black;
    padding-top: 10px;
  }
  .margen{
    padding-right:10px;
    padding-left:10px;
  }
  .caja-menu{
    font-size:12px;
  }
    .caja-menu ul {
    justify-content: center;
    display: flex;
  }
  .listas {
    margin-left: 0;
  }
  .texto-header{
    text-align: center;
  }
  #view_pc{
    display: none;
  }
  .acerca{
    padding: 10px;
  }
  .titulo-derecha, .titulo-izquierda{
    text-align: center;
  }
  #listainterno li {
    display:inline-block;
  }
  .presentacion_diplomado {
    padding-top:20px; 
    padding-bottom:20px;
  }

  #diplomado_fondo {
    background-image: url(''); 
    background-color: #000; 
    background-position: left;
  }

  #diplomado_titulo {
    text-align: center;
  }
  #diplomado_titulo_nombre {
    margin-left:0;
  }
  .diplomado_titulo_modulo {
    padding: 10px; 
    padding-left:0;
    padding-top: 20px;
  }
  .movil-center{
    text-align: center;
  }
 }

 @media only screen and (min-width:601px){
  #view_movil{
    display: none;
  }
  .zona_scroll{
    margin: 10px auto;
    height:400px;
    overflow: auto;
    width:100%;
  }
  .acerca{
    padding: 100px;
  }
 }