.fondo {
  background-color: #545557 !important;
}

.fondob{
  background-color: #fff !important;
}

#menu li a{
  /* color: #00acc4; */
  color: #808184;
  font-size: 18px;
  font-weight: bold;
}

#menu{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
}

#menu li a:hover{
    width: auto;
    height: auto;
    border-radius: 10px;
    background-color:#00acc4;
    cursor:pointer;
    color: #ffffff;

    -webkit-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
    -moz-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
    -o-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
    -ms-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
    transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
}

.activo{
  width: auto;
  height: auto;
  border-radius: 10px;
  background-color:#00acc4;
  cursor:pointer;
  color: #ffffff;

  -webkit-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -moz-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -o-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -ms-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
}

.opacity{
   background: rgba(224,224,224, 0.7);
   width: 90%;
   height: 90%;
   margin: auto;
   margin: .5em, .5em, .5em, 1em;
   padding-top: 5;
}

.divfondo{
  background: rgba(255,255,255, 0.7);
}

.index{
    background: #f5f5f5;
    background: url(../img/iStock-803317424.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.contacto{
    background: #f5f5f5 url(../img/iStock-839296408.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.sec1Nosotros{
    background: #f5f5f5 url(../img/iStock-504192338.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.nosotros{
    background: #f5f5f5 url(../img/fondos/iStock-177719234.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.fondon{
  background: #fff;
}

.cursos{
    background: #f5f5f5 url(../img//serv/iStock-869286766.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.registro{
    background: #f5f5f5 url(../img/fondos/iStock-624547402.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.publicaciones{
    background: #f5f5f5 url(../img/fondos/iStock-488050539.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.borde {
  border-radius: 10px;
  padding: 0 4px 0 4px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#contacto input::placeholder{
  color: rgb(224,224,224);
}

#contacto textarea::placeholder{
  color: rgb(224,224,224);
}

/*-- CLASE PARA UNIR UN SPAN A UN INPUT --*/
/*.input-group-addon {
    padding: .75rem .75rem;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}*/

.logo:focus{
  box-shadow: 0 0 5px rgba(237, 19, 121, 1);
}

.dmask{   /*fondo azul*/
    width: 100%;
    height: 150px;
    color: #ffffff;
    padding:8px 0 8px 15px;
    box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.25);
}

.intro-table-hover {                            /*texto pld*/
	-webkit-transform: translateY(80px);
	transform: translateY(80px);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.dmask:hover{
  background: rgba(67, 160, 71, 0.65);
  color: rgb(225,245,254);
}

.efecto2:hover{
  background-image: url('../../images/serv/487967033.jpg');
  background-position: 50% 50%;
}

.efecto2{
  -webkit-transition: background-image 0.3s ease, background-position 0.3s;
	transition: background-image 0.3s ease, background-position 0.3s;
	background-image: url('../../images/serv/487967033.jpg');
}

#nosotros p{
  text-align: justify;
}

/* Estilos para servicios */
.cabecera{
	background:#00acc4;
	color:#fff;
}
.cabecera2{
	background:#1b5e20;
	color:#fff;
  border-color: #1b5e20;
}

.servFondo{
    background: #f5f5f5 url(../img/serv/iStock-639956894.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #fff;/*#e9ecef;*/
  border-radius: 0.25rem;
}

.grisObscuro{
  color: #263238;
}

.facebook{
  /*color: #00acc4;*/ /*color del logo de neo*/
  color: #fff;
}

.facebook:hover{
  color: #3b5999;
}

.twitter{
  color: #fff;
}

.twitter:hover{
  color: #5caae7;
}

.youtube{
  color: #fff;
}

.youtube:hover{
  color: #cc2321;
}

.textoPie a{
  text-decoration: none;
  color: #ffffff;
}

.textoPie a:hover{
  text-decoration: none;
  color: #00acc4;
}

.regresar a{
  border: 0;
  background: #58595b;
  border-radius: 5px;
  color: #fff;
}

.regresar a:hover{
  text-decoration: none;
  background: #00acc4;
  color: #fff;
  border: 0;
  border-radius: 10px;

  -webkit-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -moz-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -o-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -ms-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
}

.fa.fa-navicon {
  color:black;
}

.btn-primary{
  background: #00acc4;
  color: #fff;
  border: 0;
}

.btn-primary:hover{
  background-color: #808184;;
  color: #fff;
  -webkit-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -moz-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -o-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -ms-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
}

.registroC a{
  border: 0;
  background: #00acc4;
  border-radius: 5px;
  color: #fff;
}

.registroC a:hover{
  text-decoration: none;
  background: #58595b;
  color: #fff;
  border: 0;
  border-radius: 10px;

  -webkit-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -moz-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -o-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  -ms-transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
  transition: width .5s ease,height .5s ease,background-color .5s ease-out, border-radius .5s ease-in-out, padding .5s ease .5s, box-shadow .5s ease .5s, color .5s linear;
}

.textoN{
  color: #00acc4;
}