.modal-body {
    font-weight: 300!important;
}

#perfiles .button ul {
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    font-weight: 300;
    font-size: .96em;
}

.cajaDesc.codigosnies ul {
    color: #fff;
}

.cajaDesc.codigosnies li {
    font-size: 1.1em;
    font-weight: 300;
}

.cajaDesc.codigosniesli:before {
    color: #fbb601;
    margin-right: 8px;
    font-size: 11px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
}



.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.proyecion.dos a {
    background: #fbb601;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    display: table;
    margin-top: 20px;
}

.proyecion.dos a:hover {
    background: #18294b;
   transition: .4s;
}

.flex-container>div {
    background-color: #ececf3;
    width: 18%;
    margin: 8px;
}
.containerImagen.egreso {
    /* border: solid 2px #fff; */
    background: #0e012b;
}
.flex-container p {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 700;
    padding-top: 12px;
    max-height: 259px;
    height: 110px;
    padding: 13px 8px;
    color: #4e4e4e;
    border-top: solid #fbb601;
}

#instalaciones h2 {
    font-size: 1em !important;
}

#instalaciones {
    display: table;
    background: #ececf3;
    padding: 3%;
    width: 100%;
}

#instalaciones iframe {
    width: 100%;
    height: 108px;
}
#instalaciones .cajaInstalaciones {
    background: #fff;
    display: table;
    padding: 2%;
    width: 100%;
}

.flex-container a {
    background-color: #fbb601;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    padding: 3px 0;
    transition: .9s;
    text-decoration: none;
}
.opcionesGrado .col-md-4:nth-child(2) {
    /* display: none; */
    display: n;
}

.opcionesGrado .col-md-4:nth-child(3) {
    /* display: none; */
}

.opcionesGrado .col-md-4:nth-child(1) {
    /* width: 100%; */
    /* flex: 100%; */
    /* max-width:100%; */
}

.cajaDesc img {
    margin-bottom: 0px;
    margin-top: -30px;
    z-index: 99999 !important;
}

.codigosnies {
    /* padding: 0 !important; */
    margin-top: -80px !important;
}

.PagerControl {
    display: table;
    margin: 0 auto;
    color: #fff;
}

.PagerNumberArea a {
    color: #fff;
    text-align: center;
}

a.UnselectedPage {
    border: solid 1px;
    padding: 3px 10px;
    color: #fff;
}

a.UnselectedPage:hover {
    background: #1b142e;
    color: #fff;
    text-decoration: none;
}

span.SelectedPage {
    border: solid 1px;
    padding: 3px 10px;
    background: #1b142e;
}
.proceso_admision .modal-header {
    padding: initial !important;
    border-bottom: initial !important;
    background: initial !important;
    border-radius: initial !important;
}

section.proceso_admision h2 {
    color: #f6b301 !important;
}

.proceso_admision .grid figure h6 span {
    color: #f7b400 !important;
}

.estructura.margenNegativo a {
    border: none !important;
}

.estructura a {
    border: solid 2px #fff !important;
}

#planEstudios a {
    color: #fff;
    border-bottom: solid 2px #fbb601;
    padding: 0px 0px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: -20px;
    display: table;
}

.proceso_admision .modal-content .modal-body h6 {
    color: #ff2b3a;
}

.Testimonios ol.carousel-indicators {
    /* display: inline-flex; */
    bottom: -50px;
}

.proceso_admision .modal-content .modal-body h5 {
    color: #143a8e;
    font-size: 17px !important;
}

#TeatroMusical .btn-info:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgb(58 176 195 / 0%);
}

.proceso_admision figure.effect-bubba h6 {
    padding-top: 25% !important;
}

.proceso_admision .grid figure p {
    letter-spacing: 1px;
    font-size: 60.5% !important;
}

.proceso_admision h6 {
    font-size: 18px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px #0009;
    margin-top: 12% !important;
}

.proceso_admision .btn.btn-link {
    margin: 0 !important;
}

.proceso_admision .calendarioAdmisiones {
    min-height: 90px !important;
}

.modal-content a {
    color: #ff2a3a;
}

.modal-body h6 {
    text-shadow: none;
    margin-top: initial !important;
}

.card {
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-body li {
    font-weight: 300;
}

a.btn.btn-default {
    display: table;
    margin: 0 auto;
    background: #f90f01;
    color: #fff !important;
}

a.btn.btn-default:hover {
    color: #fff;
}

.modal-content a {
    color: #ff2a3a !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.proceso_admision .fecha h4 {
    display: initial;
    font-size: 1em !important;
}

#TeatroMusical .modal-body p {
    font-size: .9em !important;
    /* font-weight: bold; */
}

.proceso_admision .fecha {
    width: 43% !important;
    max-width: 140px !important;
}

.proceso_admision .descripcion {
    width: 55% !important;
}

.proceso_admision .modal-content .fecha p {
    text-align: center !important;
}

select {
    background: #fff !important;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none !important;
}

.formatoTexto {
    background: #fff !important;
}

#TeatroMusical .btn-Aplicar {
    z-index: 9999 !important;
}

section.proceso_admision h3 {
    font-family: "Nunito", sans-serif !important;
    font-size: 1.5em !important;
}

button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

a.navbar-brand:hover {
    color: #f90f00;
}

ul.navbar-nav.ml-auto.nav-flex-icons i {
    color: #e96711;
    font-size: 12px;
}

#myNavbar {
    background: #edeaf4 !important;
    box-shadow: 0px 2px 5px #00000042;
}

.sticky-top {
    z-index: 50 !important;
}

.fixed {
    margin-top: -82px !important;
}

.fixed-top {
    top: 80px !important;
    z-index: 50 !important;
}

.bg-light {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    padding: 5px 20px !important;
}

#TeatroMusical .navbar-brand {
    color: #e96711;
    font-size: 1em;
    font-weight: 600;
    font-weight: bold;
}

.navbar-nav li a {
    display: table;
    padding: 5px 12px;
    margin: auto 2px;
    color: #444444;
    font-size: .8em;
    border-left: solid 2px #fff;
}

.navbar-nav li a:hover {
    text-decoration: none;
}

.titulo h3 {
    color: #fff;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    padding: 8px 0;
}
.nombreDelProfesor {
  width: 73%;
    display: inline-block;
    vertical-align: baseline;
    float: right;
    padding: 0px 0 0 0;
}

.nombreDelProfesor h3 {
     font-size: 1.2em;
    margin-top: 5px;
    /* padding: 0 5% 0 30%; */
    padding: 16px 0 0 0;
    font-weight: 600;
    color: #51504e;
    text-transform: uppercase;
}

.ImagenProfesorCircular img {
    width: 67px;
}

section.profesores-V2 {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../../../../../getmedia/47a027f0-bc22-40e8-98d8-928fbc619307/jurisprudencia.jpg) center top fixed no-repeat;
    background-size: cover;
    padding: 0 0 5% 0;
}

.infoProfesor li a i {
    color: #da0921;
}

.infoProfesor {
    display: inline-block;
    vertical-align: top;
    width: 78%;
}

.ImagenProfesorCircular {
width: 20%;
    height: 15%;
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    margin-top: 12px;
}
.container.home hr {
    width: 46%;
}
.profesoresPestanias {
    background-color: white;
    border-radius: 8px;
    max-height: 140px;
    height: 49px;
    height: 140px;
    padding: 2px;
    margin-bottom: 24px;
}



.correo a {
    color: #626161;
}

.correo a:hover {
    color: #da0921;
}

#requisitos .verMas {
    right: 108px;
}
.verMas {
    background-color: #e8670c;
    color: #fff;
    padding: 2px 7px;
    float: right;
    font-weight: 600;
    position: absolute;
    bottom: 36px;
    right: 27px;
}

.verMas:hover {
    color: #fff;
}

.ImagenProfesorCircular img {
    width: 98%;
    height: 58px;
    border-radius: 50%;
    margin: auto;
    padding: 3px;
    background: linear-gradient(to bottom right, #f1f1f1, #e0e0e0);
    transform: rotateY(0deg);
    transition: all 1s ease;
}


.infoProfesor .tab-content {
    font-weight: 600;
    padding-top: 7px;
}

.fomulario-teatro iframe {
    background: #012540;
    padding: 3%;
    border: none;
    display: table;
    min-height: 430px;
}

#smartcapture-block-7kp9me74zp .sc-button {
    margin-top: 20px !important;
}

#smartcapture-block-7kp9me74zp .smartcapture-submit-button-wrapper {
    padding-bottom: 10px;
    text-align: center;
    margin-top: 20px;
}

.sc-formfield-input {
    margin-bottom: 6px;
}

.proyecion.dos h4 {
    background: #fbb601;
}

.proyecion p {
    padding: 2% 3%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    line-height: 22px;
}

section.proyecciones {
    display: table;
    width: 100%;
    background: url(../../../Universidad-del-Rosario-V3/oferta-academica/Escuela%20de%20Administraci%c3%b3n/pregrados/Marketing%20y%20negocios%20digitales%202/img/fd-requisitos.jpg) fixed no-repeat;
    padding: 1% 3%;
    background-size: cover;
}

.proyecion {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 95%;
    float: left;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.23921568627450981);
}

.proyecion.dos {
    float: right;
    width: 95%;
}

.proyecion h4 {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5em;
    background: #213862;
    display: table;
    padding: 10px 20px;
    color: #fff;
    margin: 0;
}


/*proyeccion*/


/*proyeccion*/


/*proyeccion*/


/*testimonio*/


/*testimonio*/


/*testimonio*/

p.especialidad {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
    color: #ffffff;
    margin-top: -15px !important;
    line-height: 25px;
}

.Testimonios {
    background: #00946E;
    background: linear-gradient(to bottom, #fbb601, #ce9500), url(../../Facultad%20de%20ingenieria%20ciencia%20y%20tecnologia/img/hipatia.jpg) fixed;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 3% 0 4%;
}

.Testimonios ul.carousel-indicators {
    display: table;
    position: absolute;
    left: -200px;
    bottom: 20px;
}

.historiasUrosario {
    display: table;
    width: 100%;
}

.espacio {
    border: solid 3px #ffffff;
    border-radius: 100%;
    padding: 7px;
    margin-top: 30px;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
    width: 65%;
}

.espacio img {
    width: 100%;
    border-radius: 100%;
}

.espacio img {
    width: 100%;
    border-radius: 100%;
}

.titulo2 {
    position: initial;
    bottom: 21%;
    left: 4%;
    margin-top: 7%;
}

.titulo2 h2 {
    font-size: 2.5em;
    font-weight: 900;
    color: #ffffff;
    margin: 0;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 10px;
}

.titulo2 p {
    font-size: 15px;
    margin: 0;
    font-weight: 400;
}

.titulo2 h3 {
    font-size: 1.2em !important;
    margin: auto;
    margin-bottom: 10px;
}

.comillas {
    position: absolute;
    top: 20px;
    right: 50px;
}


/*testimonio*/


/*testimonio*/


/*testimonio*/


/*estilos opciones grado*/


/*estilos opciones grado*/


/*estilos opciones grado*/

.opcionesGrado {
    min-height: 420px !important;
}

.estructura.bordeBlanco h4 {
    color: #152743 !important;
}

.estructura.bordeBlanco p {
    color: #152743 !important;
}

.estructura.bordeBlanco {
    background: #fff !important;
    border: solid 3px #fbb601;
}

.opcionesGrado h2 {
    margin-top: -20px;
    margin-bottom: 40px;
}

.opcionesGrado .estructura {
    width: 100% !important;
    min-height: 240px !important;
}

.opcionesGrado .estructura p {
    border-bottom: none !important;
    font-weight: 300;
    min-height: 60px !important;
}

.items h4 {
    font-size: 1.2em;
}

.opcionesGrado a.btnteatro {
    border: solid 2px #fff;
    margin-bottom: 0px;
    margin-top: 0 !important;
}


/*estilos opciones grado*/


/*estilos opciones grado*/


/*estilos opciones grado*/

#perfiles {
    background: #18294b;
    display: table;
    /* opacity: .8; */
    width: 100%;
}

.containerImagen.ingreso {
    /* background: rebeccapurple !important; */
    /* opacity: 0.9; */
}


/* se ocultaron temporalmente*/

#principalseccion .frase h4,
#musicales {
    display: none !important;
}

.modal-content.formulario {
    background: #012440 !important;
}

.btn-Aplicar.animacion br {
    display: none;
}

#requisitos .col-md-4 {
    width: 100%;
}

#perfiles .containerImagen .egreso .button a {
    padding: 15% 8% !important;
}

.containerImagen.egreso .button p {
    padding: 0 !important;
}

.modal-content.formulario .close {
    color: #fffefe !important;
    /* float: right; */
    display: table;
    /* width: 100%; */
    position: absolute;
    right: 20px;
    top: 10px;
}

.PlanINfo li {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    text-align: justify;
    list-style: none;
}

.PlanINfo li:before {
    content: "\e084";
    font-family: 'Glyphicons Halflings';
    color: #ff270e;
    margin-right: 8px;
    font-size: 11px;
}

.containerImagen.egreso .button a {
    padding: 13% 6% !important;
}

.LogoUR {
    margin-left: 20px;
}

.buscador-responsive {
    margin-right: 20px;
}

.containerImagen.egreso li {
    font-family: 'Montserrat', sans-serif;
    font-size: .96rem;
    text-align: left;
    /* padding: 1%; */
}

.contenidoQueEstudiar .carousel {
    position: relative;
    min-height: 470px;
}

.controlesSlideInstalaciones a.right.carousel-control {
    color: #ffffff;
    opacity: 0.9;
}

.cajaInstalaciones .carousel-indicators {
    display: none;
}

.controlesSlideInstalaciones i {
    font-size: 2em;
    text-shadow: 2px 2px 4px #000;
    margin: 10px;
}

.controlesSlideInstalaciones {
    display: table;
    position: absolute;
    bottom: 30px;
    left: 41%;
    width: 120px;
}

.controlesSlideInstalaciones a.left.carousel-control {
    color: #f90f01;
    opacity: 0.8;
}

input#p_lt_ctl01_pageplaceholder_p_lt_ctl01_RepetidorFormularioInscripcion_repItems_ctl00_ctl00_widget1_ctl00_viewBiz_AutorizacionTratamientoDeDatos_list_0 {
    position: relative;
    left: 60px;
}

a.btnteatro i {
    margin-right: 8px;
}

.btn-primary {
    color: #fff;
    background-color: #ff2a3a;
    border: none;
    border-radius: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    padding: 5px 25px;
}

.btn-primary:hover {
    background-color: #d0202d;
}

a.btnAplicaAhora.desplazar {
    background: linear-gradient(to bottom right, #d61541, #743f8b);
    color: #fff !important;
     /* width: 80%;*/
}

#TeatroMusical .btn-info:focus {
    outline: none !important;
}

.movil {
    display: none;
}

#TeatroMusical .container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: 0px;
    margin-left: 0;
}

#TeatroMusical .navbar-toggle .icon-bar {
    background: #010d16;
}

#TeatroMusical .navbar-toggle {
    border: solid 1px #ddd;
}

#TeatroMusical .Snes ul {
    margin-left: -30px;
    margin-top: 10px;
}

#TeatroMusical .btn.active,
.btn:active {
    box-shadow: initial;
}

#TeatroMusical button.btn.btn-info.collapsed p {
    margin: 0 !important;
    font-weight: bold;
    margin-top: 40px !important;
}

#TeatroMusical .Snes p {
    margin: 0;
    margin-top: 70px !important;
    font-weight: bold;
}

#TeatroMusical .frase h4 {
    font-size: 2rem;
}

#TeatroMusical .btn-info {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 0;
    min-height: 20px;
}

#TeatroMusical .Snes {
    margin-top: 0;
}

#TeatroMusical .Snes i {
    font-size: 2rem;
    text-align: center;
    position: relative;
    top: 10px;
    left: 10px;
    color: #fff;
}

#TeatroMusical .contenidoSnes {
    text-align: left;
    font-size: 11px;
    color: #51515f;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    /* margin: 0 auto; */
}

#TeatroMusical .contenidoSnes li {

    color: white;
}
/*
#TeatroMusical .contenidoSnes li:before {
    content: "\e013" !important;
    font-family: 'Glyphicons Halflings' !important;
    color: #1b405f;
    margin-right: 8px;
    font-size: 8px;
}*/

.sinEspacio {
    padding: 0;
}

#requisitos {
    padding: 2% 3% 4%;
}

#requisitos h3 {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5em;
    margin: 0;
    color: #18294b;
    margin-bottom: 20px;
}

#requisitos h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 2.5em;
    color: #f6b201;
    margin-bottom: 0;
    font-weight: 900;
}

#requisitos {
    background: linear-gradient(rgba(140, 123, 70, 0.03), rgba(0, 0, 0, 0.1)), url(../../../Universidad-del-Rosario-V3/oferta-academica/Escuela%20de%20Administraci%c3%b3n/pregrados/Marketing%20y%20negocios%20digitales%202/img/fd-requisitos.jpg) fixed no-repeat;
    min-height: auto;
    background-size: cover;
    display: table;
    width: 100%;
}

#profesores {
    padding: 3%;
    display: table;
}

#profesores .cajaProfesores {
    background: #ececf3;
    display: table;
    padding: 3%;
    margin-top: -160px;
    background-size: cover;
    min-height: 490px;
}

#TeatroMusical .Vplan img {
    width: 50px;
}

#TeatroMusical .Vplan.abajo {
    right: 60px;
    bottom: -21px;
    display: none;
}

#TeatroMusical .Vplan {
    position: absolute;
    left: 61px;
    transform: rotate(180deg);
    margin-top: -1px;
    top: -29px;
    display: none;
}

#TeatroMusical .estructura h4 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: bold;
}

#TeatroMusical .PlanINfo p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-align: left;
}

#TeatroMusical a.btnteatro {
    color: #fff;
    padding: 8px 18px;
    background: #fbb601;
    text-decoration: none;
    margin-top: 19px;
    display: table;
    font-family: 'Nunito', sans-serif;
    cursor: pointer;
    font-weight: 700;
    border-bottom: none;
    margin-bottom: 30px;
}

#TeatroMusical .PlanINfo h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 1.5em;
    color: #fbb601;
    letter-spacing: 1px;
}

#TeatroMusical .PlanINfo strong {
    font-size: 1.1em;
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
}

#TeatroMusical .modal-content {
    padding: 3%;
    background: #ffffff;
    border: solid #fff 2px;
}

#TeatroMusical .modal-body p {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 1em;
}

#TeatroMusical .modal-body {
    display: table;
    margin: 0 auto;
    width: 100%;
    font-weight: 300!important;
}

#TeatroMusical .imgModal img {
    width: 100%;
    box-shadow: 2px 2px 4px #9c9c9c;
}

#TeatroMusical .modal-header h3 {
    /* font-family: 'Kaushan Script', cursive; */
    margin: 0;
    font-size: 1.5em;
    color: #1C415F;
    text-align: center;
}

#TeatroMusical h4.modal-title {
    font-family: 'Oswald', sans-serif;
    font-size: 2.2em;
    margin: 0;
    color: #fbb601;
    text-align: center;
    display: table;
    width: 100%;
    line-height: 33px;
}

img.logoMsi {
    width: 92px;
    margin-top: -16px;
    margin-left: 13px;
}

#TeatroMusical nav.navbar.sinRelleno {
    margin: 0;
    border-radius: 0;
    z-index: 1;
}

#TeatroMusical .modal-header {
    padding: 0;
    border-bottom: none;
    display: table;
    /* background: #fff; */
    text-align: center;
    width: 100%;
}

#TeatroMusical .nav-tabs.nav-justified>li>a {
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

#TeatroMusical .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #222222;
    padding-top: 2px;
    cursor: pointer;
}

#TeatroMusical .container-fluid,
header .container-fluid {
    padding-right: 0%;
    padding-left: 0%;
}

#TeatroMusical .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
}

#TeatroMusical .nav-tabs.nav-justified {
    width: 100%;
    min-height: 45px;
    border-top: solid 2px #ddd;
    border-bottom: solid 2px #ddd;
    box-shadow: 2px 2px 4px rgba(107, 107, 107, 0.13);
    text-align: center;
}

#TeatroMusical ul.nav.nav-tabs.nav-justified a {
    color: #0e0e0e;
}

#TeatroMusical .nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: initial;
    border: initial;
}

#TeatroMusical .nav-tabs.nav-justified>li>a {
    border: none !important;
    cursor: pointer;
}

#TeatroMusical ul.nav.nav-tabs.nav-justified a:hover {
    color: #ff270e;
}

#principalseccion {
    /* background: url(/PortalUrosario/media/UR-V4/Oferta-academica/Escuela-de-administracion/programa-de-administracion-de-empresas/img/Administracion-de-Empresas.png) no-repeat fixed; */
    margin: 0;
    min-height: 630px;
    width: 97%;
    display: table;
    padding: 2%;
    /* margin: 4%; */
    margin-top: 20px;
    margin-left: 20px;
    background-size: cover;
    background-position-y: -160px;
}

#principalseccion .LogoTeatro {
    width: 53%;
    display: table;
    padding: 4% 4% 0%;
    float: right;
    margin-top: 0%;
}

#principalseccion .LogoTeatro img {
    width: 100%;
}

#principalseccion .frase {
    font-family: 'Kaushan Script', cursive;
    color: #fff;
    letter-spacing: 2px;
}

#principalseccion .frase h4 strong {
    color: #000000;
}

#principalseccion .frase {
    position: initial;
    /* right: -7%; */
    transform: rotate(-90deg);
    /* bottom: 35%; */
    float: left;
    /* margin-right: 50%; */
    /* margin-top: 0; */
    /* left: 0 !important; */
    /* bottom: 0; */
    margin-left: -173px;
    /* margin-bottom: -100px; */
    margin-top: 19%;
    display: none;
}

.modal.in .modal-dialog {
    margin-top: 3%!important;
}

.formulario embed {
    width: 430px;
    height: 421px;
}
div#requisitos .ImagenProfesorCircular img {
    width: 98%;
    height: 135px;
    border-radius: 50%;
    margin: auto;
    padding: 3px;
    background: linear-gradient(to bottom right, #f1f1f1, #e0e0e0);
    transform: rotateY(0deg);
    transition: all 1s ease;
}
div#requisitos .ImagenProfesorCircular {
      width: 18%;
    height: 6%;
    display: inline-block;
    vertical-align: top;
    margin-left: 66px;
    margin-top: -29px;
}

div#requisitos  .profesoresPestanias {
    background-color: white;
    border-radius: 8px;
    max-height: 140px;
    height: 49px;
    height: 87px;
    padding: 2px;
    margin-bottom: 24px;
}
div#requisitos .nombreDelProfesor h3 {
font-size: 1.4em;
    margin-top: 5px;
    /* padding: 0 5% 0 30%; */
    padding: 0 0 0 0;
    font-weight: 600;
    color: #51504e;
}


@media (min-width: 768px) {

    #profesores .cajaProfesores {
        min-height: 300px;
    }
    .ocultarEscritorio {
        display: none;
    }
    #TeatroMusical .btn-Aplicar {
        width: 260px;
        height: 73px;
        position: fixed;
        right: 0;
        bottom: 0%;
        cursor: pointer;
        z-index: 2;
        background: #18294b;
        top: 70%;
        padding: 16px;
        border-radius: 5px 0px 0 5px;
        border: solid 2px #ffffff;
        border-right: none;
    }
    #TeatroMusical .navbar-brand {
        font-size: .7em;
    }
}

@media (max-width: 600px) {


    #planEstudios a {
        margin-bottom: 0;
    
    }
   

    #TeatroMusical .estructura h4 {
        font-size: 1em;
    }
    #TeatroMusical .estructura h4 {
        font-size: 1.2em;
        padding-bottom: 20px;
    }

    #principalseccion .LogoTeatro {
        width: 42%;
        margin-top: 8%;
    }
    #desPrograma .cajaDesc h2 {
        margin-top: 20px !important;
    }
    ol.carousel-indicators {
        bottom: -20px;
    }
    .titulo2 {
        margin-top: 3%;
        margin-bottom: 4%;
    }
    #TeatroMusical a.btnteatro {
        margin-bottom: 30px !important;
    }
    #estudiar .descEstudio {
        box-shadow: none;
        font-size: 1em !important;
        line-height: 19px !important;
    }
    #estudiar .CajaEstudiar h2 {
        font-size: 1.5rem !important;
    }
    #estudiar .CajaEstudiar h2 strong {
        font-size: 3rem !important;
    }
    #estudiar .CajaEstudiar h3 {
        font-size: 1.5em !important;
        margin-left: 0 !important;
        margin-top: -10px !important;
    }
    .proyecion h4 {
        font-size: 1.3em !important;
    }
    .proyecion.dos h4 {
        background: #fbb601;
        font-size: 1.3em;
    }
    #TeatroMusical .btn-Aplicar {
        font-size: 1em !important;
    }
    a.btnAplicaAhora.desplazar {
        background: linear-gradient(to bottom right, #d61541, #743f8b);
        color: #fff !important;
        width: 100% !important;
        text-align: center !important;
        font-weight: bold;
        margin: 15px 0;
    }
    .navbar-nav li a {
        font-size: 1em !important;
        min-height: 0px;
        border: none;
        padding: 0px;
        border-bottom: solid 2px #ffff;
        width: 100%;
        text-align: left !important;
        line-height: 2.2;
    }
    nav#myNavbar i {
        font-size: 15px;
    }
    #TeatroMusical .navbar-brand {
        font-size: 1em;
    }
    .nav-tabs.nav-justified {
        display: inline-flex;
    }
    .profesoresPestanias {
    max-height: 195px;
    height: 193px;
    }
    #desPrograma .cajaDesc {
        margin-bottom: 40px !important;
        margin-top: -22px !important;
    }

    #principalseccion .LogoTeatro {
        width: 60% !important;
        margin-top: 5% !important;
    }

    #principalseccion {
        background-position-x: -10px !important;
    }
    .verMas {
    width: 84%;
    }
}

#TeatroMusical .btn-Aplicar img {
    width: 100%;
    display: none;
}

#TeatroMusical .btn-Aplicar p {
    position: initial;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    line-height: 18px;
}


/*animacion*/

.animacion {
    animation-name: animacion;
    -webkit-animation-name: animacion;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes animacion {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes animacion {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}


/*animacion*/

#desPrograma .cajaDesc {
    background: #18294b;
    display: table;
    width: 92%;
    padding: 2% 3% 1%;
    margin: 0 auto;
    color: #fff;
}

#desPrograma .cajaDesc h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 1.5rem;
    margin: 0;
    letter-spacing: 1px;
    color: #fff6f5;
}

#desPrograma .cajaDesc h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 2.5rem;
    margin: 0;
    color: #ffffff;
    font-weight: 900;
}

#desPrograma .cajaDesc h4 {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5rem;
    color: #ffffff;
    opacity: 0.9;
    letter-spacing: 1px;
}

#desPrograma .cajaDesc img {
    width: 100%;
    
}

#desPrograma .cajaDesc p {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    margin-top: 30px;
    text-align: left;
}

#desPrograma {
    margin-top: -50px;
    background: url(../../../../../App_Themes/TeatroMusical/img/fd-dsc-bolitas.jpg) no-repeat fixed bottom;
    background-size: 100%;
}

#estudiar {
    background: url(../../../../../App_Themes/TeatroMusical/img/bg-estudiar.jpg) no-repeat fixed bottom;
    /*min-height: 400px;*/
    padding: 2%;
}

#estudiar .CajaEstudiar h2 {
    font-family: 'Oswald', sans-serif;
    text-align: left;
    font-size: 1.5em;
    color: #fbb601;
    text-transform: uppercase;
    margin-left: 6%;
}

#estudiar .CajaEstudiar h2 strong {
    font-size: 1.8em;
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
}

#estudiar .CajaEstudiar h3 {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5em;
    color: #18294b;
    margin: 0;
    text-align: left;
    margin-left: 20px;
}

#estudiar .CajaEstudiar {
    margin-top: 18%;
}

#estudiar .contenidoQueEstudiar {
    display: table;
    width: 95%;
    margin: 0 auto;
}

#estudiar .carousel-control.left {
    background-image: initial;
}

#estudiar .carousel-control.right {
    background-image: initial;
}

#estudiar .cajaEstudio img {
    width: 100%;
}

#estudiar ol.carousel-indicators {
    display: none;
}

#estudiar .descEstudio {
    position: absolute;
    bottom: 0px;
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    padding: 17px;
    font-size: 1em;
    display: table;
    width: 80%;
    right: 11px;
    background: #fff;
    /* float: right; */
    line-height: 20px;
    min-height: 100px;
    box-shadow: 2px 2px 5px rgba(193, 192, 192, 0.58);
}

#estudiar .controlesSlideEstudiar {
    position: absolute;
    left: -210px;
    top: 50%;
}

#estudiar i.fas.fa-arrow-right {
    color: #fbb601;
    /* opacity: initial !important; */
    font-size: 2em;
}

#estudiar i.fas.fa-arrow-left {
    color: #18294b;
    margin-top: 40px;
    font-size: 2em;
    opacity: initial;
    margin-right: 10px;
}

#estudiar .cajaEstudio {
    background: #164169;
    cursor: pointer;
    /* display: none; */
}

#estudiar .cajaEstudio img:hover {
    opacity: 0.5;
}

#planEstudios {
    display: table;
    width: 100%;
    background: url(../../../UR-V3/Oferta-academica/Escuela-de-administracion/Pregrado/Marketing-y-negocios-digitales/img/fdplan.png) fixed no-repeat;
    padding: 3%;
    background-size: cover;
}

#planEstudios .PlanINfo h3 {
    /* font-family: 'Kaushan Script', cursive; */
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    opacity: initial;
    letter-spacing: 1px;
    font-size: 1.5em;
}

#TeatroMusical a.btnteatro:hover {
    background: #18294b;
    transition: 0.4s;
}

#TeatroMusical .estructura {
    background: #fbb601;
    padding: 2% 4% 0;
    width: 70%;
    /* float: right; */
    margin: 0 auto;
    margin-top: -10px;
    /* display: none; */
}

#TeatroMusical .estructura p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    min-height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 400;
    font-size: .9em;
}

#TeatroMusical .estructura p i {
    font-size: 2em;
    margin-right: 12px;
    float: left;
}

#TeatroMusical .items {
    display: table;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

#TeatroMusical p.noBorde {
    border-bottom: initial !important;
}

#TeatroMusical .items .azul {
    color: #18294b;
}

#profesores h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 2.5em;
    color: #fbb601;
    letter-spacing: 1px;
    font-weight: 900;
}

#profesores h3 {
    font-family: 'Kaushan Script', cursive;
    font-size: 3rem;
    color: #fff;
    opacity: 0.7;
    margin: 0;
    margin-bottom: 30px;
}

#profesores p {
    font-family: 'Montserrat', sans-serif;
    color: #515151;
    text-align: left;
}

#profesores .cajaProfesor img {
    width: 100%;
}

#profesores .col-md-4 {
    padding: 5px;
}

#profesores .cajaProfesor {
    border: solid 3px #18294b;
}

#profesores .cajaProfesor.blanco {
    border: solid 2px #fff;
}

#profesores .carousel-indicators .active {
    width: 25px;
    height: 5px;
    margin: 0;
    background-color: #ff2a3a;
    border-radius: 0;
    border: none;
}

#profesores .carousel-indicators li {
    display: inline-block;
    width: 25px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    background: #fff;
}

#profesores .carousel-indicators {
    bottom: -48px;
}

#profesores .containerImagen img {
    width: 100%;
}


/*BOTONES*/

#profesores .containerImagen .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    z-index: 1;
    transition: top .5s ease;
    text-shadow: 2px 3px 7px rgb(144, 141, 141);
    padding: 20px;
}

#profesores .button {
    top: 120px;
}

#profesores .containerImagen .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 26%;
    font-weight: 700;
    font-size: 2.7rem;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    z-index: 1;
    transition: top .5s ease;
    text-shadow: 2px 2px 11px rgb(191, 191, 191);
    padding: 20px;
    line-height: 35px;
}

#profesores .containerImagen:hover .title {
    top: 0px;
}

#profesores .containerImagen .button a {
    display: table;
    width: 90%;
    padding: 15px;
    text-align: center;
    color: white;
    border: solid 2px white;
    z-index: 1;
    text-decoration: none;
    margin: auto;
    background: rgb(27, 142, 189);
    font-size: 16px;
}

#profesores .containerImagen .button a {
    display: table;
    width: 90%;
    padding: 10px;
    text-align: center;
    color: white;
    border: solid 2px white;
    z-index: 1;
    text-decoration: none;
    margin: auto;
    background: rgb(51, 51, 51);
    font-size: 14px;
}

#profesores .containerImagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

#profesores .containerImagen {
    position: relative;
    width: 70%;
    min-height: auto;
    MARGIN: 0 AUTO;
}

#profesores .containerImagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

#profesores .containerImagen:hover .overlay {
    display: block;
    background: rgba(0, 0, 0, 0.06);
}

#profesores.containerImagen img {
    width: 100%;
    height: auto;
    left: 0;
    opacity: .7;
}

#profesores .containerImagen .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    z-index: 1;
    transition: top .5s ease;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 1);
    padding: 20px;
}

#profesores .containerImagen:hover .title {
    top: 0;
}

#profesores .button {
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 86px;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    margin: 0 auto;
    font-family: 'PT Sans', sans-serif;
    bottom: 0;
}

#profesores .containerImagen .button a {
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
    color: white;
    border: none;
    z-index: 1;
    /* text-decoration:none; */
    /* margin:auto; */
    background: rgba(21, 21, 21, 0.62);
    /* font-size: 26px; */
    position: absolute;
    bottom: 0;
}

#profesores .containerImagen:hover .button {
    opacity: 1;
}

#profesores .button h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    /* margin: 0; */
    margin-bottom: 0;
}

#profesores .button h5 {
    margin: 0;
    margin-bottom: 20px;
    margin-top: 5px;
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
}


/*BOTONES*/

#requisitos .ingreso {
    background: rgba(255, 255, 255, 0.7);
    padding: 3%;
    width: 90%;
    border: solid 2px #c1c1c1;
    margin-top: 20px;
    margin: 0 auto;
    margin-top: 20px;
   /* float: right;*/
    display: table;
    /* width: 50%; */
    min-height: 210px;
}

#requisitos .ingreso h4 {
    background: #f90f00;
    padding: 9px 15px;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    transform: rotate(-90deg);
    font-family: 'Kaushan Script', cursive;
    top: 110px;
    display: none;
}

#requisitos .ingreso li {
    font-family: 'Montserrat', sans-serif;
    list-style: none;
}

#requisitos .ingreso h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

#requisitos .ingreso li:before {
    color: #da0820;
    margin-right: 8px;
    font-size: 11px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
}


.audicion {
    background: rgba(255, 255, 255, 0.7294117647058823);
    padding: 4%;
    width: 80%;
    margin: 0 auto;
    border: solid 2px #c1c1c1;
    margin-top: -40px;
    display: table;
    min-height: 360px;
}
#requisitos .audicion li:before {
    content: "\e084";
    font-family: 'Glyphicons Halflings';
    color: #101010;
    margin-right: 8px;
    font-size: 11px;
}
#requisitos .audicion li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    list-style: none;
}
#requisitos .audicion h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
}
#requisitos .audicion h4 {
    background: #012440;
    padding: 9px 15px;
    display: table;
    color: #fff;
    position: absolute;
    transform: rotate(-90deg);
    bottom: 250px;
    font-family: 'Kaushan Script', cursive;
    font-size: 2.5rem;
    top: -15px;
    left: -8px;
}

/*BOTONES*/
#perfiles .containerImagen .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    z-index: 1;
    transition: top .5s ease;
    text-shadow: 2px 3px 7px rgb(144, 141, 141);
    padding: 20px;
}
#perfiles .button {
    top: 0;
}
#perfiles strong {
    display: initial;
    margin: 0 auto;
    color: #b50023;
    margin-bottom: 5px;
    background: initial;
    -webkit-background-clip: text;
    color: #fff;
    line-height: normal;
}
#perfiles .containerImagen .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 26%;
    font-weight: 700;
    font-size: 2.7rem;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    z-index: 1;
    transition: top .5s ease;
    text-shadow: 2px 2px 11px rgb(191, 191, 191);
    padding: 20px;
    line-height: 35px;
}
#perfiles .containerImagen:hover .title {
    top: 0px;
}
#perfiles .containerImagen .button a {
    display: table;
    width: 90%;
    padding: 15px;
    text-align: center;
    color: white;
    border: solid 2px white;
    z-index: 1;
    text-decoration: none;
    margin: auto;
    background: rgb(27, 142, 189);
    font-size: 16px;
}
#perfiles .containerImagen .button a {
    display: table;
    width: 90%;
    padding: 10px;
    text-align: center;
    color: white;
    border: solid 2px white;
    z-index: 1;
    text-decoration: none;
    margin: auto;
    background: rgb(51, 51, 51);
    font-size: 14px;
}
#perfiles .containerImagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}
#perfiles .containerImagen {
    position: relative;
    width: 100%;
    min-height: auto;
    transition: 0.5 !important;
    z-index: 0;
    /* opacity: 0.5; */
    overflow: hidden;
}
#perfiles .containerImagen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.19);
    transition: background 0.5s ease;
}
#perfiles .containerImagen:hover .overlay {
    display: block;
    background: rgba(15, 52, 111, 0.71);
}
#perfiles .containerImagen img {
    width: 100%;
    height: auto;
    left: 0;
    opacity: 0.6;
    /* display: none; */
}
#perfiles .containerImagen .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    z-index: 1;
    transition: top .5s ease;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 1);
    padding: 20px;
}
#perfiles .containerImagen:hover .title {
    top: 0;
}
#perfiles .button {
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 86px;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    margin: 0 auto;
    font-family: 'PT Sans', sans-serif;
    bottom: 0;
}
#perfiles .containerImagen .button a {
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
    color: white;
    border: none;
    z-index: 1;
    /* text-decoration:none; */
    /* margin:auto; */
    
    background: rgba(21, 21, 21, 0.62);
    /* font-size: 26px; */
    
    position: absolute;
    bottom: 0;
    height: 100%;
    border: solid 5px #fff;
    /* box-shadow: 1px 1px 10px rgb(0, 38, 173); */
    
    transition: 0.5s;
}
#perfiles .containerImagen:hover .button {
    opacity: 1;
}
#perfiles .button h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    /* margin: 0; */
    
    margin-bottom: 0;
}
#perfiles .button h5 {
    margin: 0;
    margin-bottom: 20px;
    margin-top: 5px;
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
}
#perfiles .sinEspacio {
    padding: 0;
}
#perfiles .containerImagen h3 {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    right: 42px;
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fbb601;
    /* margin-right: 20px; */
    border-left: solid 5px;
    padding: 0 20px;
}
#perfiles .containerImagen h3 strong {
    /* font-family: 'Kaushan Script', cursive; */
    
    text-transform: initial;
    color: #fff !important;
    font-size: 2rem !IMPORTANT;
    letter-spacing: 1px;
}
#perfiles .button p {
    padding: 13% 5% 3%;
    display: table;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
#perfiles .lineaPerfiles {
    width: 34px !important;
    bottom: 61px;
    position: absolute;
    right: initial !important;
    left: 12px !important;
    transform: rotate(-1deg);
    display: none;
}
#perfiles .lineaPerfiles2 {
    width: 32px !important;
    bottom: 61px;
    position: absolute;
    right: 365px !important;
    left: initial !important;
    transform: rotate(-3deg);
    display: none;
}
#perfiles .ingreso.containerImagen h3 {
    left: 40px !important;
    right: initial !important;
}

/*BOTONES*/
#instalaciones {
    display: table;
    background: #ececf3;
    padding: 3%;
    width: 100%;
}
#instalaciones h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 2.5rem;
    color: #f90f00;
    margin-bottom: 0;
    font-weight: 900;
    text-transform: uppercase;
}
#instalaciones h3 {
    /* font-family: 'Kaushan Script', cursive; */
    
    font-size: 1.5em;
    margin: 0;
    color: #18294b;
    margin-bottom: 20px;
}
#instalaciones li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    list-style: none;
}
#instalaciones li:before {
    content: "\e084";
    font-family: 'Glyphicons Halflings';
    color: #ff2a3a;
    margin-right: 8px;
    font-size: 11px;
}
#instalaciones .cajaInstalaciones {
    background: #fff;
    display: table;
    padding: 2%;
}
#instalaciones .mascara li:before {
    content: none !important;
}
#instalaciones .mascara img {
    opacity: 0.7;
}
#instalaciones .mascara {
    background: #012540;
    display: table;
}
#instalaciones .carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #fff;
    border-radius: 0px;
}
#instalaciones .carousel-indicators .active {
    border-color: #ff2a3a !important;
    background: #ff2a3a !important;
}
.opcionesGrado {
    display: table;
    width: 100%;
    /* background: url(/PortalUrosario/media/UR-V3/Oferta-academica/Escuela-de-administracion/Pregrado/Marketing-y-negocios-digitales/img/fdplan.png) fixed no-repeat; */
    padding: 3%;
    background-size: cover;
}
.opcionesGrado .PlanINfo h3 {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5em;
    margin: 0;
    margin-bottom: 20px;
    color: #142642;
    opacity: initial;
    letter-spacing: 1px;
}
.opcionesGrado .PlanINfo strong {
    font-size: 1.8em !important;
    font-family: 'Oswald', sans-serif;
}
#musicales {
    padding: 3%;
    display: table;
    border-bottom: solid 1px #ddd;
    min-height: 490px;
    width: 100%;
    display: none;
}
#musicales h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 6.5rem;
    color: #ff2a3a;
    margin-bottom: 0;
    text-align: center;
}
#musicales h3 {
    font-family: 'Kaushan Script', cursive;
    font-size: 3rem;
    margin: 0;
    color: #1b405f;
    margin-bottom: 20px;
    text-align: center;
}
#musicales p {
    font-family: 'Montserrat', sans-serif;
    color: #1a3f5f;
    font-size: 1.5rem;
    text-align: justify;
}
#musicales .cajaMusicales {
    display: table;
    width: 80%;
    margin: 0 auto;
    margin-top: 0;
}
#musicales .controlesSlideMusicales {
    position: absolute;
    left: -330px;
    top: 80%;
}
#musicales i.fas.fa-arrow-right {
    color: #ff2a3a;
    /* opacity: initial !important; */
    
    font-size: 3.5rem;
}
#musicales i.fas.fa-arrow-left {
    color: #132a3f;
    margin-top: 40px;
    font-size: 3.5rem;
    opacity: initial;
}
#musicales ol.carousel-indicators {
    display: none;
}
#musicales img {
    width: 95%;
    padding-bottom: 12px;
}
#musicales .descMusicales {
    display: table;
    position: absolute;
    bottom: 10px;
    background: #fff;
    padding: 10px 20px;
    right: 19px;
    box-shadow: 2px 2px 4px #ddd;
}
#musicales .descMusicales h4 {
    font-family: 'Kaushan Script', cursive;
    font-size: 2.5rem;
    color: #ff2a3a;
}
#TeatroMusical .navbar-brand {
    font-size: 1em;
}
@media (min-width: 768px) {
    .fixed {
        position: fixed;
        z-index: 5;
    }
}
@media(max-width:1440px) {

    #principalseccion .LogoTeatro {
        margin-top: 4%;
    }
    #principalseccion .frase {
        position: initial;
        right: 0;
        transform: rotate(-90deg);
        bottom: 0;
        display: table;
        float: right;
        /* margin-left: 170px !important; */
        margin-right: -140px;
    }
    
    #musicales .controlesSlideMusicales {
        left: -288px;
        top: 87%;
    }
}
@media (max-width:1300px) {
    .flex-container p {
        font-size: .9em;
    }

    .codigosnies {
        /* padding: 0 !important; */
        margin-top: -30px !important;
    }
    .navbar-nav li a {
        display: table;
        padding: 5px 10px;
    }
    
    .contenidoQueEstudiar .carousel {
        position: relative;
        min-height: 370px;
    }
    
    #estudiar .descEstudio {
        font-size: 1em;
    }
    
    #TeatroMusical .Vplan.abajo {
        right: 50px;
    }
    
    #TeatroMusical .Vplan {
        left: 51px;
    }
    
    .movil {
        display: none;
    }
    
    #TeatroMusical .btn-Aplicar {
        bottom: -10px;
    }
    
    #musicales .controlesSlideMusicales {
        left: -280px;
        top: 100%;
    }
    
    #requisitos .audicion h4 {
        left: -38px;
    }
    
    #requisitos .ingreso h4 {
        left: -76px;
    }
    
    #requisitos .ingreso {
        width: 96%;
    }
    
    .audicion {
        width: 90%;
    }
    
    #estudiar .controlesSlideEstudiar {
        position: absolute;
        left: -203px;
    }
    
    #estudiar .CajaEstudiar {
        margin-top: 10%;
    }
    
    #principalseccion .frase {
        bottom: 260px;
        /* right: 0; */
        margin-right: 0px;
    }
    
    #principalseccion .frase h4 {
        font-size: 2rem;
    }
    
    #TeatroMusical .nav-tabs.nav-justified>li {
        font-size: 1.3rem;
        padding-top: 7px;
    }
    
    #TeatroMusical .nav-tabs.nav-justified {
        min-height: 56px;
    }
    
    #TeatroMusical ul.nav.nav-tabs.nav-justified a {
        width: 104%;
        display: table;
        margin: 0 auto;
    }
    
    #principalseccion {
        width: 96%;
        display: table;
        padding: 2%;
        margin-top: 20px;
        margin-left: 20px;
    }
}
@media (max-width: 1024px) {

    #instalaciones h2 {
        font-size: .9em !important;
    }

    .flex-container p {
        font-size: .8em;
        line-height: 1em;
    }

    .flex-container>div {
        width: 17%;

    }

    #TeatroMusical .PlanINfo strong {
        font-size: 1.5em;
    }

    .contenidoQueEstudiar .carousel {
        min-height: 290px;
    }

    .codigosnies {
        /* padding: 0 !important; */
        margin-top: 0px !important;
    }

    #principalseccion {
        background-position-x: -10px !important;
    }

    p.especialidad {
        font-size: 1.2em !important;
    }
    .controlesSlideInstalaciones {
        bottom: 10px;
        left: 35%;
    }

    ul.navbar-nav.ml-auto.nav-flex-icons i {
    font-size: 8px;
}
    
    .proceso_admision .grid figure p {
        font-size: 44.5% !important;
    }
    
    #perfiles .containerImagen h3 {
        font-size: 2.5rem;
    }
    
    #perfiles .containerImagen h3 strong {
        font-size: 2rem !IMPORTANT;
    }
    
    #TeatroMusical .navbar-brand {
        color: #e96711;
        font-size: .8em;
    }
    
    .navbar-nav li a {
        color: #444444;
        font-size: .6em;
    }
    
    #TeatroMusical .Vplan {
        left: 1px;
    }
    
    #TeatroMusical .Vplan.abajo {
        right: -2px;
        bottom: -21px;
    }
    
    #TeatroMusical .Vplan {
        margin-top: -1px;
    }
    
    #TeatroMusical .estructura {
        width: 100%;
    }
    
    #profesores p {
        /* font-size: 1.4rem; */
    }
    
    #musicales .controlesSlideMusicales {
        left: 250px;
        margin-top: 30px;
    }
    
    #musicales .cajaMusicales {
        margin-top: 5%;
    }
    
    #instalaciones li {
        font-size: 1.4rem;
    }
    
    #perfiles .button p {
        padding: 17% 5% 3%;
        font-size: 1.5rem;
    }
    
    #requisitos .ingreso {
        margin-bottom: 30px;
    }
    
    #requisitos .audicion li {
        font-size: 1.4rem;
    }
    
    #requisitos .ingreso li {
        /* font-size: 1.4rem; */
    }
    
    #estudiar {
        padding: 2%;
    }
    
    #estudiar .controlesSlideEstudiar {
        left: -140px;
    }
    
    #estudiar .CajaEstudiar h3 {
        /* font-size: 3rem; */
    }
    
    #estudiar .CajaEstudiar h2 strong {
        /* font-size: 5rem; */
    }
    
    #estudiar .CajaEstudiar h2 {
        /* font-size: 3.5rem; */
    }
    
    #principalseccion .LogoTeatro {
        width: 62%;
    }
    
    #principalseccion .frase {
        bottom: 220px;
        margin-right: -120px;
        font-size: 1.8rem !important;
    }
    
    #principalseccion {
        background-position-x: 0;
    }
    
    .comillas img {
        width: 62px;
    }
}
@media (max-width:768px) {

    #TeatroMusical .PlanINfo strong {
        font-size: 1.1em;
    }

    .flex-container>div {
        width: 30%;
    }


.opcionesGrado {
    min-height: 350px !important;
}
    section.proceso_admision {
        padding: 1% 3% 5% !important;
    }
    
    .proceso_admision .cont_text {
        padding: 2% 5% !important;
        width: 100%;
    }
    
    section.proceso_admision h2 {
        margin-left: 0 !important;
    }
    
    section.proceso_admision h3 {
        margin-left: 0 !important;
    }
    
    #perfiles .containerImagen h3 {
        font-size: 1.5rem;
        margin-left: 30px;
    }
    
    #desPrograma .cajaDesc {
        margin-bottom: 40px !important;
        margin-top: -20px !important;
    }
    
    .contenidoQueEstudiar .col-md-3 {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    
    ol.carousel-indicators {
        bottom: -40px;
    }
    
    .ocultarMoviles {
        display: none;
    }
    
    #TeatroMusical .navbar-brand {
        font-size: .7em;
    }
    
    #TeatroMusical .estructura p {
        min-height: 30px;
        font-size: .7em;
    }
    
    #TeatroMusical .estructura h4 {
        font-size: .9em;
    }
    
    #estudiar .controlesSlideEstudiar {
        top: 90px;
    }
    
    .contenidoQueEstudiar .carousel {
        position: relative;
        min-height: 220px;
    }
    
    .navbar-nav li a {
        color: #444444;
        font-size: .5em;
        text-align: center;
        min-height: 20px;
    }
    
    ul.navbar-nav.ml-auto.nav-flex-icons i {
        display: none;
    }
    
    #TeatroMusical .btn-Aplicar {
        width: 80%;
    }
    
    #principalseccion .LogoTeatro {
        width: 45%;
    }
    
    .containerImagen.egreso li {
        font-size: 12px;
    }
    
    #profesores .containerImagen {
        width: 100%;
    }
    
    #musicales .controlesSlideMusicales {
        top: 100%;
    }
    
    #TeatroMusical .btn-Aplicar {
        right: 0;
    }
    
    .movil {
        display: initial;
    }
    
    #principalseccion .frase h4 {
        font-size: 1.8rem;
        margin-left: 30px;
    }
    
    #principalseccion .frase {
        position: initial;
        transform: inherit;
    }
    
    #musicales {
        display: table;
        min-height: 1080px;
    }
    
    #musicales .controlesSlideMusicales {
        left: 50%;
        top: 100%;
    }
    
    #musicales .cajaMusicales {
        margin-top: 0;
        margin-bottom: 4%;
    }
    
    #planEstudios {
        padding: 3% 3% 6%;
        background: #18294b;
    }
    
    #requisitos {
        min-height: auto;
    }
    
    #requisitos .ingreso h4 {
        left: -46px;
    }
    
    #requisitos .audicion h4 {
        left: 5px;
        top: 27px;
    }
    
    .audicion {
        padding: 4%;
        margin-top: 0;
        min-height: 260px;
    }
    
    #requisitos .audicion h4 {
        left: -25px;
        top: 27px;
    }
    
    #requisitos .ingreso {
        width: 90%;
        min-height: 260px;
    }
    
    #profesores .carousel-indicators {
        bottom: 20px;
    }
    
    #profesores p {
        margin-bottom: 30px;
    }
    
    #TeatroMusical a.btnteatro {
        margin-bottom: 50px;
    }
    
    #TeatroMusical .Vplan.abajo {
        right: -14px;
        bottom: 292px;
        /* margin-top: 70px !important; */
    }
    
    #TeatroMusical .estructura {
        width: 90%;
        margin-top: 19px;
        margin-bottom: -30px;
    }
    
    #TeatroMusical .Vplan {
        position: absolute;
        left: 8px;
        margin-top: -1px;
        top: -3px;
    }
    
    #profesores .cajaProfesores {
        margin-top: 0;
        margin-top: -120px;
    }
    
    #estudiar .carousel-inner {
        min-height: auto;
    }
    
    #estudiar {
        padding: 2%;
        min-height: 1110px;
        /* display: none; */
    }
    
    #estudiar .descEstudio {
        box-shadow: none;
        font-size: .7em;
        line-height: 12px;
    }
    
    .porquemovil {
        position: absolute;
        left: 50%;
    }
    
    #estudiar .CajaEstudiar {
        margin-top: 0;
        text-align: center;
    }
    
    #estudiar .CajaEstudiar h3 {
        text-align: left;
        margin-bottom: 30px;
        font-size: 1em;
        text-align: center;
    }
    
    #estudiar .CajaEstudiar h2 strong {
        font-size: 2rem;
    }
    
    #estudiar .CajaEstudiar h2 {
        margin-left: 0px;
        text-align: center;
    }
    
    #TeatroMusical {
        display: table;
        width: 100%;
    }
    
    #desPrograma .cajaDesc img {
        width: 100%;
        margin-bottom: 0;
    }
    
    #principalseccion .frase {
        bottom: 282px;
        margin-right: -50px;
        float: left;
    }
    
    #principalseccion .LogoTeatro {
        width: 60%;
        margin-top: 15%;
    }
    
    .btn-Aplicar.animacion img {
        display: none;
    }
    
    #TeatroMusical .btn-Aplicar {
        width: 100%;
        position: fixed;
        bottom: 0px;
        cursor: pointer;
        z-index: 2;
        background: #ff2a3a;
        text-align: center;
        font-size: 2rem;
        border: solid 3px #fff;
        padding-top: 8px;
    }
    
    #TeatroMusical .btn-Aplicar p {
        position: initial;
        color: #fff;
    }
    
    .btn-Aplicar.animacion p br {
        display: none;
    }
    
    #principalseccion {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        background-position-x: -30px !important;
    }
}
@media(max-width:600px) {
    span.separadorSnies {
        display: none;
    }
    
    a.btn.btn-default {
        margin-bottom: 40px !important;
        display: table;
    }
    
    #TeatroMusical .items {
        min-height: 200px;
    }
    
    #TeatroMusical .navbar-brand {
        font-size: 1em;
    }
    
    .opcionesGrado .estructura {
        min-height: 160px !important;
    }
    
    .opcionesGrado {
        padding: 3% 0 5%;
    }
    
    #TeatroMusical .estructura p {
        font-size: 1em;
    }
    
    #TeatroMusical .estructura {
        margin-bottom: 0;
    }
    
    #perfiles .containerImagen .button a {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
        color: white;
        border: none;
        z-index: 1;
        /* text-decoration: none; */
        /* margin: auto; */
        background: rgba(21, 21, 21, 0.62);
        /* font-size: 26px; */
        position: absolute;
        bottom: 0;
        /* height: 340px; */
        /* max-height: 312px; */
        overflow-y: scroll;
        border: solid 5px #fff;
        box-shadow: 1px 1px 10px rgba(51, 51, 51, 0.53);
        transition: 0.5s;
    }
    
    #musicales .descMusicales {
        padding: 0;
    }
    
    #instalaciones .mascara {
        background: #012540;
        display: table;
        margin: auto;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    
    #principalseccion .frase h4 {
        font-size: 1.5rem;
    }
    
    #principalseccion .frase {
        bottom: 0;
        margin-right: 0;
        transform: initial;
        position: initial;
        margin-left: -9px;
    }
    
    #TeatroMusical nav.navbar.sinRelleno {
        border-bottom: solid 2px #ddd;
        border-top: solid 2px #ddd;
    }
    
    #instalaciones h2 {
        /* font-family: 'Oswald', sans-serif; */
        /* font-size: 4.5rem; */
    }
    
    #profesores h2 {
        /* font-family: 'Oswald', sans-serif; */
        /* font-size: 4.5rem; */
    }
    
    #principalseccion {
        min-height: 300px;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        background-position-x: -10px !important;
    }
    
    #musicales h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 4.5rem;
    }
    
    #TeatroMusical .nav-tabs.nav-justified>li {
        display: block;
        width: auto;
    }
    
    #TeatroMusical .Vplan.abajo {
        right: 15px;
        bottom: -15px;
    }
    
    #TeatroMusical .Vplan {
        left: 15px;
        top: -26px;
        display: none;
    }
    
    #planEstudios {
        background: url(../../../UR-V3/Oferta-academica/Escuela-de-administracion/Pregrado/Marketing-y-negocios-digitales/img/fdplan.png) fixed no-repeat;
        background-size: cover;
        padding: 3% 3% 15%;
    }
    
    #perfiles .button p {
        padding: 4%;
        font-size: 1em;
        text-align: left;
    }
    
    .movil {
        display: initial;
    }
    
    #estudiar .carousel-inner {
        min-height: 410px;
    }
    
    #estudiar {
        min-height: 905px;
        display: none;
    }
    
    #requisitos .ingreso h4 {
        left: -84px;
    }
    
    .audicion {
        width: 80%;
        margin-bottom: 30px;
    }
    
    #musicales {
        min-height: 953px;
    }
    
    #TeatroMusical .btn-Aplicar p {
        color: #ffffff;
    }
    
    #musicales .controlesSlideMusicales {
        top: 90%;
    }
    
    #desPrograma .cajaDesc h3 {
        /* font-size: 6.1rem; */
    }
    
    #requisitos .ingreso h5 {
        padding-left: 9px;
    }
    
    .comillas img {
        width: 54%;
    }
    
    .comillas {
        top: 20px;
        right: -3px;
    }
    
    .formulario embed {
        width: 100%;
    }
    
    .proyecion.dos {
        float: left;
        width: 95%;
    }
    
    #requisitos {
        min-height: 545px;
        height: 546px;
    }
    .ImagenProfesorCircular {
    width: 100%;
    height: 18%;
    margin-top: 0%;
    margin-left: 0%;
    }
.nombreDelProfesor {
    width: 100%;
    padding: 0px 0 0 0;
    text-align: center;
}

.ImagenProfesorCircular img {
    width: 24%;
    height: 79px;
    display: block;
}


}
@media (max-width: 450px) {
    #principalseccion .LogoTeatro {
        width: 45%;
        margin-top: 15%;
        float: revert;
    }
    
    #principalseccion {
        background: url(../../Oferta-academica/Pregrado/programa-de-jurisprudencia/imagenes/Jurisprudencia-movol.jpg) top center no-repeat;
        background-size: cover;
        min-height: 300px;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        background-color: #029a9f;
        background-position-x: 0px !important;
        background-position-y: 0 !important;
    }
    
    #principalseccion .LogoTeatro img {
        width: 267px;
        float: right;
    }
    
    #TeatroMusical .Snes i {
        font-size: 3rem;
        text-align: center;
        position: relative;
        top: 10px;
        left: 0px;
        color: #fff;
        display: block;
    }
    
    .Snes b {
        display: block;
        text-align: center;
        margin: auto;
    }
}
@media (max-width:425px) {

    .flex-container>div {
        width: 28.5%;
    }

    #desPrograma .cajaDesc {
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }

    #planEstudios a {
        font-size: 14px;
    }

    #TeatroMusical .estructura {
        margin-bottom: -22px;
        margin-bottom: 36px !important;
    }
    
    #TeatroMusical .items {
        min-height: 180px;
        margin-bottom: 30px;
    }
    
    #principalseccion .LogoTeatro {
        width: 65%;
        margin-top: 15%;
        float: right;
    }
    
    #estudiar {
        min-height: 705px;
        display: none;
    }
    
    .porquemovil {
        left: 43%;
    }
    
    .estructura.bordeBlanco {
        margin-bottom: 10px !important;
    }
    
    .Testimonios {
        padding: 5% 0 10% !important;
    }
    
    .ingreso ul {
        margin-left: -29px !important;
    }
}
@media (max-width:375px) {

    .flex-container>div {
        width: 42.5%;
    }

    #principalseccion {
        background-position-x: 0px !important;
    }
    #TeatroMusical .modal-body p {
        font-size: .7em !important;
    }
    
    #perfiles .containerImagen h3 {
        font-size: 2rem;
        margin-left: 30px;
    }
    
    #perfiles .lineaPerfiles2 {
        right: 303px !important;
    }
    
    #perfiles .button p {
        font-size: 1em;
        margin-bottom: 0;
    }
    
    #perfiles .containerImagen .button a {
        height: 315px;
        max-height: 315px;
    }
}
@media (max-width:360px) {
    #musicales {
        min-height: 993px;
    }
    
    #perfiles .button p {
        font-size: 1.1rem;
    }
}