.navbar {
     margin-bottom:0px!important;
}
.bg_miga {
     display: table;
     width: 100%;
     position: absolute;
     z-index: 1;
}
.bg_miga {
    color: #fff;
}
.CMSBreadCrumbsCurrentItem{
    color: #fff;
}
.nav>li {
  font-family: 'Noto Sans', sans-serif!important;
}
.navbar-default .navbar-nav>li>a {
    cursor: pointer;
    color: #191919;
    letter-spacing: .05em;
    font-size: 1.1em;
    font-weight: 600;
}
.miga-pan {
    font-size: 12px;
    text-align: left;
    line-height: 30px;
    float: left;
    padding: 5px 5px 0px 0px;
    transition: 300ms ease all;
    text-decoration: none;
}
.miga-pan a:hover {
    color: #f9071f;
    text-decoration: underline;
}
.miga-pan a {
    padding: 0px;
    color: #DA0921;
    text-decoration: none;
}
/*estilos verde*/
 .datos.verde {
     background: #6a8a52;
}
 a.btn-administracion.verde {
     border: solid 1px #6a8a52;
}
 a.btn-administracion.verde:hover {
     background:#6a8a52;
}
/*estilos verde*/
/*estilos azul*/
 .datos.azul {
     background: #195b80;
}
 a.btn-administracion.azul {
     border: solid 1px #1a5a7f;
}
 a.btn-administracion.azul:hover {
     background:#1a5a7f;
}
/*estilos azul*/
/*estilos rojo*/
 .datos.rojo {
     background: #c54c58;
}
 a.btn-administracion.rojo {
     border: solid 1px #c54c58;
}
 a.btn-administracion.rojo:hover {
     background:#c54c58;
}
/*estilos rojo*/
 .tabs-escuela-administracion {
     width: 100%;
     padding: 20px;
     display: table;
     min-height: 300px;
}
 .tabs-escuela-administracion {
     padding: 0;
}
 .tres-tabs {
     list-style: none;
     border-right: solid 8px #fff;
}
 .sin-margen{
     margin:0px;
}
 #cursos-intersemestrales .nav.nav-tabs {
     padding: 20px;
     border-bottom: none;
     background: #f2f2f2;
     border-radius: 0px 0px 10px 0px;
}
 #cursos-intersemestrales{
     position: relative;
     min-height: 1px;
     padding-right: 0px;
     padding-left: 0px;
}
 #cursos-intersemestrales .img-principal img{
     width: 100%;
     background-size: cover;
}
 #cursos-intersemestrales .mascara-azul {
     background: rgba(0,0,0,0.6);
     min-height: 630px;
     position: absolute;
     width: 100%;
     top: 0px;
}
 #cursos-intersemestrales .img-principal {
     background: url(../img/banner-principal.png) no-repeat;
     min-height: 630px;
     background-size: cover;
     position: absolute;
     width: 100%;
     top: 0px;
}
 #cursos-intersemestrales .mascara-azul h2 {
     color: #c54c58;
     font-weight: 800;
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     font-size: 285%;
    /* margin-top: 56px;
     */
     padding-top: 72px;
     text-shadow: 2px 2px 5px #00000091;
     cursor: pointer;
}
 #cursos-intersemestrales .mascara-azul i {
     color: #fff;
     font-weight: 800;
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     font-size: 140%;
    /* margin-top: 56px;
     */
     padding-top: 70px;
     font-style: normal;
}
 #cursos-intersemestrales .contenedor-tabs {
     min-height: 400px;
     width: 83%;
     background: #fff0;
     margin: 0 auto;
     margin-top: 250px;
}
/* Style the tab */
 .tab {
     float: left;
     width: 100%;
     border-right: solid 8px white;
}
/* Style the buttons inside the tab */
 .tab button {
     display: block;
     background-color: inherit;
     color: black;
     padding: 22px 16px;
     width: 100%;
     border: none;
     outline: none;
     text-align: left;
     cursor: pointer;
     transition: 0.3s;
     font-size: 17px;
}
/* Change background color of buttons on hover */
 .tab button:hover {
     background-color: #ddd;
}
/* Create an active/current "tab button" class */
 .tab button.active {
     background-color: #ccc;
}
/* Style the tab content */
 .tabcontent {
     float: left;
     border-left: none;
     width: 100%;
     min-height: 300px;
     margin-left: -8px;
}
 .sin-espacio{
     padding: 0;
     margin: 0;
}
 .tabroja {
     background: #c54c58 !important;
     border-radius: 10px 0px 0px 0px;
     color: #fff !important;
     text-align: center !important;
     font-size: 20px !important;
     font-weight: 800;
     border-bottom: solid 8px #fff !important;
     min-height: 140px;
     padding: 20px;
}
 .tabroja i{
     font-size: 60px;
}
 .tabroja a {
     color: #fff;
     text-decoration:none;
}
 .tabazul a {
     color: #fff;
     text-decoration:none;
}
 .tabroja:hover {
     background: #ec5362 !important;
     text-decoration: none;
     transition: 0.3s;
}
 .tabazul:hover {
     background: #3688c1 !important;
     text-decoration: none;
     transition: 0.3s;
}
 .tabverde:hover {
     background: #7c9e61 !important;
     text-decoration: none;
     transition: 0.3s;
}
 .tabverde a {
     color: #fff;
     text-decoration:none;
}
 .tabazul {
     background: #255f87 !important;
     color: #fff !important;
     text-align: center !important;
     font-size: 20px !important;
     font-weight: 800;
     min-height: 130px;
     padding: 20px;
}
 .tabazul a {
     color: #fff;
}
 .tabazul i{
     font-size: 60px;
}
 .tabverde {
     background: #6b8a53 !important;
     color: #fff !important;
     text-align: center !important;
     font-size: 20px !important;
     font-weight: 800;
     border-radius: 0px 0px 0px 10px;
     border-top: solid 8px #fff !important;
     min-height: 130px;
     padding: 20px;
}
 .tabverde i{
     font-size: 60px;
}
 .tabverde a {
     color: #fff;
}
/*contenido tabs*/
 .top-banner img{
     width: 100%;
}
 .top-banner img {
     width: 100%;
     border-radius: 0px 10px 0px 0px;
}
 .texto-info{
     padding: 30px;
     background: #25273c;
}
 .texto-info p {
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-weight: lighter;
     text-align: justify;
     font-size: 17px;
}
 .texto-info i {
     font-style: normal;
     font-weight: bold;
     color: #c54c58;
     font-size:20px;
}
 #cursos-intersemestrales .oferta {
     background: #f2f2f2;
     display: table;
     min-height: 560px;
     border-radius: 0 0 10px;
}
 #cursos-intersemestrales .oferta h2{
     font-size: 18px;
    /* padding: 0;
     */
     margin: 0;
     text-align: center;
     padding-top: 42px;
     color: #26283c;
     font-family: 'Open Sans', sans-serif;
     font-weight: bold;
}
 #cursos-intersemestrales .esquina{
     width: 40px;
     position: relative;
     float: right;
     right: -30px;
     top: -10px;
}
 #cursos-intersemestrales .abajo{
     margin-bottom: -10px;
}
 #cursos-intersemestrales .fade.in {
     opacity: 1;
     position: absolute;
     top: 0;
     background-color: white;
     margin-top:60px;
}
/*slider-home*/
 #cursos-intersemestrales .carousel-content {
     color:black;
     display:flex;
     align-items:center;
}
 #cursos-intersemestrales #text-carousel {
     width: 100%;
     min-height: 450px;
     padding: 30px 30px 0px;
}
 #cursos-intersemestrales .carousel-control.left {
     background-image: none;
     background-image: none;
     background-image: none;
     background-image: none;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
     background-repeat: repeat-x;
}
 #cursos-intersemestrales .carousel-control.right {
     background-image: none !important;
     background-image: none !important;
     background-image: none !important;
     background-image: none;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
     background-repeat: repeat-x;
     position: relative;
     left: -31px;
}
 .caja {
     padding: 20px;
     border: solid 1px #c54c58;
     border-radius: 0px 0px 10px;
     background: #fff;
     border-bottom: solid 5px #c54c58;
     min-height: 170px;
}
.caja .alto {
  min-height:215px;
}
 .caja p{
     color: #25273c;
     font-family: 'Open Sans', sans-serif;
     text-align: center;
     font-size: 17px;
     font-weight: 300;
}
 .caja i {
     color: #c54c58;
     font-size: 20px;
     font-weight: 400;
     font-style: normal;
}
 #cursos-intersemestrales .carousel-content{
     color: #666;
     font-size: 15px;
     font-weight: 300;
     font-weight: 300;
}
 #cursos-intersemestrales .carousel-content i{
     font-weight: 500;
     font-style: normal;
}
 #cursos-intersemestrales .carousel-control {
     position: relative;
     top: 0;
     bottom: 0;
     left: -84px;
     width: 6%;
     font-size: 20px;
    /* color: #fff;
     */
     text-align: center;
     text-shadow: 0 1px 2px rgba(0,0,0,.6);
     background-color: rgba(0,0,0,0);
     filter: alpha(opacity=50);
     opacity: 1;
     float: right !important;
}
 .controles {
     display: table;
     width: 200px;
     float: right;
     padding: 20px;
     margin: 20px;
}
 #cursos-intersemestrales .carousel-content {
     padding: 20px 20px 0px;
     min-height: 400px;
}
 .oferta p{
     font-size: 16px;
}
 .caja.grupo {
     min-height: 247px;
     padding: 13px;
     min-height: 230px;
}
 .numero{
     color: #e44457 !important;
     font-weight: bold;
     font-size: 30px;
}
 .icono img{
     width: 100%;
}
/*contenido calendario*/
 .contetenido-calendario {
     background: #f2f2f2;
     border-radius: 0 10px 0px 0px;
     padding:30px;
}
 .contetenido-calendario h3{
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     font-weight: 800;
     font-size: 30px;
}
 .contetenido-calendario i {
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     color: #265e86;
     font-size: 25px;
     font-style: normal;
}
 .administracion {
     border: solid 2px #ce8c2e;
     display: table;
     width: 95%;
     border-radius: 10px;
     margin-bottom: 20px;
     background: #fff;
     min-height: 140px;
}
 .administracion img {
     width: 100%;
     border-radius: 7px 0px 0px 7px;
     border-right: solid 4px #cf8b2f;
}
 .no-espacio{
     padding: 0;
}
 .facultades{
     padding: 30px 18px;
}
 .administracion h3 {
     font-size: 110%;
     color: #cf8b2f;
     font-weight: 600;
     margin-top: 15px;
}
 .administracion h3 i {
     font-weight: 800;
     font-size: 115%;
     color: #d08a30;
}
 .mas-info{
     background: #d08a30;
     display: table;
     float: left;
     padding: 3px;
     margin-left: 14px;
     color: #fff;
     margin-top: 1%;
     border-radius: 4px;
     cursor: pointer;
     position: absolute;
     bottom: 30px;
     right: 27px;
}
 .mas-info:hover {
     background: #ecb203;
     transition: 0.2s;
     transform: scale(1.2);
}
.mas-info a {
     color: white;
}

.mas-info a:focus, .mas-info a:hover {
    text-decoration: none;
}
 .sin{
     display: table;
     float: left;
     padding: 3px;
     margin-left: 14px;
     color: #666;
     margin-top: -5px;
     border-radius: 4px;
     cursor: pointer;
}
 .administracion.azul {
     border: solid 2px #255f87 !important;
}
 .azul img {
     border-right: solid 4px #255f87 !important;
}
 .administracion.azul h3{
     color: #255f87 !important;
}
 .administracion.azul h3 i{
     color: #255f87 !important;
}
 .mas-info.azul{
     background: #255f87 !important;
}
 .mas-info.azul:hover{
     background:#2196F3 !important;
}
 .administracion.verde {
     border: solid 2px #6b8a53 !important;
}
 .verde img {
     border-right: solid 4px #6b8a53 !important;
}
 .administracion.verde h3{
     color: #6b8a53 !important;
}
 .administracion.verde h3 i{
     color: #6b8a53 !important;
}
 .mas-info.verde{
     background: #6b8a53 !important;
}
 .mas-info.verde:hover{
     background:#4CAF50 !important;
}
 .administracion.morado {
     border: solid 2px #846e9c !important;
}
 .morado img {
     border-right: solid 4px #846e9c !important;
}
 .administracion.morado h3{
     color: #846e9c !important;
}
 .administracion.morado h3 i{
     color: #846e9c !important;
}
 .mas-info.morado {
     background: #846e9c !important;
     margin-top: 0px;
}
 .mas-info.morado:hover{
     background:#9C27B0 !important;
}
 .administracion.rojo {
     border: solid 2px #c54c58 !important;
}
 .rojo img {
     border-right: solid 4px #c54c58 !important;
}
 .administracion.rojo h3{
     color: #c54c58 !important;
}
 .administracion.rojo h3 i{
     color: #c54c58 !important;
}
 .mas-info.rojo {
     background: #c54c58 !important;
     margin-top: 0px;
}
 .mas-info.rojo:hover{
     background:#F44336 !important;
}
 .espacio{
    margin-top: 30px !important;
}
/*requisitos*/
 .contenido-requisitos {
     background: #f2f2f2;
     border-radius: 0 10px 10px 0px;
     box-shadow: 2px 2px 6px #5454541f;
     padding:30px;
}
 .contenido-requisitos h3{
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     font-weight: 800;
     font-size: 30px;
}
 .contenido-requisitos i {
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     color: #6a8a52;
     font-size: 25px;
     font-style: normal;
}
 .contenido-requisitos p {
     color: #666;
     font-family: 'Open Sans', sans-serif;
     font-weight: lighter;
     text-align: justify;
     font-size: 14px;
     padding: 2px 20px;
     margin-top: -13px;
}
 .caja-requisitos i {
     font-weight: 600;
     font-style: normal;
     font-size: 30px;
     background: #75af4a;
     color: #fff;
     width: 50px;
     padding: 1% 1%;
     border-radius: 100%;
     position: relative;
     left: 18px;
     top: 60px;
     position: absolute;
     border-left: solid 4px #698a51;
     text-align: center;
}
 .caja-requisitos {
     border: solid 1px #6a8a52;
     padding: 20px 20px 0px;
     margin-top: 20px;
     border-radius: 0 0 10px;
     background: #fff;
     margin-left: 30px;
     min-height: 166px;
     box-shadow: 3px 3px 4px #ddd;
     min-height: 220px;
     border-bottom: solid 4px #6a8a52;
     min-height: 150px;
}
 .caja-requisitos p {
     padding: 20px;
}
 .alto2{
     min-height: 180px !important;
}
 .alto1{
     min-height: 190px !important;
}
 .alto3{
     min-height: 150px;
}
 .alto4{
     min-height: 170px;
}
 .alto6{
     min-height: 210px;
}
 .alto7{
     min-height: 206px;
}
 .caja-requisitos strong{
     font-weight: 500;
     color: #6a8a52;
     font-size: 18px;
}
 .circulo {
     padding: 0.6% 3% !important;
     box-shadow: 1px 1px 5px #d4d4d4;
}
/*escuela-administraion*/
 #escuela-administracion {
     width: 100%;
     background: #fff;
     display: table;
     margin: 0 auto;
     position: relative;
     border-radius: 0px 0px 12px;
}
 .botones-administracion {
     background:#f2f2f2;
     padding: 20px;
     border-radius: 0px 0px 12px;
     margin-top: -20px;
}
 #cursos-intersemestrales .esquina {
     width: 40px;
     position: relative;
     float: right;
     right: -30px;
     top: -9px;
}
 #cursos-intersemestrales .esquina2 {
     width: 40px;
     position: relative;
     float: right;
     right: -20px;
     top: -20px;
}
 .btn-administracion {
     padding: 10px;
     text-align: center;
     font-size: 12px;
     font-weight: 500;
     border-radius: 0px 0px 10px;
     color: #666;
     min-height: 120px;
     cursor: pointer;
     margin-bottom: 15px;
     font-weight: 400;
     list-style:none;
     display:inline-block;
}
 .btn-administracion:hover{
     transition: 0.3s;
     color: #fff;
     text-decoration:none;
}
 .btn-administracion:active,  .btn-administracion:focus {
     color: #fff;
 }
 .recuadro-datos {
     padding: 20px;
     border: solid 1px #fff;
     background: white;
     display: none;
}
 #analisis-financiero{
     background: #e0e0e0;
     padding: 20px;
}
 .img-importante {
     background: #fff;
     border-radius: 10px 10px 0px 0px;
}
 .datos{
     padding: 10px 30px;
     background: #d18930;
     color: #fff;
     border-radius: 0px 0px 10px 10px;
}
 .datos h4{
     font-size: 17px;
     font-weight: bold;
}
 .datos p {
     font-size: 16px;
     font-weight: 300;
     line-height: normal;
}
 .info-descripcion{
     display: table;
     padding: 0px 20px;
}
 .info-descripcion h4 {
     color: #666;
     font-size: 18px;
     font-weight: 500;
     line-height: 16px;
}
 .info-descripcion p {
     color: #666;
     font-size: 16px;
     font-weight: 300;
     line-height: 16px;
     text-align: justify;
}
 .info-descripcion li{
     color: #666;
     font-size: 16px;
     font-weight: 300;
}
/*escuela-administraion*/
 @media (max-width:1400px){
     .administracion h3 {
         font-size: 95%;
    }
     .administracion h3 i {
         font-size: 105%;
    }
     .mas-info{
         margin-bottom: 0%;
    }
     .administracion {
         min-height: 120px;
    }
}
 @media (max-width:1300px){
     .tabroja i {
         font-size: 45px;
    }
     .tabroja {
         font-size: 15px !important;
         min-height: 110px;
    }
     .tabazul i {
         font-size: 45px;
    }
     .tabazul {
         font-size: 15px !important;
         min-height: 110px;
    }
     .tabverde i {
         font-size: 45px;
    }
     .tabverde {
         font-size: 15px !important;
         min-height: 110px;
    }
     .btn-administracion {
         padding: 10px;
         font-size: 11px;
         min-height: 120px;
    }
     .caja.grupo {
         min-height: 234px;
    }
     .caja {
         min-height: 160px;
    }
     .oferta p {
         font-size: 14px;
    }
     #cursos-intersemestrales #text-carousel {
         padding: 1%;
         min-height:410px;
    }
     .info-descripcion p {
         font-size: 14px;
    }
     #cursos-intersemestrales .carousel-content {
         padding: 4%;
         min-height: 450px;
    }
     .info-descripcion li {
         font-size: 14px;
    }
     .alto1 {
         min-height: 220px !important;
    }
     .alto2 {
         min-height: 200px !important;
    }
     .alto6 {
         min-height: 270px;
    }
     .alto7 {
         min-height: 256px;
    }
}
 @media (max-width:750px){
     .contetenido-calendario {
         padding: 5px;
    }
     #cursos-intersemestrales .mascara-azul h2 {
         font-size: 170%;
         padding-top: 20px;
    }
     #cursos-intersemestrales .contenedor-tabs {
         width: 100%;
         position: relative;
         width: 100%;
         right: 20px;
         margin-top: 160px;
    }
     #cursos-intersemestrales .tabcontent {
         margin-left: 10px;
    }
     #cursos-intersemestrales .caja {
         min-height: 120px;
         margin-bottom: 10px;
    }
     .btn-administracion {
         padding: 10px;
         font-size: 14px;
         min-height: 70px;
         width:100%;
    }
     .administracion img {
         width: 100%;
         border-radius: 7px 0px 0px 7px;
         border-right: solid 4px #cf8b2f;
    }
     .azul img {
         border-right: solid 4px #255f87 !important;
    }
     #cursos-intersemestrales .carousel-content {
         padding: 5%;
         min-height: 750px;
    }
     .controles {
         display: table;
         width: 200px;
         float: right;
         padding: 0px;
         margin: 20px;
    }
     .texto-info p {
         font-size: 15px;
    }
}

#contenido-menu-tabs-cursos>.active {
    display: block !important;
}
#contenido-menu-tabs-cursos>.tab-pane {
    display: none;
}
.tres-tabs .tablinks:hover {
     cursor: pointer;
}
.titulo-curso-intersemestral-h4 {
     text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 40px;
}


.contenedorGrupos {
  background:#fff;
  padding:15px;
  box-shadow:0 0 15px rgba(0,0,0,.1);
  margin-bottom:15px;
}
.contenedorGrupos .grupo {
}
.contenedorGrupos .grupo .titulo h3 {
	margin: 0;
	color: #c54c58;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: solid 1px #c54c58;
	margin-bottom: 15px;
}
.contenedorGrupos .grupo .titulo h4 {
	margin: 0;
	background: #c54c58;
	color: #fff;
	padding: 5px 10px;
	float: right;
	margin-top: -45px;
	font-size: 1.2em;
	font-weight: 600;
}
@media (max-width: 600px) {
  .caja .alto {
    min-height:auto;
  }
}