*{
    /*--color-orange: rgb(247,147,30);*/
    --color-orange: rgb(34,60,112);
    --color-gray: rgb(77,77,77);
    --color-azul-umg: rgb(28,115,166);
    --color-rojo-umg: rgb(204,52,50);
}

body{
    background-color: white;
    overflow-x: hidden;
}

.main{
    width: 100%;    
    height: auto;
    overflow-x: scroll;
}

section{
    width: 100%;
    height: auto;
    background-color: white;    
}

#portada > img{
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
    /*border-bottom: 0.5em solid var(--color-orange);*/
}

#portada #iconbar{
    background-color: white;
    height: auto;
    padding: 2% 0 !important;
}

#iconbar .icon{
    height: 100%;
    margin: 0 0.35% !important;
}

#iconbar .icon:hover{
    transform: scale(1.10);
}

#iconbar .icon .icon-img {
    width: 100%;
    height: 75%;
}

#iconbar .icon .icon-img img{
    width: 60%;
    height: auto;
}

#iconbar .icon .icon-text{
    width: 100%;
    height: 25%;
    text-align: center;
    padding: 12.5% 0 !important;
    color: black;
    font-size: 120%;
}

#iconbar #iconbar-title{
    background-color: #112656;
    color: white;
    left: 1%;
    top: -24%;
    padding: 0.5% 0 !important;
    text-align: center;
    border-radius: 0 10em 8em 0;
    font-size: 120%;
    font-weight: 600;
    transform: scale(1.15);
}

#noticias{
    width: 100vw;
    overflow-x: hidden;
    padding: 3% 0 !important;
    height: auto;
}

#noticias #ncontrols{
    bottom: 10%;
    left: 70vw;
    width: 15vw;
    height: auto;
    padding: 1% !important;
    z-index: 1;
}

#noticias #ncontrols span{
    color: gray;
    font-size: 500%;
    font-family: 'Raleway-bold';
    padding: 0 15% !important;
    cursor: pointer;
    opacity: 40;
    
}

#noticias #ncontrols span:hover{
    transform: scale(1.15);
    opacity: 100;
}

#noticias .ncontainer{
    width: 100vw;
}

#noticias #nslide{    
    right: 0vw;
}

#noticias .ncontainer img{
    height: auto;
}

#noticias .ncontainer #news-info{
    padding: 0 2% !important;
    height: 46vw;
}

#news-title{
    width: 100%;
    height: auto;
    padding: 2% 0 !important;
   /* margin-left: 0 !important;*/
    text-align: left;
    font-size: 400%;
    font-weight: bold;
}

.ncontainer #news-title{
   /* margin-left: 5vw !important;*/
}

#noticias .ncontainer #news-info h3{
    width: 100%;
    height: auto;
    padding: 4% 0 !important;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
}

#noticias .ncontainer #news-info p{
    width: 100%;
    height: auto;
    text-align:justify;
    font-size: 110%;
}

#noticias .ncontainer #news-info #news-date{
    padding: 4% 0 !important;
    text-align: right;
}


#como-inscribirte{
    padding: 3% 0 !important;
    height: auto;
}

#como-inscribirte img{
    height: 100%;
}

#como-inscribirte #signup-info{
    padding: 0 3% !important;
    height: 45vw;
}

#signup-info h1{
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 350%;
    font-weight: bold;
}

#signup-info h3{
    width: 100%;
    height: auto;
    padding: 4% 0 !important;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
}


#signup-info ul{
    width: 100%;
    height: auto;
    text-align:justify;
}

#signup-info li{
    width: 100%;
    height: auto;
    padding: 0.5% 0 !important;
    text-align:justify;
    font-size: 110%;
}

#registrate{
    width: 100vw;
    height: auto;
}

#registrate > div{
    height: 85%;
    margin-top: 15% !important
}

#registrate > div > span{
    width: 35%;
    color: white;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}

#registrate > div > div{
    width: 35%;
    margin: 1% 0 !important;
}

#registrate > div > div input{
    width: 60%;
    padding: 2% 0 !important;
    background-color: white;
    border-radius: 10em;
    text-align: center;
    border: none;   
}

#registrate > div > div span{
    width: 35%;
    padding: 2.5% 0 !important;
    margin-left:  5% !important;
    background-color: #F15A24;
    text-align: center;
    border-radius: 10em;
}

#registrate > div > div span:hover{
    transform: scale(1.05);
    color: white;
}

#sedes-umg{
    padding: 3% 0 !important;
    background-color: #F7931E;
}

#sedes-umg h3{
    width: 100%;
    padding: 2% 0 !important;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
}


#sedes-umg div a{
    padding: 1.5% 2% !important;
    font-size: 150%;
    color: black;
    text-align: center;
}


#sedes-umg div a:hover{
    transform: scale(1.15);
    font-weight: bold;
}

#portada-bloques{
    display: flex;
    /*border: 1px blue solid;*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /*min-height: 80vh;*/
    padding-top: 4vh;
    padding-bottom: 4vh;
}

#titulo-inicio{
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    text-align: center;
    color: var(--color-gray);
}

#titulo-inicio h1{
    font-family: "PTSans-bold" !important;
    font-size: 4vh;
}

#titulo-inicio p{
    font-family: "Nimbus-Sans-light" !important;
    font-size: 3vh;
}

#footer{
    /*background-color: var(--color-orange);*/
    color: var(--color-orange);
    display: flex;
    padding-top: 1.5% !important;
    padding-bottom: 1.5% !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 3vh;
    text-align: center;
}

#umg-footer img{
    width: 100%;
    height: auto;
    max-height: 100%;
}

#principal{
    overflow-x: hidden;
}

.banner-bloque img{
    width: auto;
    max-height: 12vh;
    height: auto;
}

.banner-bloque{
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-link{
    color: var(--color-orange);
    transition: color 1s;
}

.icon-link:hover{
    color: var(--color-gray);
}

.padding-all-1vh{
    padding: 1vh;
}

.card{
    font-family: "Nimbus-Sans-light";
}

#person{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-top: 2vh;
}

.bi-person{
    font-size: 5vh;
    background-color: var(--bs-primary);
    border-radius: 50%;
    height: 8vh;
    width: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.card{
    text-align: center;
    font-family: "Nimbus-Sans-light";
    color: var(--color-gray);
    font-size: 2.5vh;
}

.input-group-text{
    font-size: 1.25rem;
    color: var(--color-gray);
    font-family: "Nimbus-Sans-light";
}

.form-control{
    font-size: 1.25rem;
    color: var(--color-gray);
    font-family: "Nimbus-Sans-light";
}

#div-show{
    font-size: 1.15rem;
    font-family: "Nimbus-Sans-light";
    color: var(--color-gray);
    text-align: center;
    justify-content: center;
}

#show{
    cursor: pointer;
    transition: color 1s;
}

#show:hover{
    color: var(--color-orange);
    font-weight: bold;
}

#login{
    font-size: 1.25rem;
    font-family: "Nimbus-Sans-light";
    /*background-color: var(--color-orange);
    border-color: var(--color-orange);*/
}

/*#login:hover{
    background-color: rgb(201, 117, 22);
    border-color: rgb(201, 117, 22);
}

#login:active{
    background-color: rgb(170, 100, 21);
    border-color: rgb(170, 100, 21);
}*/

.alertify .ajs-dialog {
    position: relative;
    margin: 15% auto;
    min-height: 110px;
    max-width: 500px;
    padding: 24px 24px 0 24px;
    outline: 0;
    background-color: #fff;
}