div#TeatroMusical {
    background: #fff;
    overflow: hidden;
}

.PagerControl {
    margin: auto;
    color: #ffff;
    font-weight: 800;
    display: block;
    width: 100%;
}
.PagerNumberArea {
    text-align: center;
}
span.SelectedPage {
    background-color: #39a4ff;
    padding: 8px;
    border-radius: 4px;
        transition: .2s;
}
a.UnselectedPage:hover {
    background-color: #39a4ff;
    color: #fff;
}
.PagerNumberArea a:hover {
    background-color: #39a4ff;
        color: #fff;
}
.PagerNumberArea a {
    background-color: #2a1857;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    transition: .2s;
}
#profesores a.btnteatro {
    color: #fff;
    padding: 8px 18px;
    background: #1e9cf6;
    text-decoration: none;
    margin-top: 19px;
    display: table;
    font-family: 'Nunito', sans-serif;
    cursor: pointer;
    font-weight: 700;
}
#profesores a.btnteatro:hover {
    background: #1267a3;
    transition: 0.4s;
}
.PagerResults {
    margin-bottom: 16px;
    text-align: center;
}
.imagensinfondo img {
    width: 45%!important;
    text-align: center;
    margin: auto;
    display: block;
}
.proceso_admision .modal-header {
    padding: initial !important;
    border-bottom: initial !important;
    background: initial !important;
    border-radius: initial !important;
}

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

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

.Testimonios ol.carousel-indicators {
    display: none;
}

.proceso_admision h6 {
    font-size: 18px !important;
    font-weight: bold !important;
}

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

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

.modal-content a {
    color: #39a4ff;
}

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

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

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

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

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

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

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


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

.proceso_admision .fecha h4 {
    display: initial;
    font-size: .9em !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: #1e9cf6;
}

ul.navbar-nav.ml-auto.nav-flex-icons i {
    color: #1e9cf6;
    font-size: 12px;
    margin-right: 3px;
    margin-top: 3px;
}
#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: #1e9cf6;
    font-size: 1em;
    font-weight: 600;
    font-weight: bold;
}
.navbar-nav li a {
    display: flex;
    padding: 5px 15px;
    margin: auto 2px;
    color: #444444;
    font-size: .8em;
    border-left: solid 2px #fff;
    justify-content: center;
}
.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 h3 {
    font-size: 1.2em;
    margin-top: 35px;
    padding: 0 5% 0 30%;
    font-weight: 600;
    color: #51504e;
}
.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(https://www.urosario.edu.co/getmedia/47a027f0-bc22-40e8-98d8-928fbc619307/jurisprudencia) center top fixed no-repeat;
    background-size: cover;
    padding: 0 0 5% 0;
}
.infoProfesor li a i {
    color: #39a4ff;
}
.infoProfesor {
    display: inline-block;
    vertical-align: top;
    width: 78%;
}
.ImagenProfesorCircular {
    width: 18%;
    height: 18%;
    display: inline-block;
    vertical-align: top;
    margin-top: -15%;
    margin-left: 5%;
}
.profesoresPestanias {
    background-color: white;
    border-radius: 8px;
    max-height: 140px;
    height: 140px;
    padding: 2px;
    margin-bottom: 24px;
}
.profesoresPestanias image-rendering {
    color: #39a4ff;
}
.correo a {
    color: #626161;
}
.correo a:hover {
    color: #39a4ff;
}
.verMas {
    background-color: #39a4ff;
    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: 64px;
    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: #1e9cf6;
}
.proyecion p {
    padding: 2% 3%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    line-height: 22px;
}
section.proyecciones {
    display: table;
    width: 100%;
    background: url(https://www.urosario.edu.co/PortalUrosario/media/Universidad-del-Rosario-V3/oferta-academica/Escuela de Administración/pregrados/Marketing y negocios digitales 2/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*/


section.porque-elegir {
    padding: 3% 4%;
    background: #fff;
}

section.porque-elegir h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 2.5em;
    color: #1e9cf6;
    letter-spacing: 1px;
}

section.porque-elegir h2 strong {
    font-size: 1.5em;
}
section.porque-elegir h3 {
    font-weight: 600;
    font-family: 'Nunito', sans-serif;
    color: #18294b;
    margin: 0;
    margin-bottom: 20px;
    opacity: initial;
    letter-spacing: 1px;
    font-size: 1.8em;
}

section.porque-elegir .contenedorAcordiones {
    display: table;
    width: 100%;
    margin-top: 2%;
}

section.porque-elegir .panel.panel-default {
    margin-bottom: 12px;
}

section.porque-elegir h4.panel-title {
    font-size: 1.2em;
    margin: 0;
    padding: 10px 2% 8px;
    margin-top: 3px;
    background: #ececf3;
    border-left: solid 8px #1e9cf6;
    /* margin-bottom: 12px; */
}

section.porque-elegir h4.panel-title i.azul {
    background-color: transparent !important;
}

section.porque-elegir h4.panel-title a {
    text-decoration: none;
    cursor: none;
    /* margin-top: 13px; */
    color: #202429;
}

section.porque-elegir h4.panel-title i {
    color: #1e9cf6;
    float: right;
    font-size: 1.2em;
    margin-top: 2px;
    margin-right: 10px;
}


/*testimonio*/
/*testimonio*/
/*testimonio*/




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


.Testimonios {
    background: #3944ff;
    background: linear-gradient(to left, #1e9cf6, #1e9cf6), url(https://www.urosario.edu.co/PortalUrosario/media/UR-V4/Facultad de ingenieria ciencia y tecnologia/img/hipatia.jpeg) 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: 470px !important;
}

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

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

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

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


.opcionesGrado .estructura {width: 100% !important;min-height: 230px !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*/


.opcionesGrado .PlanINfo {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5em;
    margin: 0;
    margin-bottom: 20px;
    color: #ffffff;
    opacity: initial;
    letter-spacing: 1px;
    line-height: 51px;
}

#TeatroMusical .PlanINfo strong {
    font-size: 1.8em;
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    Color: #1e9cf6;
    margin-top: -20px;
    margin-bottom: 40px;
    display: block;
}

#perfiles {
background: #48bbbe;
/*display: table;*/
}
.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;
}
#desPrograma li {
    color: #fff;
    font-size: 1.1em;
    list-style: none;
}

#desPrograma li:before {
    color: #1e9cf6;
    margin-right: 8px;
    font-size: 11px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
}

.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.0rem;
    text-align: justify;
    list-style: none;
}

.PlanINfo li:before {
content: "\e084";
font-family: 'Glyphicons Halflings';
color: #1e9cf6;
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: 1.7rem;
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 {display: table;position: absolute;bottom: 30px;left: 44%;width: 120px;}

.controlesSlideInstalaciones a.left.carousel-control {color: #39a4ff;opacity: 0.8;margin-right: 10px;}


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: #39a4ff;
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;
    box-shadow: 0 0 0 0.2rem rgb(58 176 195 / 0%);
}

.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;
}

#TeatroMusical .Snes p {
margin: 0;
margin-top: -10px !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 {
list-style: none;
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: #1e9cf6;margin-bottom: 0;font-weight: 900;}

#requisitos {
background: linear-gradient(rgba(140, 123, 70, 0.03),rgba(0, 0, 0, 0.1)),url(https://www.urosario.edu.co/PortalUrosario/media/Universidad-del-Rosario-V3/oferta-academica/Escuela de Administración/pregrados/Marketing y negocios digitales 2/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%;
background-size: cover;
min-height: 490px;
}


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

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

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


#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: justify;}

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

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

#TeatroMusical .PlanINfo strong {font-size: 1.8em;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: #39a4ff;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;}

#principalseccion .LogoTeatro {
    width: 50%;
    display: table;
    padding: 2% 4% 0%;
    float: left;
    margin-top: 6%;
}

#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;
}

@media (min-width: 768px){
    .ocultarEscritorio {
        display: none;
    }

#TeatroMusical .btn-Aplicar {
    width: 200px;
    height: 70px;
    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) {

    span.separadorSnies {
        display: none;
    }

    a.btn.btn-default {
        margin-bottom: 40px !important;
        display: table;
    }

    #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: #1e9cf6;
        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: 191px;
    height: 162px;
}

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

}


#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;z-index: 33;}

#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: -20px;
background: url(https://www.urosario.edu.co/App_Themes/TeatroMusical/img/fd-dsc-bolitas.jpg) no-repeat fixed bottom;
background-size: 100%;
}

#estudiar {
background: url(https://www.urosario.edu.co/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: #1e9cf6;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: #1e9cf6;/* 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: #1267a3;
transition: 0.4s;
}


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

#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: #1e9cf6;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: #39a4ff;
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: 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: 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: #1e9cf6;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: #1e9cf6;
    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: 2.3;
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: initial;
}

#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: 3.5rem;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
color: #1e9cf6;
}


#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);
}
#perfiles .lineaPerfiles2 {
width: 32px !important;
bottom: 61px;
position: absolute;
right: 365px !important;
left: initial !important;
transform: rotate(-3deg);
}

#perfiles .ingreso.containerImagen h3 {
left: 40px !important;
right: initial !important;
}


/*BOTONES*/

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

#instalaciones h2 {font-family: 'Nunito', sans-serif;font-size: 2.5rem;color: #1e9cf6;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: #39a4ff;
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: #39a4ff !important;
background: #39a4ff !important;
}


.opcionesGrado {
    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;
}

.opcionesGrado .PlanINfo h3 {
    /* font-family: 'Kaushan Script', cursive; */
    font-size: 1.5em;
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    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: #39a4ff;
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: #39a4ff;
/* 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: #39a4ff;
}

#TeatroMusical .navbar-brand {
    font-size: 1em;
}


@media (min-width: 768px){
.fixed {
    position: fixed;
    z-index: 5;
}
}

@media(max-width:1440px){

 
#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){

    .navbar-nav li a {
        padding: 5px 10px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

.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){

    .controlesSlideInstalaciones {
        bottom: 10px;
        left: 39%;

    }

    .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: #1e9cf6;
        font-size: .8em;
    }

    .navbar-nav li a {
        color: #444444;
        font-size: .75em;
     
    }

    #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: 50%;
}
.comillas img {
width: 62px;
}
section.porque-elegir h2 {
    font-size: 1.5em;
}

}

@media (max-width:768px){

    .controlesSlideInstalaciones {
        left: 35%;
    }

    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;
    }


    #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: .7em;
        text-align: center;
        min-height: 40px;
    }

    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%;
}

section.porque-elegir h2 {
    font-size: 1.5em;
}

#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: url(../../../UR-V3/Oferta-academica/Escuela-de-administracion/Pregrado/Marketing-y-negocios-digitales/img/fdplan.png) no-repeat;
}
#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: 8px;bottom: 72px;/* margin-top: 70px !important; */}
#TeatroMusical .estructura {width: 90%;margin-top: 20px;margin-bottom: -30px;}


#TeatroMusical .Vplan {position: absolute;left: 8px;margin-top: -1px;top: -3px;}

#profesores .cajaProfesores {margin-top: 0;}

#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: 65%;
    margin-top: 15%;
}
.btn-Aplicar.animacion img {
display: none;
}
#TeatroMusical .btn-Aplicar {
width: 100%;
position: fixed;
bottom: 0px;
cursor: pointer;
z-index: 2;
background: #39a4ff;
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: 60%;
}



}


@media(max-width:600px){

    .controlesSlideInstalaciones i {
        font-size: 1.5em;
    }

    #desPrograma center iframe {
        min-width: 260px;
        width: 100%;
    }


    .controlesSlideInstalaciones {
        left: 33%;
    }
    #TeatroMusical .items {
        min-height: 250px;
    }

    #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: 400px;
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%;
}


#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;
}

}

@media (max-width: 450px){




        #principalseccion .LogoTeatro {
            width: 45%;
            margin-top: 15%;
            float: revert;
        }
 
#principalseccion {
background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V4/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;
}
#principalseccion .LogoTeatro img {
width: 197px;
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){

    .controlesSlideInstalaciones {
        left: 45%;
    }

    #TeatroMusical .estructura {
        margin-bottom: -22px;
    }

    #TeatroMusical .items {
        min-height: 180px;
        margin-bottom: 30px;
    }
    #principalseccion .LogoTeatro {
        width: 65%;
        margin-top: 15%;
        float: left;
    }

    #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){

#perfiles .containerImagen h3 {
font-size: 2rem;
}
#perfiles .lineaPerfiles2 {
right: 303px !important;
}


#perfiles .button p {font-size: 1em;margin-bottom: -20px;}

#perfiles .containerImagen .button a {
height: 315px;
max-height: 315px;
}

}

@media (max-width:360px){
#musicales {
min-height: 993px;

}

#perfiles .button p {
font-size: 1.1rem;
}

}