@charset "utf-8";
/* CSS Document */
/* nav bar */


.bg-dark {
  background-color: #652525!important;
}

.topnavi {
  background-color: #652525;
  width: 100%;
  height: 130px;
}

.topnavi img{
  width: 30%;
  margin-left: 80px;
}

/* Index */

.imgfront img{
  margin-top: 110px;
  width:100%;
  
  text-align: center;
  
}
.base{
padding-top: 50px;
 width: 80%;
 margin: auto;

}


.contenedor{
width: 90%;
margin: auto;
height: 100%;
font-family:sans-serif;
}


/*--------------	Oferta educativa-------------------------------*/

.btcontenedorcarrera{
  display: flex;
  justify-content: center;
  padding-bottom: 100px;
}

.contenedormaestria{
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  
}
.btofertas {
   
  background-color: #875555;
  color:white;
  display: inline-block;
  font-size: 1.25em;
  margin: 0 10px 0 0px;
  padding: 20px;
  text-align: center;
  width: 300px;
  height: 150px;
  text-decoration: none;
  box-shadow: 0px 3px 0px #583737;
  border-radius: 10px;
  text-decoration: none;
}

.btofertas a {
  text-decoration: none;
  color: #eee;
}

.bgoscuro{
background-color: #652525;
}

.bgoscla{
  background-color: #cc7676;
  }


.btofertasmil a {
 
  color:white;
  display: inline-block;
  font-size: 1.25em;
  margin: 0 20px 0 20px;
  padding: 20px;
  text-align: center;
  width: 400px;
  height: 200px;
  box-shadow: 0px 3px 0px #583737;
  border-radius: 5px;
  border-bottom: #583737 solid 30px;
  text-decoration: none;
  background-color: #cc7676;
  color: #eee;
}

.btofertasmil h6{
  color:#000000;
  padding-top: 25px;
}

.pagos a{
text-decoration: none;
color: #fff;
  background-color: #b2a132;
}

/*-------------carrera individual ----------------*/

.contenedorcarrera{
  width: 90%;
  margin: auto;
 }

.titulo1{
  color:#875555;
  font-weight: bolder;
  font-size: 200%;
  text-align: center;
}
.titulo2{
  color:#00A19A;
  font-weight: bolder;
  font-size: 200%;
  text-align: center;
}
.encabezado{
  padding-top: 50px;
  padding-bottom: 40PX;;
  }


  

.destacadogris{
  width: 90%;
  background-color: rgb(230, 227, 227);
  font-size: medium;  
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
}
.destacadogris ul{
text-align: left;
}
.destacadogriscla{
  width: 90%;
  background-color: rgb(243, 240, 240);
  font-size: medium;  
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
  text-align: left;
}

button{
  border: none;
  border-radius: 10px;
  margin-right: 20px;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}


.btnew001{
  background-color: #198DCD;
  width: 300px;
  height: 100px;
  text-align: center;
}
.seccionbotones{
 display: flex;

}
.bt001{
  background-color: #875555;
  width: 250px;
  height: 100px;
  text-align: center;
}


#modalplan{
  width: 50%;
  border: none;
}

#modalplan h5{
  color: #eee;
}

#modalplan button{
background-color: rgb(198, 137, 137);
color:white;
padding-top: 10px;
}

#modalplan .btx button{
  background-color: rgb(255, 255, 255);
  color:rgb(100, 99, 99);
  padding-top: 5px;
  margin-left: 90%;

  }

#modalprecios {
border: none;
}

#modalprecios button{
  background-color: rgb(198, 137, 137);
  color:white;
  padding-top: 10px;

}
#modalprecios .btx button{
  background-color: rgb(255, 255, 255);
  color:rgb(100, 99, 99);
  padding-top: 5px;
  margin-left: 90%;
}


#modaldirector{
  width: 50%;
  border: none;
}

#modaldirector h5{
  color: #eee;
}

#modaldirector button{
background-color: rgb(198, 137, 137);
color:white;
padding-top: 10px;
border: none;
}

#modaldirector .btx button{
  background-color: rgb(255, 255, 255);
  color:rgb(90, 90, 90);
  padding-top: 5px;
  margin-left: 90%;

}


/*  tabla  */
table, th, td {
  border: 1px dashed rgb(216, 216, 216) ;
  text-align: center;
  height: 40px;
  border-radius: 2px;
}

.fondo{
  background-color: #b2a132;
  text-align: center;
  color:#fff;
  padding: 10px;
  padding: 10px;
}



.textodirector{
  font-weight: lighter;
  font-size: 1.5rem;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: rgb(255, 254, 254);
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  background-color: #875555;
}


/*-------------Session Revista----------------*/
.revistasingle{
  color: #652525;
  margin-top: 50px;
  text-align: center;

}

.revistasingle img{
width: 100%;
border-radius: 10px;
}


/* NOTICIAS */

.imgnoticia{
  border-radius: 5px;
  background: #ffffff;
  width: 80%;
  margin-left: 30px;
  margin-bottom: 20px;
  }

.titulonoticia{
color: #003c81;
font-size: 15px;
}

.notiborde{
border-right: 2px solid #949494;
padding-right: 10px ;
}

.notiviejas{
background-color: #000000;
color:white;
 display: inline-block;
 font-size: 1em;
 margin: 100px 20px 20px 20px;
 padding: 10px 0;
 text-align: center;
 width: 200px;
 text-decoration: none;
 box-shadow: 0px 3px 0px #8b8b8b;
}

.notiviejas a{
  text-decoration: none;
  color: white;
}

.galeria img{
  width: 500px;
  border-radius: 20px;
  margin-bottom: 20px;
}
/*FAQ*/

.contenedor-acordeon{
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-top: 80px;
}
.acordeon{
  background-color: #fff;
}
.acordeon label{
  color: #fff;
  display: block;
  padding: 20px;
  font-size: 17px;
  background-color: #652525;
  cursor: pointer;
  margin-bottom: 2px;
  transition: all 300mx ease;
}
.acordeon label:hover{
  background-color: #875555;
}
.acordeon .contenido-acordeon{
  padding: 0px;
  margin: 0px 20px;
  max-height: 0px;
  overflow: hidden;
  transition: all 300ms ease;
}
.btn-acordeon:checked ~ .contenido-acordeon{
  max-height: 600px;
  padding: 15px 0px;
}
.btn-acordeon{
  display: none;
}
.contenedor-acordeon h2{
  text-align: center;
  font-size: 30px;
  margin-bottom: 35px;
}



/* footer*/

#footer {
  background: #cc7676;
  padding: 60px 0 25px 0;
  color: #ffffff;
  font-size: 14px;
}
#footer .footer-top h4 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px;
	border-bottom: 2px solid #000000;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
	padding-right: 5px;
	color: #999999;
	font-size: 16px;
}

#footer .footer-top .footer-links ul a {
  color: #eee;
}

#footer .footer-top .footer-links ul a:hover {
	color: #000000;
}