.carousel-indicators .active {
  background-color: rgba(4, 24, 51, 0.82);
}

.carousel-indicators li {
  border: 1px solid #002e5f;
}

.generar-incidentes {
  background: rgba(255, 191, 4, 0.55);
  padding: 1px 19px;
  border-radius: 5px;
}

.noticia{
  color: #ffcb30;
  background:rgb(4, 24, 51);
  border: 1px solid rgb(24, 47, 70);
}

.noticia-2{
  height: 300px;
  padding: 10px 1em;
  background:rgba(196, 196, 197, 0.33);
  border: 1px solid rgba(159, 165, 171, 0.8);
}

.noticia-2-opc1 {
  background: rgba(196, 196, 197, 0.11);
  border: 1px solid rgba(159, 165, 171, 0.8);
}



@media screen and (max-width: 768px) {
  .noticia-2 {
    height: inherit;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .noticia-2 {
    height: 350px;
  }

  .prueba-2 {
    height: inherit;
  }

  .page .tab-info .tab-content ol {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1440px) {
  .prueba-2 {
    height: 330px;
  }
}

.noticia p{
    color: white;
}

.prueba-2{
  height: : 370px;
  overflow: hidden;
}

.listado-acuerdos a {
  font-size: 1.2em;
  color: #ffbf03;
}

.listado-acuerdos h3 {
  color: #ffffff;
}

.listado-acuerdos {
  background: #041833;
  padding-top: 0;
  padding-bottom: 0;
}

.listado-acuerdos span {
  color: rgba(255, 255, 255, 0.8)
}



/******************************************************************************
                                Alumnos
******************************************************************************/

.opciones-alumnos {
  padding: 1.5em 3em;
}


@media screen and (min-width: 1025px)  {
  .opcion-alumno {
     height: 480px;
  }
}

@media screen and ( width: 1024px ) {
  .opcion-alumno {
    height: 580px;
  }
}

.opcion-alumno .caption {
  color: #d59f00;
}

.btn-opc {
  color: #00132d !important;
  background: rgb(213, 159, 0);
}

.btn-opc:hover {
  color: #00132d !important;
  background: rgb(247, 203, 76) !important;
}

.opcion-alumno > p {
  color: #fff;
}

/******************************************************************************
                                NOSOTROS
******************************************************************************/
.funcion {
  margin-top: 6px;
}

.organigrama {
  width: 100%;
}

.organigrama-Direc , .organigrama-Coord1, .organigrama-Coord2,.organigrama-Coord3, .organigrama-Coord4 {
  position: absolute;
}

.organigrama-Direc {
  clip: rect(0px,700px, 420px, 150px);
  margin-left: -190px;
  width: 950px;
}
.organigrama-Coord1,.organigrama-Coord2,.organigrama-Coord3,.organigrama-Coord4 {
  margin-top:-400px;
}

.organigrama-Coord1 {
  clip: rect( 440px, 355px, 790px, 25px );
  margin-left: -25px;
}

.organigrama-Coord2 {
  clip: rect( 440px, 760px, 790px, 355px );
  margin-left: -370px;
}

/* clip: shape(top, right, bottom, left); NB 'rect' is the only available option
    left:   inicia Ancho    (coordenadas desde 0) 
      Para el caso de coordinaciones el left es el right de la coordinacion anterior
      si estan en la misma linea
    right:  finaliza Ancho  (coordenadas desde 0)
    top:    inicia Alto     (coordenadas desde 0)
      Para el caso de coordinaciones el top es el mismo para todas ya que estan 
      en la misma linea
    bottom: finaliza Alto   (coordenadas desde 0)
      Para el caso de coordinaciones el bottom es el mismo para todas ya que tienen
      la misma altura.
 */

.organigrama-Coord3 {
  clip: rect( 440px, 1090px, 790px, 760px );
  margin-left: -750px;
  margin-bottom: 110px;
}

.organigrama-Coord4 {
  clip: rect( 310px, 1000px, 600px, 750px );
  margin-left: -690px ;
}

@media screen and (min-width: 1340px) {
  .info {
    height: 480px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1339px) {
  .info {
    height: 600px;
  }
}

.wp-ati-personal {
  font-size: 1.2em;
  background: rgba(0, 0, 0, 0.03);
  padding: 1em 3em;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.78) !important;
}

.wp-ati-personal a {
  color: rgba(0, 0, 0, 0.78) !important;
}

.wp-ati-personal h2,
.wp-ati-personal h4,
.wp-ati-personal i {
  color: rgb(51, 51, 58);
}

.contacto {
    background: rgba(0, 0, 0, 0.03);
}

.opcion-contacto {
  margin: 0 !important;
  color: rgba(0, 0, 0, 0.78) !important;
  margin-bottom: 10px !important;
}

.contacto h3 {
  color: rgb(51, 51, 58);
  text-align: center;
  min-height: 100px;
}

.contacto a {
  color: #0083b5;
}

.caption .contacto  p {
  color: #ffffff;
}

.opciones-contacto {

}
/******************************************************************************
                                SISTEMAS
******************************************************************************/
.wp-sistemas {
  padding: 0em 3em;
}

/******************************************************************************
                                ORGANIGRAMA
******************************************************************************/
.fa-caret-right:before {
  margin-right: 0.3em;
}

/******************************************************************************
                             TITULOS CONTACTO
******************************************************************************/

@media screen and (min-width: 1440px) {
  .titulo-0,
  .titulo-1,
  .titulo-2 {
    height: 75px;
  }

  .titulo-3,
  .titulo-4,
  .titulo-5 {
    height: 120px;
  }

  .titulo-6,
  .titulo-7,
  .titulo-8 {
    height: 100px;
  }

  .titulo-9,
  .titulo-10,
  .titulo-11 {
    height: 60px;
  }
}

/*
@media screen and (width: 1024px) {
  .titulo-0,
  .titulo-1,
  .titulo-2 {
    height: 120px;
  }

  .titulo-3,
  .titulo-4 {
    height: 220px;
  }

  .titulo-6,
  .titulo-7 {
    height: 130px;
  }

  .titulo-10,
  .titulo-11 {
    height: 100px;
  }
}*/