/*Clases globales*/
.card.docente{
    height: 275px !important;
}

a:hover { /*Saque todo los subrayados de los links*/
    text-decoration: none;
}

.manito{
    cursor: pointer;
}

.textoJustificado{
    text-align: justify;
}

.botonFlotante{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #2f5388;
    --border-color: white;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    box-shadow: 0px 2px 5px #666;
    z-index: 2;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    --border: .05em solid #fff;
    overflow: hidden;
    color: #fff;
    line-height: 2.7em;
}


#modalFormularioFlotante{
    position:fixed;
    bottom:0;
    right:0;
    margin:0;

}

.modal-dialog{
    position:fixed;
    bottom:0;
    right:0;
    margin:0;
}

.modal-body{
    padding: 0%;
}

#carouselHeader{
    background-color: #83c8c4;
    height: 370px;   
}

#carouselHeader .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#carouselHeader .owl-dots{
    background-color: #83c8c4;
    margin-top: 0;
    padding-top: 8px;
    margin-top: -45px;
}

#carouselHeader .owl-dots .owl-dot.active span, #carouselHeader .owl-dots .owl-dot:hover span{
    background: #83c8c4;
    opacity: 0.8;
}

#carouselHeader .owl-dots .owl-dot span{
    background: #ffffff;
    opacity: 0.8;
}


#carouselHeader button{
    outline: 0;
}

#carouselHeader .owl-nav{
    position: absolute;
    top: 40%;
    width: 100%;
}

#carouselHeader .owl-nav .owl-next, #carouselHeader .owl-nav .owl-prev{
    visibility: hidden;
    --background-color: rgba(131, 200, 196, 0.4);
    height: 80px;
    -webkit-transition-property: visibility;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;

}

#carouselHeader:hover .owl-nav .owl-next, #carouselHeader:hover .owl-nav .owl-prev{
    --background-color: rgba(131, 200, 196, 0.8);
    visibility: visible;
}

#carouselHeader .owl-nav button:focus{
    outline: 0;
}

#carouselHeader .owl-nav .owl-next{
    right: 0px;
    position: absolute;
}

#formCarreraModal{
    background-color: #2f548a;
    padding-top: 5%;
    padding-bottom: 5%;
}

.submitFormCarreraModal{
    border: 1px solid #fff;
    width: 64%;
    line-height: 2.2em;
    color:  #ffffff;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    --line-height: 1.947;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    background-color: rgb(43, 83, 139);
    margin-left: 29.5%;
    --margin-top: 4.5%;
    height: 97%;
}

.captchaContacto{
    padding-left: 2.2%;
}

/*Hace que las palabras queden atrapadas dentro del div*/
.wordwrap {
   white-space: pre-line;      /* CSS3 */
   white-space: -moz-pre-line; /* Firefox */
   white-space: -pre-line;     /* Opera <7 */
   white-space: -o-pre-line;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

.mayusculas{
    text-transform: uppercase;
}

#carrerasIngresantes #nuestrasCarreras{
    background-color: #fff;
}

/*Fuente MUSEO SANS
@font-face{
    font-family: myMuseoSans;
    src : url('./font/MUSEOSANS-100.OTF');
    font-weight: normal;
}

@font-face{
    font-family: myMuseoSans;
    src : url('./font/MUSEOSANS-300.OTF');
    font-weight: 300;
}

@font-face{
    font-family: myMuseoSans;
    src : url('./font/MUSEOSANS-500.OTF');
    font-weight: 500;
}

@font-face{
    font-family: myMuseoSans;
    src : url('./font/MUSEOSANS-700.OTF');
    font-weight: 700;
}

@font-face{
    font-family: myMuseoSans;
    src : url('./font/MUSEOSANS-900.OTF');
    font-weight: 900;
}*/

/*Aplico la fuente a toda la pagina*/
body{
    --font-family: myMuseoSans;
    --font-family: 'Roboto', sans-serif;
    font-family: 'Muli', sans-serif;
    --font-family: 'Hind', sans-serif;
    --font-family: 'Open Sans', sans-serif;
    --font-family: 'IBM Plex Sans', sans-serif;
    --font-family: 'Cairo', sans-serif;
    --font-family: 'Rajdhani', sans-serif;
    --font-family: 'Mukta', sans-serif;
    --font-family: 'Saira Semi Condensed', sans-serif;
    --max-width: 1924px;
    margin: auto;
    
}

/*Seccion del HEADER*/
header{
    margin-top: 2.4%;
    margin-bottom: 0%;
    width: 100%;
}

#headerSuperior{
    margin-bottom: 1.8%;
}

#headerInferior{
    font-weight: 100;
    font-size: 0.9em;

    --background-image: url(../img/fondo%20bortones.png);
    --background-position: center center;
    --background-repeat: no-repeat;
    --background-size: cover;
    --padding-left: 14%;

    background-color: #2f5388 !important;

    --background: rgba(131,200,197,1);
    --background: -moz-linear-gradient(left, rgba(131,200,197,1) 0%, rgba(54,94,142,1) 100%);
    --background: -webkit-gradient(left top, right top, color-stop(0%, rgba(131,200,197,1)), color-stop(100%, rgba(54,94,142,1)));
    --background: -webkit-linear-gradient(left, rgba(131,200,197,1) 0%, rgba(54,94,142,1) 100%);
    --background: -o-linear-gradient(left, rgba(131,200,197,1) 0%, rgba(54,94,142,1) 100%);
    --background: -ms-linear-gradient(left, rgba(131,200,197,1) 0%, rgba(54,94,142,1) 100%);
    --background: linear-gradient(to right, rgba(131,200,197,1) 0%, rgba(54,94,142,1) 100%);
    --filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c8c5', endColorstr='#365e8e', GradientType=1 );
    
    width: 100%;
    margin-bottom: 0%;
    padding-bottom: 0%;
    padding-top: 0.8%;
    margin-right: 0%;
    padding-right: 0%;

}

#headerMenu{
    padding-bottom: 5px;
}

#logoHeader{
    width: 20%;
}

#logoHeaderUNLPam{
    float: right;
    width: 5%;
    --margin-right: 6.1%;
    opacity: 0.35;
    margin-top: 0.65%;
    margin-left: 2%;
}

.margenIzquierdo{
    margin-left: 6.1%;
}

#headerRedesSociales{
    display: inline;
    float: right;
    --margin-right: 5%;
    margin-right: -5%;
    margin-top: 3%;
}

.headerRedSocial{
    width: 15%;
}

.primero{
    --margin-left: 52%;
}

.ultimo{
    --margin-right: 0%;
}

.headerMenuBoton{
    --width: 6.8%;
    height: 42px;
    color:  #ffffff;
    --text-align: left;
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    --padding: 0.4%;
    padding-top: 12px;
    --padding-bottom: 0%;
    margin-bottom: -6.5px;
    --margin-left: px;
    margin-right: 1px;
    padding-left: 1%;
    padding-right: 1%;
    -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
}

.headerMenuBoton:hover{
    --background-color: #2f548a;
    background-color: #83c8c4;
    color: #ffffff;
}

#headerBuscador{
    --width: 100%;
    font-size: 0.6em;
}

#headerBuscadorLupa{
    padding-left: 0%;
}

#headerBuscadorLupaImg{
    width: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.buscador{
    color: #ffffff;
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    height: 6%;
}

.buscador:focus {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    color: #fff;
}


.dropdown-menu{
    --background-color: #2f548a;
    background-color: #83c8c4;
    border-radius: 0%;
    --background-image: url(../img/fondo%20bortones.png);
    padding-bottom: 5%;
    margin-top: 0%;
    border: 0px;
    line-height: 1.2;
    width: 100%;
    top: 94%;
}

.dropdown-item{
    color: #ffffff;
    font-size: 95%;
    padding: 0%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2.5%;
    padding-bottom: 2%;
    --height: 30px;
    text-align: left;
    vertical-align: center;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

.dropdown-item:hover{
    background-color: #2f548a;
    color: #ffffff;

}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-menu {
    display: block;
}


/*FIN HEADER*/

/*Seccion SLIDE*/

#bannerNoticias{
    position: relative;
}

#flotanteBannerNoticias{
    position: absolute;
    top: 40%;
    left: 65%;
}

#tituloBannerNoticias{
    color: #ffffff;
    font-size: 3em;
    font-weight: 300;
    --width: 85%;
    color:  #ffffff;
    --font-size: 5.338em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 0.925;/* Aproximación debida a la sustitución de la fuente */
    text-align: right;
    --text-shadow: 0px 3px 14.58px rgba(3, 1, 3, 0.5);
}

#buttonBannerNoticias{
    float: left;
    width: 40.5%;
    background-color: rgba(0,0,0,0);
    color: #ffffff;
    border-radius: 0px;
}

#buttonBannerNoticias:hover{
    --background-color: #2f548a;
}

/*FIN SLIDE*/


/*Sección NOVEDADES ACTIVIDADES*/
#NovedadesActividades{
    width: 100%;
    --height: 50%;
    --background-color: #83c8c4;
    --padding-left: 6.1%;
    --padding-right: 6.1%;
    padding-bottom: 2%;
    background: rgba(47,83,136,1);
    background: -moz-linear-gradient(top, rgba(47,83,136,1) 0%, rgba(131,200,197,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,83,136,1)), color-stop(100%, rgba(131,200,197,1)));
    background: -webkit-linear-gradient(top, rgba(47,83,136,1) 0%, rgba(131,200,197,1) 100%);
    background: -o-linear-gradient(top, rgba(47,83,136,1) 0%, rgba(131,200,197,1) 100%);
    background: -ms-linear-gradient(top, rgba(47,83,136,1) 0%, rgba(131,200,197,1) 100%);
    background: linear-gradient(to bottom, rgba(47,83,136,1) 0%, rgba(131,200,197,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5388', endColorstr='#83c8c5', GradientType=0 );

}

#seccionNovedades{
    --padding-left: 6.1%;
    padding-top: 3%;
    border-right: 0.1px solid #2f548a;
    padding-bottom: 3.5%;
}

#barraNovedades{
    width: 103%;
    height: 2px;
    margin-left: -53.1%;
}

#verTodasNovedades{
    color:  #ffffff;
    text-align: center;
    font-size: 0.8em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.468;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    margin-top: 31px;
    font-weight: 300;
    background: url(../img/ver%20todas.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.5em;
    padding: 1% 0% 1% 2em;
    float: right;
    margin-right: 10%;
        -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

#verTodasActividades{
    --font-family: MuseoSans;
    color:  #ffffff;
    font-size: 0.8em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.468;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    margin-top: 8.5px;
    font-weight: 300;
    background: url(../img/ver%20todas.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.5em;
    padding: 1% 0% 1% 2em;
    --margin-left: 78%;
    float: right;
    margin-right: 3%;
        -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

#verTodasNovedades:hover,#verTodasActividades:hover{
    --color: #00538c;
    color: #83c8c4;
}

#seccionActividades{
    padding-top: 3%;
    padding-left: 2.5%;
    width: 100%;
    --padding-right: 6.1%;
}

#barraActividades{
    height: 2px;
    width: 178%;
}

.tituloNovedadesActividades{
    --font-family: MuseoSans;
    font-size: 280%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.007;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    color:  #ffffff;
    margin-top: 25px;
    margin-bottom: 15px;

}

.imgNovedades{
    width: 100%;
}

.tituloNovedad{
    margin-left: 3%;
    margin-top: 2%;
    width: 90%;
    --color: #00538c;
    text-transform: uppercase;
    color:  #fff;
    font-size: 120%;/* Aproximación debida a la sustitución de la fuente */
    font-weight: 700;
    line-height: 1em;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
}

.copeteNovedad{
    margin-left: 3%;
    margin-top: 2%;
    color: #ffffff;
    font-size: 0.85em;
    width: 90%;
    padding-bottom: 5%;
    font-weight: 500;
    text-align: left;
}

.noticiaNovedad{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ffffff;
    width: 99.8%;
}

.noticiaNovedad.ultimo{
    border-bottom-width: 0px;
}

.actividad{
    background-color: #ffffff;
    padding-bottom: 6.4%;
    margin-bottom: 1.5%;
    --margin-right: 3%;
    transition: all .2s ease-in-out;
    --cursor: pointer;
}

.actividad:hover{
    transform: scale(1.02);
}

.fechaNumero{
    background-color: #2f5388;
    --font-family: MuseoSans;
    color:  #ffffff;
    width: 70%;
    height: 59px;
    padding-top: 8%;
    font-weight: 300;
    font-size: 300%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.007;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
}

.fechaMes{
    background-color: #cc5f5f;

    width: 70%;
    height: 30px;
    color:  #ffffff;
    font-size: 180%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.008;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    text-transform: lowercase;
}

.tituloActividad{
    font-weight: 700;
    color:  #00538c;
    font-size: 110%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.092;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    margin-left: -3%;
    margin-top: 5%;
    margin-right: 10%;
}

.descripcionActividad{
    color:  #475055;
    font-size: 80%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.243;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    margin-left: -3%;
    margin-top: 5%;
    width: 90%;
}

#cuerpoModalNovedades{
    margin-top: 2.5%;
    padding-right:1%;
    padding-left:1%;
}

#verTodasNovedadesModal{
    color:  #ffffff;
    text-align: center;
    font-size: 0.8em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.468;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    margin-top: 2%;
    font-weight: 300;
    background: url(../img/ver%20todas.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.5em;
    padding: 0% 0% 0% 2em;
    float: right;
    margin-right: 15%;
}

.tituloNovedadTodas{
    margin-left: 5%;
    margin-top: 3%;
    width: 90%;
    color: #00538c;
    text-transform: uppercase;
    color:  #00538c;
    font-size: 120%;/* Aproximación debida a la sustitución de la fuente */
    font-weight: 700;
    line-height: 0.996;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
}

/*FIN NOVEDAD ACTIVIDAD*/

/* SECCION CARRERAS */
#nuestrasCarreras{
    --padding-left: 6.1%;
    background-color: #ededed;
    padding-top: 5%;
    padding-bottom: 5%;
}

#tituloNuestrasCarreras{
    font-size: 280%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.007;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    color:  #00548d;
    margin-bottom: 1%;
}

#seccionCarreras{
    padding-left: 8%;
    padding-right: 8%;
}

.carrera{

    cursor: pointer;
}

#verMasPerfilCarrera{
    text-align: right;
}

#verMasPerfilCarrera div{
    font-size: 0.8em;
    margin-right: 1.5em;
    margin-top: 1em;
    color: #2f548a;
    cursor: pointer;
}

#verMasPerfilCarrera div:hover{
    color: rgba(126, 182, 185, 1);
}

.imgCarrera{
    margin-top: 5%;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    --max-height: 130px;
    --border-top-left-radius: 10px;
    --border-top-right-radius: 10px;
}

.carrera.active .descripcionCarrera{
    background: #83c8c4;
}

.descripcionCarrera{
    background-color: #365d8e;
    margin-right: 2.5%;
    margin-left: 2.5%;
    height: 100px;
    padding: 8%;
    text-align: center;
    color: #ffffff;
    line-height: 0.994;/* Aproximación debida a la sustitución de la fuente */
    font-size: 145%;

    margin-top: -3%;
      -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;

    --border-bottom-left-radius: 10px;
    --border-bottom-right-radius: 10px;
}

 .descripcionCarrera .segunda{
    font-size: 51%;
    margin-top: 5px;
}

.carrera:hover .descripcionCarrera {
    background: #83c8c4;
}

#cuerpoCarrera{
    background: #ffffff;
    padding-top: 3%;
    padding-bottom: 5%;
    --padding-right: 6%;
    --padding-left: 6%;

}

#seccionTituloCarreraCollpase{
    text-transform: uppercase;
    width: 60%;
    border-bottom: 2px solid #56cac6;

}

#tituloCarrera{
    color:  #00548d;
    font-size: 280%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.007;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
}

#orientacion{
    color:  #00548d;
    font-size: 120%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    font-weight: 300;
    margin-top: 2%;
}

#orientacionDescripcion{
    color:  #56cac6;
    font-size: 180%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    margin-top: -1%;
    margin-bottom: 1%;
}

#datosCarrera{
    margin-top: 2.5%;
    width: 100%;
    margin-bottom: 3%;

}

.datosCarrera{
    color:  #000000;
    font-size: 100%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.439;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: bold;
    margin-bottom: 0.4%;
}


.descripcionDatosCarrera{
    color:  #000000;
    font-size: 100%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.439;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    font-weight: normal;
    display: inline;
}

#botonPlanDeEstudios{
    border-radius: 0px;
    color: #ffffff;
    background-color: #83c8c4;
    font-size: 70%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    text-transform: uppercase;
    padding: 1.2%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    --margin-left: 16.1%;
    cursor: pointer;
          -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
}

#botonPlanDeEstudios:hover{
    background-color: #83c8c4;
}

#botonPlanDeEstudios.collapsed{
    background-color: #2f548a;

}

#botonPlanDeEstudios.collapsed:hover{
    background-color: #83c8c4;
}

#collapseCarreraPlanDeEstudio{
    margin-top: 4%;
}

#estructuraOrganizacionPlanDeEstudio{
    color:  #00548d;
    font-size: 120%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    font-weight: 300;
    text-transform: uppercase;
    --padding-left: 2%;
    --padding-right: 2%;
}

#estructuraOrganizacionDescripcion{
    --padding-left: 2%;
    --padding-right: 2%;
    text-align: justify;
}

.card{
    border: none;
}

#planDeEstudios{
    background: #eeeeee;
    margin-top: 5%;
    --margin-left: 2%;
    --margin-right: 2%;
}

#menuIzquierdoPlanDeEstudios{

}

.derechaPlanDeEstudios{
    padding: 4%;
    color:  #000000;
    font-size: 100%;;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.508;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: bold;
}

.opcionMenuPlanDeEstudios{
    background-color: #2f548a;
    color: #ffffff;
    height: 110px;
    text-align: center;
    font-size: 100%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.064;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 2%;
    margin-bottom: 1%;
          -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
}

.opcionMenuPlanDeEstudios:hover{
    background-color: #83c8c4;
}

.opcionMenuPlanDeEstudios.active{
    background-color: #83c8c4;
}

#pdfPlanDeEstudio{
    --margin-left: 2%;
    width: 50%;
    margin-top: 0.8%;
}

#numeroResolucionPdf{
    display: inline;
}

#nombrePdfPlanDeEstudios{
    color: #000000;
    font-size: 70%;
    font-weight: bold;
    margin-left: -10%;
    margin-top: 1%;
}

#linkPdfPlanDeEstudios{
    color: #0000fc;
    font-size: 60%;
    margin-left: -10%;
    margin-top: -2%;
}

.pdf{
    width: 40%;
}

.slideCarreras{
    --margin-left: 2%;
    --margin-right: 8%;
    --margin-top: 7%;
    --margin-bottom: 10%;
    --width: 100%;
}

.flechaSlideIzquierda{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 45%;
}

.flechaSlideDerecha{
    width: 45%;

}
/*FIN SECCION CARRERAS*/


/*SECCION SERVICIOS*/
#servicios{
    margin-top: 0.5%;
    --background-image: url(../img/fondo%20servicios.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 6%;
    padding-left: 1%;
    --padding-right: 4.5%;
    padding-bottom: 3.5%;
    margin-bottom: 0.1%;
}

.serviciosBoton{
    text-align: center;
    width: 94%;
    height: 30%;
    color: #ffffff;
    background-color: rgba(126, 182, 185, 0.8);
    border-color: rgba(0,0,0,0);
    border: 0;
    font-weight: 300;
    font-size: 115%;
    line-height: 0.994;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    height: 170px;
    cursor: pointer;
    --border-radius: 20px;
    -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
}

.serviciosBoton:hover{
    background-color: #bc7071;
}

#slideViviendas{
    --padding-left: 11.1%;
    --padding-right: 11.1%;
    margin-bottom: 5%;
}

#slideDeportes{
    --padding-left: 11.1%;
    --padding-right: 11.1%;
    margin-bottom: 5%;
}

#slideBibliotecas{
    --padding-left: 11.1%;
    --padding-right: 11.1%;
    margin-bottom: 5%;
    margin-top: 3.8%;
}

/*FIN SECCION SERVICIOS*/

/*REDS SOCIALES FOOTER*/
#redesSocialesFooter{
    background-color: #2f548a;
    --padding-top: 5%;
    --padding-bottom: 5.8%;
    --padding-left: 5%;
}

#tituloRedesSocialesFooter{
    color: #ffffff;
    text-align: center;
    font-size: 180%;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    padding-top: 4%;
}

#iconosRedesSociales{
    padding-bottom: 4%;
    margin-top: 2%;
    --margin-right: 21%;
    --margin-left: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconoRedSocialFooter{
    width: 80%;
    max-width: 110px;
}

.contenedorIconoRedSocialFooter{
    --margin: 0px;
    margin-right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/*FIN REDES SOCIALES FOOTER*/

/*SECCION FOOTER*/

footer{
    --margin-top: 0.1%;
    background-color: #1a1817;
    padding-top: 2%;
}

#textoFooter{
    color: #ffffff;
    text-align: left;
    margin-left: 6.1%;
    font-size: 62%;

}

#logosFooter1{
    margin-top: 4%;
    margin-left: 8%;
    margin-right: 8%;
    display: flex !important;

}

#logosFooter2{
    margin-top: 6%;
    margin-left: 3%;
    margin-right: 5%;
    display: none;
}

.contenedorImgFooter{
    --width: 2%;
    text-align: center;
    padding-left: 1%;
    padding-right: 1%;
}

.imgFooter{
    width: 90%;
}

#balseiroFooter{
    width: 60% !important;
}

#gobiernoPampaFooter{
    --width: 90%;
    --margin-right: 10%;
    --padding-right: 20%;
}

#fdrFooter{
    --width: 95%;
    --margin-left: 10%;
    --margin-right: 10%;
    --padding-right: 20%;
}

#incubatecFooter{
    #width: 90%;
    --margin-left: 25%;
    --margin-right: 10%;
    --padding-right: 10%;
}

#invapFooter{
    --width: 70%;
    --margin-left: 40%;
    --margin-right: 10%;
    --padding-left: 10%;
}

#balseiroFooter{

}

#confediFooter{
    width: 80%;
    --margin-left: 35%;
    --margin-right: 10%;
}

#ceretFooter{
    width: 60%;
    --margin-left: 30%;
    --margin-right: 5%;
}

#picoFooter{
    width: 100%;
    --margin-left: -15%;

}

#unlpamFooter{
    width: 80%;
    --margin-left: 10%;
    --margin-bottom: 2%;
}


#textoInformativoFooter{
    color: #ffffff;
    text-align: center;
    --margin-left: 6.1%;
    font-size: 0.75em;
    margin-top: 4%;
    padding-bottom: 4%;
}
/*FIN FOOTER*/

/*SECCION AUTORIDADES*/
.colorTituloSubPagina{
    --background-color: #f6f6f6;
    background-color: #ededed;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-top: -0.1%;
}

.colorTituloSubPagina2{
    background-color: #f6f6f6;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-top: -0.1%;
}

.tituloSubPagina{
    color:  #00548d;
    font-size: 230%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.288;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    background-image: url(../img/flecha%20titulo.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 6%;
    background-size: 2.5%;
    padding-left: 3%;
}

#cuadroAutoridades{
    margin-top: 0.5%;
    background-color: #f6f6f6;
    --margin-left: 24.2%;
    padding: 0.8%;
    padding-bottom: 5%;
}

.tituloClaseAutoridad{
    text-align: center;
    background-color: #83c8c4;
    color:  #f6f6f6;
    font-size: 120%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */

    padding-top: 1.5%;
    padding-bottom: 1.5%;
    --width: 86%;
}

.autoridad{
    margin-top: 2%;
    padding-bottom: 1%;
    border-bottom: 1.5px solid #83c8c4;
    --width: 86.1%;
}

.imagenAutoridad{
    width: 128%;
}

.textoAutoridad{
    padding-left: 8%;
}

.nombreAutoridad{
    color:  #000000;
    font-size: 100%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.163;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: bold;
}

.cargoAutoridad{
    margin-top: -2px;
    color:  #000000;
}

.descripcionAutoridad{
    margin-top: 10px;
    color:  #000000;
    font-size: 84%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.197;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    width: 90%;
    margin-bottom: 10px;
}

.emailAutoridad{

    font-size: 1em;
    font-weight: 500;
    display: inline;
}

#emailAutoridad{
    display: inline;

    color:  #000000;
    font-size: 0.9em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.197;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    width: 90%;
}

#cuadroConsejoDirectivo{
    --margin-left: 24.2%;
    margin-top: 0.6%;
    margin-bottom: 5%;
}

.tablaConsejoDirectivo{
    --width: 86%;
    margin-top: 1.8%;
}

.tablaConsejoDirectivoIndividual{
    padding-right: 0.5%;
    margin-bottom: 0.8%;
}

.tituloTablaConsejoDirectivo{
    background-color: #2f548a;
    color: #ffffff;
    font-size: 75%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.606;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    text-transform: uppercase;
    padding-left: 6%;
    padding-bottom: 2.5%;
    padding-top: 3.5%;

}

.cuerpoTablaConsejoDirectivo{
    background-color: #f6f6f6;
    min-height: 174px;
    --padding-bottom: 7%;
    padding: 5%;
}

#cuadrosAutoridadesConsejoDirectivo{
    --max-width: 1078px;
   
    --width: 86%;

    margin-top: 1.5%;
}

/*FIN AUTORIDADES*/

/*SECCION SERVICIOS UNLPAM*/
#seccionBecas{
    margin-top: 1%;
    --margin-left: 12%;
    margin-bottom: 5%;
}

.tituloSeccionSubPaginas{
    text-align: left;
    background-color: #83c8c4;
    color:  #f6f6f6;
    font-size: 110%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.28;/* Aproximación debida a la sustitución de la fuente */

    padding-top: 1.5%;
    padding-bottom: 1.5%;
    --width: 86%;
    padding-left: 5%;
    margin-bottom: 1%;
}

#imagenBeca{
    width: 100%;
}

#descripcionBeca{
    margin-right: 2%;
    --padding-right: 14%;
    margin-left: 2%;
    margin-top: 2.8%;
    color:  #000000;
    font-weight: 300;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.738;/* Aproximación debida a la sustitución de la fuente */
    --text-align: left;
    padding-bottom: 2%;
}

.botonInfo{
    color:  #00548d;
    font-size: 60%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.579;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    background: url(../img/mas.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 13.5px;
    padding: 0% 0% 1% 15px;
    margin-left: 2%;
    width: 45%;
    border-top: 1px solid #83c8c4;
    padding-top: 0.8%;
}

#seccionViviendas{
    background-color: #2f548a;
    padding-top: 6.5%;
}

#tituloViviendas{
    color:  #ffffff;
    font-size: 130%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 0.77;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    font-weight: 300;
    padding-left: 10%;
    padding-right: 10%;
}

#descripcionViviendas{
    color:  #ffffff;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.708;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    margin-top: 2.5%;
    --width: 82%;
    margin-bottom: 4%;
    padding-left: 10%;
    padding-right: 10%;
}

#imgVivienda{
    padding-left: 6.1%;
    padding-right: 6.1%;
    margin-bottom: 5%;
}

#cuadroResidencia{
    --margin-left: 11%;
    --margin-right: 11%;
}

.cuadroResidencia{
    border: 1.2px solid white;
    margin: 1.5px;
    min-height: 250px;
}

.tituloCuadroResidencia{
    background-color: #83c8c4;
    color: #ffffff;
    line-height: 1.708;
    font-size: 1em;
    font-weight: 300;
    padding-left: 8%;
    padding-bottom:  2%;
    padding-top: 2%;
    margin-top: -0.3px;
    --margin-right: 0.8;
    --margin-left: 0.8;
}

.cuerpoCuadroResidencia{
    padding: 5%;
    padding-top: 8%;
    padding-right: 10%;
}

.itemCuadroResidencia{
    color:  #ffffff;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.505;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;

}

.itemCuadroResidencia::before {
    content: " - ";
}

.ubicaciones{
    background: url(../img/ubicacion.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 3.7%;
    padding: 5% 0% 3% 2.8%;
    --margin-left: 11%;
    font-weight: 500;
    color: #ffffff;
    font-size: 82%;
    --margin-right: -5%;
    width: 100%;
    margin-top: 20px;
}



#mapaViviendas{
    width: 100%;
    height: 300%;
    min-height: 400px;
    margin-bottom: 1%;
}

#seccionDeportes{
    margin-top: 3.8%;
    margin-bottom: 7.5%;
}

#imgDeportes{
    margin-left: 6.1%;
    width: 82%;
}

#descripcionDeportes{
    margin-top: 6%;
    --padding-left: 11.1%;
    --padding-right: 11.1%;
    font-size: 1em;
    --width: 64%;
    font-weight: 300;
    margin-bottom: 4.5%;
    text-align: justify;
}

.boldceleste{
    font-weight: 700;
    color: #56cac6;
}



.slideDeportes{
    --width: 77.8%;
    --padding-left: 11.1%;
    --padding-right: 11.1%;
    --margin-left: 11.1%;
}

#contenedorSlideDeportes{

}

#pieSlideDeportes{
    background-color: #83c8c4;
    --margin-left: 6.1%;
    --margin-right: 11.4%;
    --margin-left: 11.1%;
    --margin-right: 11.1%;
    font-size: 60%;
    padding-top: 0.4%;
    padding-bottom: 0.5%;
    font-weight: 300;
}

.pieSlideServicios{
    background-color: #83c8c4;
    --border: 1.2px solid white;
    --border-top: none;
    --margin-left: 6.1%;
    --margin-right: 11.4%;
    padding-left: 1.5%;
    font-size: 1em;
    padding-top: 0.4%;
    padding-bottom: 0.5%;
    font-weight: 500;
    color: #fff;
}

#botonesSlideDeportes{
    margin-left: 26.1%;
    --margin-right: 11%;
    margin-right: -2px;
}

.botonSlideDeportes{
    background: #83c8c4;
    text-align: center;
    color: #ffffff;
    font-weight: 300;
    font-size: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
    --margin-right: 1.4px;
    border-right: 1.4px solid white;
    --padding-right: 2px;
}

.botonSlideDeportes:hover{
    background-color: #2f548a;
}

.fondoazul{
    background-color: #2f548a;
}

#imgBiblioteca{
    margin-left: 12.4%;
    width: 82%;
}

#descripcionBiblioteca{
    font-weight: 300;
    color:  #000000;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.738;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    --margin-left: 26.1%;
    --width: 65%;
    --padding-left: 11.1%;
    --padding-right: 11.1%;
    margin-top: 3%;
    margin-bottom: 1%;

}

.horarios{
    color:  #000000;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.208;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    font-weight: bold;

    background: url(../img/reloj.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 7%;
    padding: 3% 0% 3% 9%;
    --margin-left: 11.1%;
    margin-bottom: 1.5%;
}

#horarioAtencionBiblioteca{
    color:  #000000;
    font-size: 100%;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.208;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: normal;
    font-weight: 300;
}

#mapaBiblioteca{
    width: 100%;
    height: 300%;
    min-height: 400px;
    margin-bottom: 0.5%;
}
/*FIN SECCION SERVICIOS UNLPAM*/

/*SECCION HISTORIA*/
#descripcionHistoria{
    margin-left: 14%;
    --width: 60%;
    margin-right: 2%;
    color:  #000000;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.738;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    font-weight: 300;
    margin-top: 5%;
    --margin-bottom: 5%;
}

#lineaHistorica{
    background-image: url(../img/fondo%20historia.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;

    --width: 100%;
    --min-height: 220;
    --margin-left: 6.1%;
    --margin-right: 4%;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 5%;
    padding-top: 5%;

    align-items: center;
    justify-content: center;
}

#dibujaLinea{
    position: absolute;
    border-top: 4px solid #83c8c4;
    z-index: 0;
    width: 65%;
}

.anioLineaHistorica{
    border-radius: 50%;
    height: 100px;
    width: 100px;
    border: 1px solid #83c8c4;
    font-weight: 300;
    color:  #56cac6;
    font-size: 1.8em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    z-index: 1;
    -webkit-transition-property: all;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
}

.anioLineaHistorica.active{
    border-color: #dae0e5;
    background-color: #e2e6ea;
    color: #2f548a;
}

.anioLineaHistorica:hover{
    color :#2f548a
}

.circuloLineaHistorica{
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    padding: 1.8%;
    --padding-top: 10px;
    --padding-bottom: 10px;
    margin-left: -0.8%;
    margin-right: -0.8%;

    --background-color: rgba(255, 0, 0, 0.2);
    z-index: 1;

}

.decadaHistoria{
    margin-bottom: 10%;
}

.tituloDecada{
    text-align: left;
    background-color: #83c8c4;
    color:  #f6f6f6;
    font-size: 1.2em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.28;/* Aproximación debida a la sustitución de la fuente */

    padding-top: 2%;
    padding-bottom: 2%;
    width: 100%;
    padding-left: 5%;

}

#imgDecada{
    width: 100%;
}

.anioDecada{
    margin-top: 1%;
    margin-bottom: 2%;
    background-color: #f6f6f6;
    width: 100%;
}

.nroAnioDecada{
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding-top: 0.4%;
    padding-bottom: 0.4%;
}

.descripcionAnioDecada{
    margin-left: 3%;
    --font-weight: 300;
    font-size: 1em;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 95%;
}

/*FIN SECCION HISTORIA*/

/*SECCION CONTACTO*/
#numeroContacto{
    width: 20%;
    --float: right;
    --vertical-align: middle;
    --margin-right: 16.5%;
    margin-left: 50%;
}

#atencionAlumnos{
    --padding-right: 12%;
    padding-top: 8%;
    --padding-left: 12%;
    padding-bottom: 5%;
}

#tituloAtencionAlumnos{
    color:  #000000;
    font-size: 1.7em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 0.906;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 3.5%;
    --margin-left: -2.5%;
}

.email{
    font-size: 0.9em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.322;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;

     background: url(../img/email.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 2.5%;
    padding: 0% 0% 0% 3.5%;
    --margin-left: 3%;
    margin-bottom: 0.3%;
}

.telefono{
    color:  #56cac6;
    font-size: 0.9em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.322;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;

    background: url(../img/telefono.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.7%;

    padding: 1% 0% 0% 3.5%;
    --margin-left: 3%;
    margin-bottom: 0.5%;
    margin-top: 1%;
}

#numerosContacto{
    --padding-left: 12%;
    --padding-right: 12%;
}

.tituloContacto{
    color:  #000000;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3.5%;

    border-bottom: 1px solid #83c8c4;
    padding-bottom: 4%;
    min-height: 53px;
}

.emailNumerosContacto{
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.322;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;

     background: url(../img/email.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 5%;
    padding: 0% 0% 0% 8%;
    --margin-left: 3%;
    margin-bottom: 0.3%;
}

.telefonoNumerosContacto{
    color:  #56cac6;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.322;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;

    background: url(../img/telefono.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 4%;
    padding: 0% 0% 0% 8%;
    --margin-left: 3%;
    margin-bottom: 0.5%;
    margin-top: 4%;
}

.seccionContacto{
    margin-bottom: 10%;
    padding-right: 5%;
}

#formCarrera{
    background-color: #2f548a;
    margin-left: 4%;
    margin-right: 4%;
    padding-bottom: 1%;
    margin-bottom: 4%;
    padding-top: 3%;
}

#tituloFormCarrera{
    color:  #56cac6;
    font-size: 2.4em;/* Aproximación debida a la sustitución de la fuente */
    --line-height: 3;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    padding-bottom: 3%;
}


select{
    display: inline-block;
    --max-width: 100%;
    --height: calc(2.25rem + 2px);
    padding: 0rem 0rem 0rem 0.75rem;
    --line-height: 1.5;
    --color: #495057;
    vertical-align: middle;
    background: url("../img/icon%20select%20form.png") no-repeat right 0.75rem center;
    background-size: 3.2%;
    border: 1px solid #fff;
    --border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*a partir de aca, agregue yo, tambien cambie algo de arriba*/
    color:  #ffffff;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 2em;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    background-color: rgb(43, 83, 139);
    border-radius: 0;
}

.col-12 select{
    width: 97%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.campoFormContacto input{
    display: inline-block;
    --max-width: 100%;
    --height: calc(2.25rem + 2px);
    padding: 0rem 0rem 0rem 0.75rem;
    --line-height: 1.5;
    --color: #495057;
    vertical-align: middle;
    border: 1px solid #fff;
    --border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*a partir de aca, agregue yo, tambien cambie algo de arriba*/
    color:  #ffffff;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 2em;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    background-color: rgb(43, 83, 139);
    border-radius: 0;
}

.campoFormContacto input::placeholder{
    color: white;
}

.campoFormContacto{
    margin-bottom: 1%;
}

.submitFormCarrera{
    border: 1px solid #fff;
    width: 100%;
    line-height: 2.2em;
    color:  #ffffff;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    --line-height: 1.947;/* Aproximación debida a la sustitución de la fuente */
    text-align: center;
    background-color: rgb(43, 83, 139);
    margin-left: -25%;
    margin-top: 4.5%;
}

#mensajesErrorFormContacto{
    color: #cc5f5f;
    font-weight: 300;
    padding-left: 1.5%;
    margin-bottom: 1%;
    font-size: 1em;
}

.errorlist{
    color: #cc5f5f;
    font-weight: 300;
    margin-left: -5.5%;
    --margin-bottom: 1%;
    font-size: 1em;
    margin-top: 1.5%;
}

div .errorlist{
    list-style-type: none;
}

.g-recaptcha{
    padding-left: 1.5%;
}

.submitFormCarrera:hover, .submitFormCarreraModal:hover{
    background-color: rgb(132, 202, 197);
    color: #fff;
}

#separacionContacto{
    width: 100%;
    margin-bottom: 3%;
}

#relojContacto{
    width: 17%;
    margin-bottom: 4%;
    --height: 19%;
}

#ubicacionFingContacto{
    width: 12.5%;
    margin-bottom: 4%;
    --height: 19%;
}

.tituloInfoContacto{
    color:  #000000;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.208;/* Aproximación debida a la sustitución de la fuente */
    font-weight: 700;

}

.descripcionInfoContacto{
    color:  #000000;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.608;/* Aproximación debida a la sustitución de la fuente */
    font-weight: 300;
}

#informacionContacto{
    text-align: center;
    --margin-left: 25%;
    --margin-right: 25%;
    margin-bottom: 2.5%;
}

#mapaContacto{
    width: 100%;
    height: 300%;
    min-height: 400px;
}

/*FIN SECCION CONTACTO*/

/*SECCION INGRESANTES*/
#preinscripcion{
    color:  #000000;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.159;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    --font-weight: 300;
    --margin-left: 14.5%;
    margin-top: 4%;
}

#linkPreinscripcion{
    color:  #365d8e;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.159;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
        -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

#linkPreinscripcion:hover{
    color: #83c8c4;
}

#nuestrasCarrerasIngresantes{
    --padding-left: 6.1%;
    --background-color: #ededed;
    padding-top: 5%;
    padding-bottom: 5%;
}

#preguntasFrecuentes{
    --margin-left: 14%;
    --margin-right: 14%;
    margin-bottom: 5%;
    margin-top: 2%;
}

.tituloPreguntaFrecuente{
    background-color: #365d8e;
    color:  #83c8c4;
    font-size: 1.1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.2;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 700;
        padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
        -webkit-transition-property: all;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
}

.tituloPreguntaFrecuente.active{
    background-color: #83c8c4;
    color: white;
}

.tituloPreguntaFrecuente:hover{
    background-color: #83c8c4;
    color: white;
}

.respuestaPreguntaFrecuente{
    background-color: #f6f6f6;
    color:  #000000;
    font-size: 1.1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.439;/* Aproximación debida a la sustitución de la fuente */
    text-align: justify;
    --font-weight: 300;
    padding: 0%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 3%;
}

#masInfoPreguntasFrecuentes{
    color:  #000000;
    font-size: 1.1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.439;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    padding: 2%;
    font-weight: 700;
}


/*FIN SECCION INGRESANTES*/

/* SECCION DOCENTES */

#cuadroDocentes{
    --margin-left: 14%;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-left: 6.1%;
    padding-right: 6.1%;
}

.tablaDocentes{
    width: 100%;
    --margin-top: 0.1%;
    --padding-right: 14%;
    --padding-left: 14%;
    padding: 0.5%;
}

.tablaDocentesIndividual{
    --padding-right: 0.5%;
    --margin-bottom: 0.8%;
}

.tituloTablaDocentes{
    background-color: #2f548a;
    color: #ffffff;
    font-size: 1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 2;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    text-transform: uppercase;
    padding: 1%;

}

#paginationDocentes{
    margin-bottom: 5%;
}

.tituloListaDocentes{
    background-color: #365d8e;
    color:  #83c8c4;
    font-size: 1.1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.439;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 700;
    padding: 2%;
}

.page-link{
    color: #365d8e;
}

.page-item:first-child .page-link{
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.page-item:last-child .page-link{
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.page-item.active .page-link{
    background-color: #365d8e;
    color: #83c8c4;
}

.cuerpoListaDocentes{
    background-color: #f6f6f6;
    color:  #000000;
    font-size: 1.1em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.439;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    font-weight: 300;
    padding: 4%;
    min-height: 240px;
}

.cuerpoTablaDocentes{
    background-color: #f6f6f6;
    --min-height: 160px;
    padding: 4%;
}

.CvDocente{
    --float: left;
    font-weight: 700;
}

.linkCvDocente{
    display: inline;
    font-weight: 300;
}

.EmailDocente{
    --float: right;
    font-weight: 700;
}

.docenteEmail,.docenteCV{
    color: #fff;
}

.docenteEmail:hover,.docenteCV:hover{
    color: rgb(126, 182, 185);
}


.linkEmailDocente{
    display: inline;
    font-weight: 300;
}

/* FIN SECCION DOCENTES */

/*SECCION VER TODAS NOVEDADES*/

#cuadroArchivoNovedades{
    margin-top: 6.1%;
    margin-bottom: 6.1%;
}

.copeteNovedadArchivo{
    margin-left: 6%;
    margin-top: 2%;
    color: #000;
    font-size: 0.85em;
    width: 85%;
    padding-bottom: 5%;
    font-weight: 500;
}

.noticiaNovedadArchivo{
    border-bottom-style: solid;
    border-bottom-width: 1.4;
    border-bottom-color: #83c8c4;
    width: 99.8%;
    margin-bottom: 0.5%;
}



/*FIN VER TODAS NOVEDADES*/

/*SECCION NOVEDAD DETALLE*/

.novedadDetalle{
    --width: 80%;
    padding-left: 6.1%;
    padding-right: 6.1%;
    padding-bottom: 5%;
    padding-top: 3%;
}

.imgNovedadDetalle{
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 5%;
    padding-bottom: 2%;
}

.textoNovedadDetalle{
    font-size: 1em;
    text-align: justify;
    margin-top: 4%;
    padding-left: 7%;
    padding-right: 7%;
}

.fechaPosteo{
    text-align: center;
    font-size: 1.5em;
    background-color: #cc5f5f;
    color: #fff;
}

.fechaPosteoMobil{
    display: none;
}

.imagenesNovedadDetalle{
    height: 420px;
    object-fit: cover;
    --object-position: top;
}

#slideNovedadArchivo{

}

.imgNovedadDetalleMas{
    width: 100%;
}

.colorTituloNovedadDetalle{
    background-color: #83c8c4;
    --padding-bottom: 2%;
    --padding-top: 2%;
    --margin-left: 10%;
    --margin-right: 10%;
}

#tituloNovedadDetalle{
    color:  #fff;
    font-size: 1.8em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.2;/* Aproximación debida a la sustitución de la fuente */
    text-align: left;
    background-position: left;
    padding-left: 7%;
    padding-bottom: 1%;
    padding-top: 1%;
    padding-right: 15%;
}

/**/

/*SECCION VER TODAS ACTIVIDADES*/
.cuadroTodasActividades{
    --width: 80%;
    --padding-left: 20%;
    --padding-right: 20%;
    --margin-left: 10%;
    margin-top: 5%;
}

.actividadTodas{
    --background-color: #f6f6f6;
    margin-bottom: 6.4%;
    transition: all .2s ease-in-out;
}

.actividadTodas:hover{
    transform: scale(1.05);
}

/*FIN VER TODAS ACTIVIDADES*/

/*SECCION MISION Y POLITICAS INSTITUCIONALES*/
#cuadroMisionPoliticas{
    margin-top: 2%;
    --background-color: #f6f6f6;
    --margin-left: 6.1%;
    --margin-right: 6.1%;
    --padding: 0.8%;
    padding-bottom: 0%;
    margin-bottom: 1%;
}

#tituloMision{
    text-align: center;
    background-color: #83c8c4;
    color:  #f6f6f6;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */

    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

.cuerpoMision{
    --margin-top: 10px;
    color: #000000;
    font-size: 1em;
    line-height: 1.197;
    text-align: justify;
    --width: 100%;
    --margin-bottom: 10px;
    background-color: #f6f6f6;
    padding: 2%;
}

.cuerpoPoliticas{
    --margin-top: 10px;
    color: #000000;
    font-size: 1em;
    line-height: 1.197;
    text-align: justify;
    --width: 100%;
    margin-bottom: 5%;
    background-color: #f6f6f6;
    padding: 2%;
}

#tituloPoliticas{
    text-align: center;
    background-color: #83c8c4;
    color:  #f6f6f6;
    font-size: 1.5em;/* Aproximación debida a la sustitución de la fuente */
    line-height: 1.58;/* Aproximación debida a la sustitución de la fuente */

    padding-top: 1.5%;
    padding-bottom: 1.5%;
}
/*FIN SECCION MISION Y POLITICAS INSTITUCIONALES*/

/*SECCION EXTENSION*/

    .contenedorMedio{
        --margin-right: 14%;
        --margin-left: 14%;
        margin-top: 1.5%;
        margin-bottom: 5%;
    }

    .fondoGris{
        padding: 0.8%;
        background-color: #f6f6f6;
    }

    .logoGrupoTrabajo{
        max-width: 100%;
        height: 100px
    }

    .tituloGrupoTrabajo{
        background-color: #83c8c4;
        color: #f6f6f6;
        font-size: 1.2em;
        line-height: 3em;
    }

    .tituloGrupoTrabajo.primero{
        margin-top: 0%;
    }

    .textoDescriptivo {
        --margin-top: 10px;
        color: #000000;
        font-size: 1em;
        line-height: 1.197;
        text-align: justify;
        padding: 2%;
    }

    .espacioLogoGrupoTrabajo{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 2%;
    }

    .enlaceGrupoTrabajo{
        color: #2f5388;
    }

    .fondoBlanco{
        background-color: white;
    }

    .desarrolloGrupoTrabajo{
        padding-bottom: 2%;
        margin-bottom: 3%;
    }

    .contenedorItemExtension{
        background-color: #83c8c4;
        margin-top: 1%;
        margin-bottom: 1%;
        color: white;
    }

    .linkArchivoExtension{
        background-color: #2f5388;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        -webkit-transition-property: all;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
    }

    .linkArchivoExtension:hover{
        color: #83c8c4;
    }

    .descripcionItemExtension{
        --height: 50px;
        padding: 2%;
    }

/**/

/*PARTE DEL CSS PARA RESPONSIVE! Se hizo la página en cuestión del diseño, lo que tenia un width de 1080px APROX, entonces aca se hacen los retoques para pantallas mas grandes, tables, entre medio de tablet y celular, y celular*/

/* Pantallas muy grandes ----------- */
@media only screen
and (min-width : 1924px) {
    .headerRedSocial{
        width: 20%;
    }

    #headerRedesSociales{
        margin-right: -2%;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    #logosFooter2{
        display: none;
    }

    #servicios{
        background-attachment: fixed;
    }
}

@media only screen and (min-width: 991px){
    #headerBuscador{
        position: absolute;
    right: 0;
    }    
}

@media only screen and (max-width: 1120px) and (min-width: 991px)  {
    #headerBuscador{
            height: 34px;
    width: 18%;
    }

    #id_busqueda{
            height: 30px;
    width: 69%;
    }
}

/* iPads ----------- */
@media only screen
and (max-width : 991px) {
/* Styles */
    #headerInferior{
        padding-top: 0px;
        padding-bottom: 0px;
        --padding-left: 5%;
        padding-bottom: 2.5px;
        padding-top: 5px;
    }

    #contenedorDecadas{
        margin-top: 40px;
    }

    #headerMenu{
        padding-right: 5%;
    }

    .headerMenuBoton{
        margin-bottom: 1px;
        height: 40px;
        padding-top: 8px;

    }

    #headerRedesSociales{
        margin-right: -7%;
        margin-top: 3%;
    }

    .headerRedSocial{
        width: 12%;
    }

    .headerMenuBoton:before { content: "\00a0\00a0  "; }

    #headerBuscador{
        --width: 30%;
       -- padding-left: 30%;
    }

    .buscador{
        width: 100%;
    }

    #flotanteBannerNoticias{
        position: absolute;
        top: 5%;
        left: 60%;
    }

    #tituloBannerNoticias{
        --color: #ffffff;
        --font-size: 2em;
        --width: 65%;
        --color:  #ffffff;
        --font-size: 5.338em;/* Aproximación debida a la sustitución de la fuente */
        --line-height: 0.925;/* Aproximación debida a la sustitución de la fuente */
        --text-align: left;
        --text-shadow: 0px 3px 14.58px rgba(3, 1, 3, 0.24);
    }

    #buttonBannerNoticias{
        float: left;
        width: 38%;
        background-color: rgba(0,0,0,0);
        color: #ffffff;
        border-radius: 0px;
    }

    .dropdown-menu{
        margin-top: 0%;
        padding-bottom: 1%;

    }

    .dropdown-item{
    --color: #ffffff;
    --font-size: 80%;
    padding: 0%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 1%;
    padding-bottom: 2%;
    line-height: 1.2;
    --height: 30px;
    --text-align: left;
    }

    /*SECCION NOVEDADES ACTIVIDADES*/
    .fechaNumero{
        font-size: 220%;
    }

    .fechaMes{
        font-size: 150%;
    }
    /*FIN NOVEDADS ACTIVIDADES*/

    /*SECCION SERVICIOS*/
    #servicios{
        padding-top: 3%;
    }

    .serviciosBoton{
        font-size: 90%;
        padding: 2%;
    }
    /*FIN SERVICIOS*/

    /*SECCION FOOTER*/
    #invapFooter{
        margin-left: 10%;
    }
    /* FIN SECCION FOOTER*/

    /*SECCION CARRERA*/
    #linkPdfPlanDeEstudios{
        margin-top: 0%;
    }

    #nombrePdfPlanDeEstudios{
        margin-top: 0%;
    }
    /*FIN SECCION CARRERA*/

    /*SECCION AUTORIDADES*/
    .cuerpoTablaConsejoDirectivo{
        min-height: 200px;
    }

    .tituloTablaConsejoDirectivo{
        min-height: 50px;
    }
    /* FIN SECCION AUTORIDADES*/

    /*SECCION HISTORIA*/
    #lineaHistorica{
        display: none;
    }
    /*FIN SECCION HISTORIA*/

}

/* Entre medio de Smartphone y Ipad ----------- */
@media only screen
and (min-width : 480px)
and (max-width : 767px){
/* Styles */
    #logoHeader{
        width: 40%;
    }

    .primero{
        margin-left: 35%;
    }

    .headerRedSocial{
        width: 10%;
    }

    .imgNovedadRelacionada{
        height: 85px;
        object-fit: cover;
    }

    #headerRedesSociales{
        --margin-right: -15%;
        margin-top: 6%;
        --display: none;
    }

    .buscador{
        width: 80%;
    }

    #flotanteBannerNoticias{
        position: absolute;
        top: 0%;
        left: 60%;
    }

    #tituloBannerNoticias{
        --color: #ffffff;
        --font-size: 1em;
        --width: 70%;
        --color:  #ffffff;
        --font-size: 5.338em;/* Aproximación debida a la sustitución de la fuente */
        --line-height: 0.925;/* Aproximación debida a la sustitución de la fuente */
        --text-align: left;
        --text-shadow: 0px 3px 14.58px rgba(3, 1, 3, 0.24);
    }

    #buttonBannerNoticias{
        float: left;
        height: 35px;
        width: 40.5%;
        margin-top: -15px;
        background-color: rgba(0,0,0,0);
        color: #ffffff;
        border-radius: 0px;
    }

    /*SECCION NOVEDADES Y ACTIVIDADES*/
    #seccionNovedades{
        border-right: 0px;
        --padding-right: 6.1%;
    }

    #verTodasNovedades{
        margin-right: 3%;
    }

    #seccionActividades{
        padding-bottom: 5%;
        margin-left: 0px;
        padding-left: 0px;
    }

    #barraNovedades{
        margin-left: 0%;
        width: 100%;
    }

    #barraActividades{
        width: 100%;
        --margin-left: -7.1%;
    }
    /* FIN NOVEDADS Y ACTIVIDADES */

    /*SECCION CARRERA*/
    .carrera{
        margin-bottom: 3%;
        width: 80%;
        margin-left: 10%;
    }

    .opcionMenuPlanDeEstudios{
        font-size: 80%;
        padding-left: 10%;
        --padding-top: 3.5%;
        height: 80px;
        text-align: left;
        --white-space: nowrap;
        --height: 45px;
    }

    /*FIN SECCION CARRERA*/

    /*SECCION SERVICIOS*/
    #servicios{
        padding-top: 3%;
    }

    .serviciosBoton{
        font-size: 100%;
        height: 90px;
        padding: 2%;
        margin-bottom: 5%;
    }
    /*FIN SERVICIOS*/

    /*RED SOCIALES FOOTER*/
    #iconosRedesSociales{
    padding-bottom: 5%;
    margin-top: 2%;
    margin-right: 10%;
    margin-left: 15%;
}

    .iconoRedSocialFooter{
        width: 70%
    }
    /*FIN RED SOCIAL FOOTER*/

    /*SECCION AUTORIDADES*/
    .cuerpoTablaConsejoDirectivo{
        --margin-right: 5px;
        min-height: 150px;
    }

    /*FIN SECCION AUTORIDADES*/

    .col-12 select{
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
}

/* Entre medio de col y col-sm queda mal a veces----------- */
@media only screen
and (min-width : 480px)
and (max-width : 575px){

    /*SECCION CARRERAS*/
    .opcionMenuPlanDeEstudios{
        font-size: 80%;
        padding-left: 5%;
        padding-top: 3.5%;
        --height: 80px;
        text-align: left;
        white-space: nowrap;
        height: 45px;
    }
    /*FIN SECCION CARRERAS*/

    /*SECCION NOVEDADES*/

    .imgNovedadRelacionada{
        height: 85px;
        object-fit: cover;
    }

    #verTodasNovedades{
        margin-right: 3%;
    }

    #barraActividades{
        width: 100%;
    }

    /*FIN SECCION NOVEDADES*/
    .col-12 select{
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    /*SECCION AUTORIDADES*/

    /*FIN SECCION AUTORIDADES*/

}
/**/

/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 480px){

    span.select2-selection.select2-selection--single{
        --width: 93.2% !important;
        margin-left: 3% !important;
    }
/* Styles */
    #headerRedesSociales{
        display: none;
    }
    #logoHeader{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-bottom: 2%;
        margin-top: 4%;
    }

    .tituloSubPagina{
        font-size: 2em;
        background-size: 3%;
    }

    .buscador{
        width: 80%;
    }

    #headerInferior{
        padding-bottom: 1%;
    }

    .imgNovedadRelacionada{
        height: 85px;
        object-fit: cover;
    }

    #flotanteBannerNoticias{
        --display: none;
        top: 27%;
        left: 44%;
    }

    #tituloBannerNoticias{
        --width: 100%;
        text-align: center;
    }

    /*SECCION NOVEDADES Y ACTIVIDADES*/
    #seccionNovedades{
        border-right: 0px;
        --padding-right: 6.1%;
    }

    .tituloNovedadesActividades{
        font-size: 2.4em;
    }

    .noticiaNovedad{
        padding-top: 5%;
    }

    #verTodasNovedades{
        margin-right: 0%;
        margin-top: 1%;
    }

    .tituloNovedad{
        margin-left: 0%;
        text-align: left;
        width: 100%;
        margin-bottom: 5%;
    }

    #verTodasActividades{
        margin-right: 0%;
        margin-top: 1%;
    }

    #seccionActividades{
        padding-bottom: 4%;
        --margin-left: 0px;
        --padding-left: 0px;
        padding-left: 0px;
        padding-top: 0%;
    }

    #barraNovedades{
        margin-left: 0%;
        width: 100%;

    }

    #barraActividades{
        width: 100%;
        --margin-left: -7.1%;
    }
    /* FIN NOVEDADS Y ACTIVIDADES */

    /*SECCION CARRERA*/
    .carrera{
        margin-bottom: 3%;
    }

    #tituloNuestrasCarreras{
        font-size: 2.5em;
        margin-right: 2%;
        margin-left: 2%;
        --display: none;
    }

    .opcionMenuPlanDeEstudios{
        height: 40px;
        --padding: 0%;
        padding-left: 3%;
        text-align: left;
        white-space: nowrap;
        font-size: 78%;
    }

    #derechaPlanDeEstudios{
        font-size: 90%;
    }

    #pdfPlanDeEstudio{
        width: 100%;
        margin-top: 1%;
    }

    #nombrePdfPlanDeEstudios{
        margin-left: -6%;
    }

    #linkPdfPlanDeEstudios{
        margin-left: -6%;
    }

    .pdf{
        width: 60%;
    }

    #tituloCarrera{
        font-size: 2em;
        text-align: left;
    }    

    #seccionTituloCarreraCollpase{
        width: 100%;
    }

    #orientacionDescripcion{
        font-size: 1.5em;
        line-height: 1;
    }

    #orientacion{
        font-size: 1.5em;
    }

    #botonPlanDeEstudios{
        padding: 3%;
    }

    .opcionMenuPlanDeEstudios{
        font-size: 90%;
        padding-top: 4%;
    }
    /*FIN SECCION CARRERA*/

    /*SECCION SERVICIOS*/
    #servicios{
        padding-top: 3%;
    }

    .serviciosBoton{
        font-size: 90%;
        height: 90px;
        margin-bottom: 5%;
    }

    #seccionBecas{
        --margin-left: 6.1%;
    }

    .tituloSeccionSubPaginas{
        --width: 93.9%;
    }

    #imagenBeca{
        width: 100%;
    }

    #descripcionBeca{
        --padding-right: 6%;
    }

    #descripcionViviendas{
        padding-left: 6.1%;
        padding-right: 6.1%;
    }

    #tituloViviendas{
        padding-left: 6.1%;
        padding-right: 6.1%;
    }

    #slideViviendas{
        --padding-left: 6.1%;
        --padding-right: 6.1%;   
    }

    #cuadroResidencia{
        --margin-left: 6.1%;
        --margin-right: 6.1%;
    }

    .ubicaciones{
        --margin-left: 6.1%;
        width: 200%;
        padding: 15% 0% 3% 2.8%;
    }

    #slideDeportes{
        --padding-left: 6.1%;
        --padding-right: 6.1%;
    }

    #descripcionDeportes{
        --padding-left: 6.1%;
        --padding-right: 6.1%;
    }

    .slideDeportes{
        --margin-left: 6.1%;
        --width: 87.9%;
    }

    #botonesSlideDeportes{
        --margin-right: 5.6%;
    }

    #pieSlideDeportes{
        --margin-left: 6.1%;
        --margin-right: 6.1%;
    }

    #slideBibliotecas{
        --padding-left: 6.1%;
        --padding-right: 6.1%;
    }

    #descripcionBiblioteca{
        --padding-left: 6.1%;
        --padding-right: 6.1%;
    }

    .horarios{
        --margin-left: 6.1%;
        background-size: 10%;
        padding: 3% 0% 3% 12%;
    }
    /*FIN SERVICIOS*/

    /*RED SOCIALES FOOTER*/
    #iconosRedesSociales{
        padding-bottom: 5%;
        margin-top: 2%;
        margin-right: 15%;
        margin-left: 15%;
    }

    #tituloRedesSocialesFooter{
        font-size: 1.5em;
    }

    .iconoRedSocialFooter{
        width: 88%;
        max-width: 60px;
    }
    /*FIN RED SOCIAL FOOTER*/
    .col-12 select{
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    #logosFooter2{
        margin-top: 6%;
        margin-left: 3%;
        margin-right: 5%;
        display: flex !important;
    }

     .hideOnMobile{
        display: none;
    }

     /*SECCION AUTORIDADES*/
    .cuerpoTablaConsejoDirectivo{
        min-height: 150px;
    }


    .tituloTablaConsejoDirectivo{
        min-height: 30px;
        padding-top: 2.8%;
    }
    /*FIN SECCION AUTORIDADES*/

    /*BARRA HEADER MENU DROPDOWN*/

    .dropdown-menu{
        padding-bottom: 2%;
    }

    .dropdown-item{
        padding-left: 5%;
        padding-right: 5%;
    }

    #headerBuscador{
        margin-left: 3%;
        margin-right: 3%;
    }

    /*FIN BARRA HEADER MENU DROPDOWN*/

    /*PARA LAS IMAGENES DE SLIDE*/
    .imgGrande{
        height: 300px;
        object-fit: cover;
    }

    .imgMediana{
        height: 200px;
        object-fit: cover;
    }
    /*FIN PARA LAS IMAGENES DE SLIDE*/

    /*SECCION HISTORIA*/
    .decadaHistoria{
        display: block;
        --margin-left: 6.1%;
        --margin-right: 6.1%;
        margin-bottom: 10%;
        margin-top: 10%;
    }

    .tituloDecada{
        width: 100%;
        font-size: 1.8em;
    }

    #imgDecada{
        width: 100%;
    }

    .anioDecada{
        width: 100%;
    }

    .nroAnioDecada{
        width: 20%;
    }
    /**/

    /*SECCION ARCHIVO ACTIVIDADES*/
    .cuadroTodasActividades{
        --margin-left: 6%;
        --width: 88%;
    }
    /**/

    .copeteNovedadArchivo{
        display: none;
    }

    .tituloNovedadTodas{
        margin-left: 0%;
        width: 100%;
        margin-bottom: 3%;
    }

    .noticiaNovedadArchivo{
        margin-top: 5%;
    }

    /*SECCION CONTACTO*/
    #numeroContacto{
        width: 32%;
        margin-left: 11%;
        margin-top: 1%;
    }

    #atencionAlumnos{
        --padding-right: 6.1%;
        --padding-left: 6.1%;
    }

    #numerosContacto{
        --padding-right: 6.1%;
        --padding-left: 6.1%;   
    }

    #formCarrera{

    }

    #tituloFormCarrera{
        font-size: 2em;
    }

    .g-recaptcha{
        padding-left: 2.5%;
        padding-top: 3%;
    }

    .submitFormCarrera{
        margin-left: 3%;
        width: 94%;
        margin-bottom: 3%;
    }

    #informacionContacto{
        --margin-left: 10%;
        --margin-right: 10%;
    }
    /**/

    /*SECCION DOCENTE*/
    /**/

    /*SECCION ARCHIVO NOVEDAD*/
    #tituloNovedadDetalle{
        font-size: 1.5em;  
        padding-left: 1%;
        padding-right: 1%;
        text-align: center;
    }

    .fechaPosteo{
        --margin-top: 11%;
        --margin-right: 0%;
    }

    .fechaPosteoMobil{
        text-align: center;
        font-size: 1.5em;
        background-color: #cc5f5f;
        color: #fff;
        display: block;
    }
    /**/

    /*SECCION EXTENSION*/
    .logoGrupoTrabajo{
        width: auto;
        max-height: 120px;
    }

    .contenedorMedio{
        --margin-right: 6.1%;
        --margin-left: 6.1%;
    }
    /**/
}


/*FLOATING BUTTON MENU*/
#floating-button{
    width: 41px;
    height: 41px;
    /* border-radius: 50%; */
    background: #cc5f5f;
    position: fixed;
    bottom: 20px;
    right: 24px;
    cursor: pointer;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
    opacity: 0.85;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

.plus{
  color: #fff;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 2.3em;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
  padding-top: 0.7em;
}

#container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 2;
}

#container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

#container-floating:hover #floating-button{
  opacity: 1;
}

#container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}

.edit{
  position: absolute;
  top: 0;
  display: block;
  color: #fff;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  opacity: 0;
  margin: auto;
  line-height: 65px;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: edit-out 0.3s;
  text-align: center;
  padding-top: 0.7em;
}

#container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 34.5px;
  height: 40px;
  border-radius: 0;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  --cursor: pointer;
}

.nd1{
  --background: #d3a411;
  right: 31px;
    bottom: 78px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.nd3{
  --background: #3c80f6;
  right: 31px;
  bottom: 125px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.nd4{
  --background: #ba68c8;
  right: 31px;
  bottom: 172px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.nd5{
  background-image: url('https://lh3.googleusercontent.com/-X-aQXHatDQY/Uy86XLOyEdI/AAAAAAAAAF0/TBEZvkCnLVE/w140-h140-p/fb3a11ae-1fb4-4c31-b2b9-bf0cfa835c27');
  background-size: 100%;
  right: 31px;
  bottom: 300px;
  animation-delay: 0.08s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

#container-floating:hover .nds{
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

#container-floating:hover .nd3{
  animation-delay: 0.08s;
}
#container-floating:hover .nd4{
  animation-delay: 0.15s;
}
#container-floating:hover .nd5{
  animation-delay: 0.2s;
}

.botonContainerFloating{
    border-radius: 0px;
    height: 41px;
    width: 41px;
    color: white;
    background-color: #2f5388;
    line-height: 0;
    border: 0;
    padding: 0;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
    opacity: 0.85;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;

}

.botonContainerFloating:hover{
    opacity: 1;
}

.iconFloatingImg{
    width: 41px;
    height: 41px;
    border-radius: 0px;
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
    opacity: 0.85;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

.iconFloatingImg:hover{
    opacity: 1;
}

.material-icons{
    line-height: 0.4em !important;
}
/*FLOATING BUTTON MENU*/




@media only screen and (max-width : 767px){
    .submitFormCarreraModal{
        margin-left: 0 !important;    
    }
    
    .columnaSubmitFormIngresantes{
        text-align: center;
        margin-top: 20px;
    }

    .g-recaptcha {
        padding-left: 0.5% !important;
    }
}


.materia.planificacion{
    color: #2f548a;
}

.materia.planificacion:hover{
    color: #83c8c4;
}

.clasificacionFormularioPlanillas{
        color: #00548d;
    font-size: 230%;
    line-height: 1.288;
    text-align: left;
    font-weight: 300;
    background-image: url(../img/flecha%20titulo.png);
    background-repeat: no-repeat;
    background-position: left;
    /* margin-left: 6%; */
    background-size: 2.5%;
    --background-color: #f6f6f6;
    background-color: #ededed;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-top: 2.2rem;
    padding-left: 6%;
    background-position-x: 2%;
}