body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f1f1f1 !important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.nav-link {
	text-transform: uppercase;
    text-decoration: none;
	border-radius: .3em;
	color: rgb(0,84,143) !important;
	font-weight: 700;
	font-size: .8em;	
}

.nav a:hover,#servicios article:hover,#index a:hover,#servicios-mini article:hover  {
    background: #e76100;
    color: white !important;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#hero{
	position: relative;
    overflow: hidden;
    width: 100%;
	/*height:25vh;*/
}

#servicios-mini {
    box-shadow: 0 0 .3em rgb(150,150,150);
	background: rgb(0,84,143);
    width: 100%;
	height:60px;
	margin-top:0;
}

#servicios-mini h2 {
    color: rgb(240,240,240);
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
    text-align: left;
}

#servicios-mini article {
    margin: 0 1em;
	padding:10px;
    width: 16%;
}

#servicios-mini a {
    text-decoration: none;
    color: rgb(240,240,240);
}

#servicios-mini img {
    float: left;
    height: 30px;
    padding-right: 1em;
}

#contenedor-servicios-mini{
	height:100%;
}

.contenedor {
    margin: 0 auto;
    max-width: 1000px !important;
    padding: 0 1em;
    position: relative;
    clear: both;
    display: block;
}

img {
    vertical-align: middle;
}

#servicios article {
    display: inline-block;
    height: 260px;
    padding: 2%;
    vertical-align: top;
    width: 20%;
}

#servicios {
    background: rgb(0,84,143);
    width: 100%;
	height:260px;
}

#servicios h2 {
    color: rgb(240,240,240);
    font-size: 2em;
    font-weight: 300;
    line-height: 1.2em;
    text-align: left;
}

#servicios p {
    font-size: .8em;
    margin: 0.5em 0;
}

#servicios article a {
    text-decoration: none;
    color: rgb(240,240,240);
	
}

#map_canvas {
	height:60vh;
}


#index {
    padding: 1em 0;
    overflow: hidden;
    text-align: center;
    margin-top: .5em;
}

#index h2 {
    color: rgb(0,84,143);
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.2em;
}

#index h3 {
    color: rgb(100,100,100);
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.1em;
    margin: .5em 0;
}

#index h4 {
    color: rgb(100,100,100);
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.1em;
    margin: .5em 0;
}

#index figure{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#index article {
    background: white;
    border-radius: .3em;
	margin: .28em 0;
    border: 1px solid rgb(210,210,210);
    margin: .28em 0;
    padding: .5em 1em;
}

#index  a {
    text-decoration: none;
    color: rgb(240,240,240);
	
}

.fecha {
    font-size: .8em;
    color: rgb(231, 97, 0);
	margin-bottom:0px;
	margin-top:25px;
	text-align:center;
}

.nivel {
    color: rgb(50,50,50);
    font-size: .8em;
}


.hora {
    color: rgb(50,50,50);
    font-size: .6em;
    font-weight: 700;
	display:block;
}	

.todos-cursos {
    background: rgb(0,84,143);
    border-radius: .3em;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    display: block;
    font-size: .8em;
    margin: 10px auto;
    padding: .5em ;
    text-align: center;
    text-transform: uppercase;
    width: 70%;
	text-decoration: none;
	color: rgb(240,240,240);
}

footer{
	border-bottom: 2px solid #e76100;
	border-top: 1px solid rgb(230,230,230);
	clear: both;
	display: block;
	font-size: .8em;
	margin: 0 auto;
	padding: 2em 0 1em 0;
	text-align: left;
}

footer span {
    display: block;
    font-size: 1em;
    font-weight: 800;
}

footer a {
    color: rgb(0,84,143);
    font-weight: 600;
	text-decoration:none;
}

#breadcrumbs {
    background: #f7fafe;
    border: 1px solid #c7dded;
    font-size: .7em;
    font-weight: 700;
    padding: .7em;
	margin-bottom: 2em;
}

#breadcrumbs a {
    background: url(../img/template/arrow.png) center right no-repeat;
    color: #999;
    display: inline-block;
    padding: 0 1em;
    text-decoration: none;
}

#breadcrumbs span {
    margin-left: .5em;
    color: #e76100;
}

#titulo {
	margin-bottom: 1.5rem;
}

#titulo h1 {
    border-bottom: 1px solid rgb(200,200,200);
    margin-bottom: 1em;
	margin-bottom: 10px;
	font-size: 36px;
}

#titulo article > figure, article#titulo figure {
    background: #f0571b;
    border-radius: .7em;
    float: left;
    margin-right: 1em;
    padding: .5em;
	margin-bottom:0px
}

#titulo img {
	max-height:60px;
}

#titulo .cursos h2 {
    margin: 0;
    font-weight: bold;
    text-align: center;
}

#titulo h6 {
    font-size: 12px;
}

#content {
	/*margin-top: 20px;*/
}

#content h2 {
    font-size: 1.15em;
    font-weight: 300;
    margin-bottom: 0.5em;
    margin-top: 0;
}

#content h3 {
    color: rgb(0,84,143);
    /*margin: 1em 0 .5em 0;*/
	font-weight: 700;
	font-size: 20px;
}

#content ul div {
    clear: both;
    display: block;
    padding-bottom: 1em;
    color: rgb(0, 84, 143);
}

#content .cursos h2 {
    margin: 0;
    font-weight: bold;
    text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
}

#content h3.subtitulo_curso {
    color: #666;
}

article#content figure.img-right {
    padding: 0;
    float: right;
    margin: 1em 1em 2em 1em;
    background: white;
    text-align: center;
    border-radius: 0;
	margin-bottom:1em;
}

article#content figure.img-left {
    padding: 0;
    float: left;
    margin: 1em 2.5em 1em 1em;
    background: white;
    text-align: center;
    border-radius: 0;
	margin-bottom:1em;
}


@media screen and (max-width: 685px) {
	article#content figure.img-left {
		margin-right:1em;
	}
}

#accordionPreguntasCarreras .accordion-button {
	font-weight: bold
}

#sidebar {
    margin-bottom: 1em;
    vertical-align: top;
}

#sidebar > div, #preguntas > div, .carreras > div {
    background: white;
    border-radius: .3em;
    border: 1px solid rgb(200,200,200);
    margin-bottom: .5em;
    overflow: hidden;
    padding: 0.65em;
}

#sidebar h2  {
    text-transform: uppercase;
    text-align: center;
    background: #00548f;
    color: white;
    padding: 10px;
    font-size: 16px;
	border-radius: 3px;
	font-weight: 400;
	margin-bottom: 0.6em;
}

#sidebar h3 , #preguntas h3 , .carreras h3{
    background: rgb(58, 126, 174);/*rgb(50,150,150);*/
    border-radius: .3em;
    color: white;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: .5em;
    padding: .5em;
    text-align: center;
    text-transform: uppercase;
}

#sidebar h4, .carreras h4 {
    margin: 0;
    font-size: 1.2em;
    font-weight: 400;
	margin-top: 5px;
}

#sidebar h5 {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
}

#sidebar span , .carreras span{
	text-align:center;
	display:inline-block;
	font-size: 1em;
}

#sidebar ul , .carreras ul{
    list-style: none;
    padding: 0;
}

.carreras ul{
    list-style: none;
    padding: 0;
	text-align:center
}

#sidebar li {
    clear: both;
    font-size: .8em;
    margin-left: 5px;
    margin-right: 5px;
}

.carreras li {
    clear: both;
    display: inline-block;
    font-size: .8em;
    margin-left: 5px;
    margin-right: 5px;
	width: 30%;
	height: 95px;
	border: #dbeaf4;
	border-style: solid;
	text-align: left;
	margin: 5px;
	border-radius: 0.3em;
}

#sidebar p , .carreras p{
	font-size: .7em;
	margin-left:15px;
	margin-right:15px;
	color: gray;
	margin-top: 5px;
}

.carreras a{
    border-radius: .3em;
    color: rgb(50,50,50);
    display: block;
    font-size: 1em;
    overflow: hidden;
    padding: .5em 1em;
    transition: all .2s ease;
	text-decoration: none;
	height: 90px;
}

#sidebar a {
    border-radius: .3em;
    color: rgb(50,50,50);
    display: block;
    font-size: 1em;
    overflow: hidden;
    padding: .5em 1em;
    transition: all .2s ease;
	text-decoration: none;
}

#sidebar a:hover , .carreras a:hover {
    background: rgb(243, 123, 81); /*rgb(230,230,230);*/
	color: white;
}

#sidebar a.contenido-curso {

    color: white;
    margin: .7em;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
	font-size:0.8em;
	width:60%;
	min-width:160px;
    background-color: rgb(236, 92, 31);
	margin-bottom: 15px;
	margin-top: 15px;
}

#sidebar .infor-extra li {
    border-bottom: 1px solid rgb(230,230,230);
    padding: .5em 1em;
    font-size: .8em;
}

#sidebar .interesado a {
    color: white;
    /*background-color: rgb(242, 88, 34);*/
    text-align: center;
	padding:0.5em;
}

#sidebar img , .carreras img{
    width: 100%;
}

#sidebar figure , .carreras figure {
    float: left;
    margin-right: 1em;
    width: 50px;
    height: 50px;
	margin-bottom:5px;
	
}

.periodos-pensum li {
	width: 90%;
	margin-left: auto !important;
	margin-right: auto  !important;
}

.periodos-pensum h3 {
	background-color: #f7fafe;
	color: black;
}

.cursos ul {
    padding: 0;
}

.cursos li {
    background: white;
    border-radius: .3em;
    border: 1px solid rgb(210,210,210);
    clear: both;
    margin: .2em;
    padding: 1em;
    width: 32%;
    display: inline-block;
    vertical-align: top;
    /*min-height: 350px;*/
    position: relative;
}

.cursos a:hover li {
    background: rgb(50,50,50);
    color: white;
}

.subtitulo_curso {
    font-size: 12px !important;
    margin: .5em;
    font-weight: normal !important;;
    text-align: center;
}

.cursos a {
    color: rgb(50,50,50);
    text-decoration: none;
    color: rgb(240,240,240);
}

.cursos .codigo_letra {
    display: block;
    margin: .5em auto .5em auto;
    max-width: 50%;
    padding: .3em;
    border-radius: 6px;
	font-weight: bold;
}

.codigo_letra {
    min-width: 60px;
    padding: .3em;
	display: block;
    margin: .5em auto .5em auto;
    border-radius: 10px;
	font-weight: bold;
    background: #f25822;
    font-size: 17px;
    font-weight: bold;
    color: white;
    text-align: center;
	font-weight: bold;
}


.info-adicional-curso {
    /*position: absolute !important;
    bottom: 0px;*/
    left: 0px;
    margin: 0px;
    margin-top: 0px;
    width: 100%;
    text-align: center;
    background-color: #2b6ea2;
    padding: 15px !important;
    color: white !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 15px;
    font-size: 0.75em;
    font-weight: bold;
	height:100px;
}

.categoria-seleccionada{
	color: #242526;
	font-weight: bold;
	background: #f1f1f1;
}

#nivel-curso li.activo {
    background: antiquewhite;
    border-radius: .5em;
}

#nivel-curso li.activo h3 {
    background: #e76100;
    color: white;
}

#nivel-curso h3 {
    background: rgb(230,230,230);
    color: black;
    cursor: pointer;
    font-weight: 600;
    line-height: 16px;
    margin: 5px 0;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 14px;
}

#nivel-curso h3:hover, #nivel-curso h3.sobre {
    color: white;
    background: #e76100;
}

#nivel-curso ul ul li a {
    color: black;
    display: block;
    font-size: 11px;
    padding: .5em 1em;
    text-decoration: none;
    transition: all 0.15s;
}

#btn-descargar-pensum {
    background: #e75113;
    color: white !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
	padding: 10px !important;
	font-size: 1em !important;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.nuevo {
	background: red;
	padding: 5px;
	border-radius: 20px;
	border: 1px;
	padding-right: 20px;
	padding-left: 20px;
	border-color: red;
}

.informacion {
    background: url(../img/iconos/cursos.png) no-repeat;
    height: 39px;
    padding-left: 50px;
}

.objetivos {
    background: url(../img/iconos/cursos.png) no-repeat 0 -38px;
    height: 39px;
    padding-left: 50px;
}

.orientado {
    background: url(../img/iconos/cursos.png) no-repeat 0 -76px;
    height: 39px;
    padding-left: 50px;
}

.inversion {
    background: url(../img/iconos/cursos.png) no-repeat 0 -114px;
    height: 39px;
    padding-left: 50px;
}

.ratio-16x9-mio {
    /*--mdb-aspect-ratio: 56.25%;*/
	padding-top: 56.25%
}

.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:45px;
	right:40px;
	background-color:#004E8A;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	cursor: pointer;
}

.my-float{
	margin-top:18px;
}

#table-precios-carreras th{
	background: #e76100;
	color: white;
}

#table-precios-carreras td{
	background: white;
}

@media screen and (max-width: 950px) {
	.carreras li {
		width: 45%;
	}
	#preguntas {
		margin-bottom: 80px
	}
}

@media screen and (max-width: 650px) {
	.carreras li {
		width: 95%;
	}
	#preguntas {
		margin-bottom: 80px
	}
}

@media screen and (max-width: 1199px) {
	#servicios article,#servicios-mini article {
		width: 25%;
	}
}

@media screen and (min-width: 1199px) {
	#index {
		  width:60%
	  }
}

@media screen and (max-width: 990px) {

  .contenedor{
	  width:100%
  }
  .nav{
	  display:block !important;
  }
  #servicios, #servicios article { 
	 height:80px; 
  }
  #servicios h2,#servicios-mini h2 {
	  font-size: 1.2em;
  }
  #servicios article,#servicios-mini article{
	  width:24%
  }
  #servicios img{
	  width:30px;
	  height:30px;
  }
  
  #servicios-mini img{
	  height:30px;
  }
  
  #servicios article, #servicios h2,#servicios-mini article {
	  text-align:center
  }
  #index {
	  width:75%
  }
}

@media screen and (max-width: 790px) {
  #index {
	  width:100%
  }
}

@media screen and (max-width: 576px) {
  #servicios h2 ,#servicios-mini h2{
	  font-size: 1em;
	  text-align: center;
  }
  
  .codigo_letra {
    font-size: 15px;
  }
  
  #titulo img {
	max-height:40px;
  }

  #servicios article,#servicios-mini article{
	  width:23%;
	  height: 70px;
	  margin:0px;
  }
  
  #servicios{
	position: fixed;
	bottom: 0;
	z-index:1024;
	height:70px;
  }
  
  #content{
	  padding-bottom:60px;
  }
  
  #servicios-mini{
	position: fixed;
	bottom: 0;
	z-index:1024;
  }
  
  #servicios-mini img {
    float: none;
	padding-right:0px;
  }
  
  #titulo h1 {
	  font-size: 26px !important;
  }
  
  header img{
	  width:130px;
  }
  #index {
	  width:80%
  }
  
  .cursos li {
	  width:48%
  }

}

@media screen and (max-width: 400px) {
  #servicios article,#servicios-mini article{
	  width:23%;
	  height: 60px;
  }
  #servicios,#servicios-mini  {
	  height: 60px;
  }
  #servicios h2,#servicios-mini h2 {
	  font-size: 0.8em;
	  text-align: center;
  }
  #index {
	  width:85%
  }
  #map_canvas {
		height:55vh;
	}
  .cursos li {
	  width:90%
  }
   .cursos ul {
	text-align: center;
  }
}