/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

body {
    margin:0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

nav ul li {
    display: inline;
}

div {
    background: #FFFFFF;
}

/*img {
max-width: 100%;
height: auto;
}*/

.browsehappy {
    padding: 15px;
    position: absolute;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 72%;
    top: 280px;
    left: 13%;
    background: gray;
    color: white;
    font-size: 1.4em;
    border: 1px solid gray;
}
.browsehappy a:link, .browsehappy a:hover, .browsehappy a:visited {
    text-decoration: none;
    color: #ffd54f;
}
.browsehappy a:hover {
    color:#FFA000;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
/*0.75 1.75*/
body {
    font: .85em Arial, Arial Regular;
    line-height: 1.85em;
    background: #d2d2d5;

}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* ===================
    ALL: Orange Theme - de la plantilla original
   =================== */

.header-container {
    border-bottom: 0 solid #FFFFFF;
}

.header-container-inner {
    height: 110px;
    background: white;
}

.header-container-inner.ingreso {
    background: transparent;
    height: auto;
}

.header-container-inner .logo-left {
    float: left;
    margin-top: 15px;
    margin-left: 18px;
}

.header-container-inner .logo-right {
    float: right;
    margin-top: 0px;
    margin-right: 9px;
}

.logo-right .url {
    padding-top: 5px;
}

.header-container-inner .logo-right .lugar_head_right {
    display:inline-block; 
    font-size: 1em; 
    vertical-align: middle;
}

.header-container-inner .logo-right .logo_head_right {
    display:inline-block; 
    font-size: initial;
}

.lugar_texto {
    font: .89em/1.45em Helvetica;
    font-weight: bolder;
    text-align: left;

    float:right; 
    margin-right:1em; 
    color:#999999;
}



/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    display: block;
    margin: 0;
    padding: 0;
    /*color: white;*/
}

nav a {
    margin-top: 0px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    /*   color: white;*/
}

.nav_uns a, #nav_iconos_ingreso a {
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.nav_uns img {
    margin-bottom: 3px;
}
/*
nav a:hover,
nav a:visited {
    color: white;
}*/

nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */


.main {
    padding: 0 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.ppal-container {
    border: 0;
    width: 900px;
    margin: 0 auto;
}

/* width to 1000px ----------- */

.ppal-container {
    border: 0;
    width: 1000px;
    margin: 0 auto;
}

/* ----------------------------------- */

.footer-container,
.main aside {
    /*border-top: 20px solid #999999;*/
}
.menu_nav_container {
    background: #35519b;
    /*background: #F6F4F4;*/
    overflow: hidden;
    width: 100%;
    height: 28px;
    vertical-align: middle;
    padding: 0.25em 0 0 0;
}

.menu_nav_container nav{
    background: #35519b;
    color: white;
}
/* barra gris */
.menu_nav_container_n {
    background: #eaeaea;;
    overflow: hidden;
    width: 100%;
    height: 28px;
    vertical-align: middle;
    /*padding: 0.25em 0 0 0;*/
}

.menu_nav_container_n nav{
    /*background: #F6F4F4;*/
    color: white;
}
.menu_nav_container_n nav a{
    /*background: #F6F4F4;*/
    color: #7F7F7F;
}

.menu_nav_container_p {
    background: transparent;
    overflow: hidden;
    width: 100%;
    height: 28px;
    vertical-align: middle;
    /*padding: 0.25em 0 0 0;*/
}

.menu_nav_container_p nav a{
    /*background: #F6F4F4;*/
    color: #406088;
}

.menu_nav_container_p li {
    margin: 0 3px;
}
.menu_nav_container_p div {
    background: #efefef;   
}

.menu_nav_container_p a.moodleuns {
    padding: 5px 0;
}

.menu_nav_container_p .moodleuns img {
    -webkit-filter: sepia(100%) hue-rotate(-180deg) contrast(1.3) brightness(53%);
    filter: sepia(100%) hue-rotate(-180deg) contrast(1.3) brightness(53%);

}

.menu_nav_container_p .moodleuns:hover img {
    -webkit-filter: none;
    filter: none;
}

.menu_nav_container_p .emergencias:hover {
    color: #d50122;
}


/*---- fin gris ---*/

#main-container {
    background-color: #35519b;
    height: 390px;
    position: relative;
    background-image: url(/img/header_ppal/fte_uns_2.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    clear: both;
}

.mainlink_izq{
    overflow: hidden;
    float: left;
    display: table;
    margin: 15% 0 0 0;
    padding: 1.5em 1em 1.7em 1em;
    width: 30%;
    background: rgba(255, 128, 0, 0.6);
    text-align: center;
    vertical-align: middle;
}

.links_izq_container {
    overflow: hidden;
    float: left;
    margin: 0 0 0 0.75em
}

/* width to 1000px ----------- */
.links_izq_container {
    margin: 0 0 0 1.5em
}
/* ----------------------------------- */

.links_carreras {
    position: relative;
    width: 264px;
    height: 406px;
}

/* width to 1000px ----------- */
.links_carreras {
    width: 335px;
    height: 406px;
}
/* ----------------------------------- */
.links_carreras img {
    position: absolute;
}

/* width to 1000px ----------- */
.links_carreras img {
    width: 100%;
    clip: rect(0,335px,406px,0);
}
/* ----------------------------------- */

.links_carreras div {
    position: absolute;
    background: transparent;
}


.link_labels_n {
    
	/*width: 66%;*/
	width: 77%;
    float: left;
    
    font-family: Arial;
    font-size: 1.3em;
    text-shadow: .05em -.05em .05em rgba(69,69 ,69 , 0.6);
    border: rgba(204, 204, 204, 0.3) 1px solid;
    text-decoration: none;
    font-weight: bold;
    color: white;
	/*--22/12/21*/
	border-radius: 5px;
	margin-left: -4.5px; /*no visualizar border izquierdo*/
}

.ingreso_n {
    background: rgba(255, 128, 0, 0.6);
    /*padding: 12px 24px;*/
	padding: 12px 24px;
    font-size: 1.7em;
    /*margin-top: 60px;*/
    /*agregar datos.uns*/
    /*margin-top: 40px;*/
	margin-top: 22px;
}

/*ver incluida en style menu-alumnos - 10/1/2020*/

.cartel_ingreso {
	float: right;
	padding-left: 1em;
	width: auto;
	background:rgba(45, 98, 164, 0.57);
	border:rgba(255, 255, 255, 0.51) 1px solid;

	position: relative;
	margin: -18% 0 0 0;

}
.cartel_ingreso a {
	 color:white;
	 text-decoration:none;
	 font-size: 0.90em;
	 line-height: 1.2em;
}

/*-----------------------*/
.grados_n {
    padding: 10px 20px;
    background: rgba(51, 51, 51, 0.65); 
	/*background: #0b45957a; azulado*/
    font-size: 1.35em;
    margin-top: 18px;
    line-height: 1.35em;
}

.internacionales {
    padding: 8px 20px;
    background-color: rgba(136, 135, 135, 0.57);
    font-size: 1.35em;
    margin-top: 18px;
}

.datos_uns {
    padding: 8px 20px;
    background: rgba(153, 164, 175, 0.6);
    font-size: 1.5em;
    margin-top: 18px;
}

.link_ingreso {
    margin: 11% 0 0 0;
    width: 33%;
}

.mainlink_der{
    overflow: hidden;
    float: right;
    width: 25%;
    height: 60%;
    margin: 4em 0em 0em 0em
}

.link_der {
    margin: 0 0 1em 0;
    background: rgba(51, 51, 51, 0.65);
    padding: 0.5em 1em 1em 1em;
    border: #CCCCCC 1px solid;
    height: 30%;
    text-align: center;
}
.transparent {
    /*IE 8- no anda*/
    background: rgba(255, 255, 255, 0.0);
}

.transparent0{
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    -filter: "alpha(opacity=0)";

    /* Older than Firefox 0.9 */
    -moz-opacity:0.0;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.0;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    /*0.5*/
    opacity: 0.0;

    /*nuevo
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    */
}

.mainlink_izq a {
    color:white;
    font: 2.5em Arial;
    text-shadow: .05em -.05em .05em rgba(69,69 ,69 , 0.6);
    text-decoration: none;
    font-weight: bold;
    color: white;
}

.mainlink_izq.link_ingreso a {
    color:white;
    font: 1.9em Arial;
    text-shadow: .05em -.05em .05em rgba(69,69 ,69 , 0.6);
    text-decoration: none;
    font-weight: bold;
    color: white;
}

span.ingreso_fecha {
    font-size: .9em;
    font-weight: normal;
}

span.ingreso_direccion {
    font-size: .6em;
    font-weight: normal;
}

.link_der a {
    color:white;
    font: 1.45em Arial; /*1.75em 03/01/2020*/
    text-decoration: none;
    text-shadow: .05em -.05em .05em rgba(69,69 ,69 , 0.6);
    font-weight: bold;
}

.main-menu-container {
    width: 100%;
    overflow: hidden;
    height: 95px; /*Conviene así??*/
    padding: 1em 0 1em 0;
    color: white;
}
/*version nueva*/
.main-menu-container-n {
    width: 100%;
    overflow: hidden;
    height: 95px;
    padding: 0.75em 0 1em 0;
    color: white;
}

/*version barra transparente*/
.main-menu-container_p {
    width: 100%;
    overflow: hidden;
    height: 131px; /* ten{ia 116px - 03/02/2020 131px cambio de fuente  */
    color: white;
    box-sizing: border-box;
    border-top: #A8A8A8 0.15em solid;
    border-bottom: #6E6E6E 0.25em solid;
    /*margin: 0.1em 0 0.5em;*/
}

/* width to 1000px ----------- */
.main-menu-container_p {
    /* margin: 0.1em 0 1em; */
    margin: 0em 0 1em; /* Para quitar la linea blanca*/
}
/* ----------------------------------- */

.main-menu-container  ul, .main-menu-container-n ul, .main-menu-container_p ul{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    color: white;
    font: 1em Arial;
    list-style:none;
}

.main_menu_container_red {
    width: 100%;
    clear: both;
    overflow: hidden;
    height: 33px;
    color: white;
    vertical-align: middle;
    border-top: #A8A8A8 0.15em solid;
    border-bottom: #6E6E6E 0.25em solid;
    margin: 0em 0em 0em 0em;/*tenía  0.1em 0 0 0*/
}

.main_menu_container_red  ul{
    display: block;
    padding: 0;
    margin: 0 auto; /*centra horizontal pero desacomoda vertical*/
    color: white;
    font: 1em Arial;
    list-style:none;
}


.main-menu-red-tit ul li  {
    /*Títulos de menús reducidos Institucional, Academica, Investigación, etc.*/
    font: bold 1.16em Arial;
    text-align: center;
    padding: 0.5em 0 0 0;
    display: block;
}

.contaniner_int_coronavirus {    
    clear: both;
    height: 70px;
    margin: .3em 0;
}

.contaniner_home_coronavirus {
    clear: both;
    margin-bottom: 0.4em;
    height: 102px;
}

.contaniner_home_coronavirus img:hover,
.contaniner_int_coronavirus img:hover {
    opacity: 0.9;
}

.container_home_ddhh {
    background-color: #F4EAEA;
    padding: 1.1em 1.3em;
    display: flex;
    align-items: center;
    margin: 0.7em 1.5em 1em;
}

.container_home_ddhh p {
    margin: 0;
}

.container_home_ddhh .violencia {
    width: 60%;
    padding-top: 0.2em;
    padding-left: 0.8em;
    border-left: 4px solid #BB6B6B;
    color: #393939;
    font-size: 1.29em;
    line-height: 1.4;
}

.violencia .no-para {
    color: #BB6B6B;
}


.container_home_ddhh .comite {
    color: #393939;
    line-height: 1.65;
    
}

.main-menu-container  a, .main-menu-container-n a, .main-menu-container_p a {
    padding: 0.25em 0em 0.25em 0.25em;
    text-decoration: none;
    color: white;
    /*09/03/18*/
    font-weight: inherit;
}

.main_menu_container_red a {
    /*tiene alineación centrada*/
    padding: 0.25em 0em 0.25em 0em;
    text-decoration: none;
    color: white;
}
/*
.main-menu-container  a:hover,
.main-menu-container  a:visited,
.main-menu-container-n  a:hover,
.main-menu-container-n a:visited,
.main-menu-container_p  a:hover,
.main-menu-container_p a:visited,
.main_menu_container_red a:hover,
.main_menu_container_red  a:visited
{
    color: white;
}*/

.seccion_container_body li{
    margin-bottom: .3em;
    display: block;
}

.seccion_container_body li a {
    color: white;
    font-size: 1.05em;
}

.main-menu-container a:hover, .main_menu_container_red  a:hover, .main-menu-container-n a:hover, .main-menu-container_p a:hover,
.main-menu-container a:focus, .main_menu_container_red  a:focus, .main-menu-container-n a:focus, .main-menu-container_p a:focus {
    text-decoration: underline;
}

.main-menu-tit ul {

    /*Títulos del menú principal con bajada - Institucional, Academica,Investigación,etc.*/
    font: bolder 1.25em Arial;
    text-align: left;
    padding: 0.1em 0 0 0.25em;
}

.title {
    color: white;
}

.texto_menu {
    display:block;
    font: .92em/1.45em Helvetica;
    color: white;
    text-shadow: .17em .17em .17em #000;
    text-align: left;
    background: #35519b;
}
/*barra gris*/
.texto_menu_n {
    display:block;
    font: .92em/1.45em Helvetica;
    color: #7F7F7F;
    /*text-shadow: .17em .17em .17em #000;*/
    font-weight: bolder;
    text-align: left;
    background: #eaeaea;
}

/*barra transparente*/
.texto_menu_p {

    font: .89em/1.45em Helvetica;
    color: #406088;
    /*text-shadow: .17em .17em .17em #000;*/
    font-weight: bolder;
    text-align: left;
}

.fondo {
    height: 9.16em;
    position: relative;
    background-image: url(/img/uns_top_left.png), url(/img/www-uns.png), url(/img/escudo_gris.png);
    background-position: 0 center, 85% center, top right;
    background-repeat: no-repeat;
    margin-right: .75em;
    margin-left: 1.5em;
}

.fondo_red {
    height: 7.91em;
    position: relative;
    background-image: url(/img/uns_top_left.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
    margin-right: .75em;
    margin-left: 1.5em;
}

.fondo span{
    text-decoration: none;
    visibility: hidden;
}

#emergencias {
    display: inline-block;
    /*margin: 0.39em 0 0 2.6em;*/
	/*margin: 0.39em 0 0 1em;*/
	/* margin: 0.39em 0 0 0.85em; */
    /* margin: 0 5em; */
}

.menu_nav_container_p li {
    /* margin: 0 3px; */
}

#lugar {
    overflow:hidden;
    float:left;
    /*width:20%;*/
	width: 18%;
    margin: .39em 0 0 0.5em;
}

.idiomas {
    overflow:hidden;
    float:left;
    margin: .2em 0 0 0;
    padding:0;
    width:28%;
    text-align: right;
}

#idiomas {
    display: inline-block;
    /*margin: 0.39em 0 0 2.6em;*/
	/*margin: 0.39em 0 0 1em;*/
	/*margin: 0.39em 0 0 0.85em;*/

    background: transparent;
    margin: 0.3em 0em 0em 0em;
    width: 18%;
}

#idiomas li {
    color: #406088;
}

#idiomas li.sep-barra {
    margin: 1em;
}

#idiomas a {
    font-weight: normal;
    font-size: 1em;
}

#idiomas .idioma-activo {
    text-decoration: underline;
    font-style: italic;
    padding: 0 0.1em;
}

#idiomas .sep {
    margin: auto -1px;
}

.idiomas ul, .idiomas li  {
    font-size: 0.90em;
}

#menu_iconos {
    overflow:hidden;
    float:right;
    /*width:50%;*/
    margin:0;
    padding: 0.25em .8em 0 0 ;
    text-align:right;
    background: #35519b;
}
/*gris ver nueva*/
#menu_iconos_n {
    overflow:hidden;
    float:right;
    /*width:50%;*/
    margin:0;
    padding: 0.25em .8em 0 0 ;
    text-align:right;
    background: transparent;
}

/*transparente ver nueva*/
#menu_iconos_p {
    overflow:hidden;
    margin:0;
    padding: 0.25em .8em 0 0 ;
    text-align:left;
    background: transparent;

    float:left; 
    margin-left: 0.5em; 
    width: 29%; 
    /* padding-left: 0.2em; */
}

#menu_links_p {
    float:right; 
    margin:0; 
    padding: 0.25em .5em 0 0;
    width: 49%;
    text-align: right;
}

.sep-barra {
    background-image: url(/img/svg/sep.svg);
    padding: 5px 7px 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.sep-texto {
    background-image: url(/img/svg/sep_texto.svg);
    padding: 5px 7px 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

/*opciones generales y sus menús */

/*menú desplegado para cada una de las opciones generales*/
.menu_total {
    overflow:hidden;
    float:left;
    width:100%;
    height:12.91em;
}

#institucional {
    overflow:hidden;
    float:left;
    width:18%;
    height:100%;
    text-align:left;
    background-color: #0B4595;
}

#institucional div {
    background-color: #0B4595;
}

.institucional_menu_total {
    background-color: #a9beda;
}

#institucional_red {
    overflow:hidden;
    float:left;
    width:15%;
    height:100%;
    text-align:center;
    background-color: #0B4595;
}

#institucional_red  div{
    background-color: #0B4595;
}

.institucional_color {
    background-color: #0B4595;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

.c_menu_camino_opc {
    padding: 0 0 0 1em;
    margin: 0 0 0 0;
}

.c_menu_camino_opc ul {
    padding: 0em 0em 0em 0em;
}

.c_menu_camino_opc li {

    display: inline;
    margin-right: 0.2em;
    font-size: .92em;
	color: #575757;
}

.c_menu_camino_opc li:before {
    content: '|'; /* em dash */
    font-size: 1em;
    color: #C0C0C0;
    padding: 0 .4em 0 0;
}

.c_menu_camino_opc  li a {
    text-decoration: none;
    font-weight: bold;
}

.c_menu_camino_opc  li a:link, .c_menu_camino_opc  li a:visited {
    color: #316CA8;
}

.c_menu_camino_opc  li a:hover {
    color: #FF8000;
}

/*-------------------------------------------------------*/

#academicas {
    overflow:hidden;
    float:left;
    width:17%;
    height:100%;
    text-align:left;
    background-color: #0F59bd;
}

#academicas div {
    background-color: #0F59bd;
}

.academicas_menu_total {
    background-color: #abc5e8;
}

#academicas_red{
    overflow:hidden;
    float:left;
    width:16%;
    height:100%;
    text-align:center;
    background-color: #0F59bd;
}

#academicas_red div{
    background-color: #0F59bd;
}

.academicas_color {
    background-color: #0F59bd;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

/*-----------------------------------------------------------*/
#investigacion{
    overflow:hidden;
    float:left;
    width:18.5%;
    height:100%;
    text-align:left;
    background-color: #126feb;
}

#investigacion div {
    background-color: #126feb;
}
.investigacion_menu_total {
    background-color: #acccf8;
}

/*23/03/18 desarrollo */
.investigacion_menu_total  nav ul li a{
    color: darkslategray;	 /*textos de los a en el nav*/

}

#investigacion_red {
    overflow:hidden;
    float:left;
    width:15%;
    height:100%;
    text-align:center;
    background-color: #126feb;
}

#investigacion_red div {
    background-color: #126feb;
}

.investigacion_color {
    background-color: #126feb;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}
/*-----------------------------------------------------------*/

#extension {
    overflow:hidden;
    float:left;
    width:18.5%;
    text-align:left;
    height:100%;
    background-color: #5799f2;
}

#extension div {
    background-color: #5799f2;
}

.extension_menu_total {
    background-color: #c4dbfb;
}

#extension_red {
    overflow:hidden;
    float:left;
    width:14%;
    text-align:center;
    height:100%;
    background-color: #5799f2;
}

#extension_red div {
    background-color: #5799f2;
}

.extension_color {
    background-color:  #5799f2;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}
/*-----------------------------------------------------------*/

#gestion {
    overflow:hidden;
    float:left;
    width:17%;
    text-align:left;
    height:100%;
    background-color: #7EB1F5;
}

#gestion div {
    background-color: #7EB1F5;
}

.gestion_menu_total {
    background-color: #d2e4fc;
}

#gestion_red {
    overflow:hidden;
    float:left;
    width:14%;
    text-align:center;
    height:100%;
    background-color: #7EB1F5;
}

#gestion_red div {
    background-color: #7EB1F5;
}
.gestion_color {
    background-color: #7EB1F5;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}
/*---------------------------------------------------------------*/
#aludoc{
    overflow:hidden;
    float:left;
    width:11%;
    height:100%;
    text-align:center;
    margin: 0 auto;
    background-color: #FF8000;
}


#alumnos, #docentes {

    height: 50%;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    display:table;
}

.alumnos_color {
    background-color: #FF8000;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}

#alumnos_red  {
    overflow:hidden;
    float:left;
    width:13%;
    text-align:center;
    height:100%;
    background-color: #FF8000;
}

#alumnos_red div {
    background-color: #FF8000;
}

#docentes_red {
    overflow:hidden;
    
    
    text-align:center;
    height:100%;
    background-color: #FF952B;
}

#docentes_red div {
    background-color: #FF952B;
}

.docentes_color {
    background-color: #FF952B;
    color: white;
    padding: 0.25em 0.25em 0.25em 0.25em;
}
/*---------------------------------------------*/
.center-vertical {
    display:table-cell;
    vertical-align: middle;
    width:100%;
    text-align:center;
}

.center-vertical ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}

#alumnos div{
    background-color: #FF8000;
}
.alumnos_menu_total {
    background-color: #FFC488;
}
#docentes div{
    background-color: #FF952B;
}
.docentes_menu_total {
    background-color: #FFC488;
}

/* a references de menús totales */

.menu_total ul {
    float:left;
    width: 22.3%;
    list-style-image:url('/img/ic_punto.png');
    margin: 1.1em auto 0.5em 3.6em;
    /**/
    padding-left: 40px;
}

.menu_total ul li {
    display: list-item;
}

/* Ajustes para menú Institucional */
.institucional_menu_total ul {
    margin: 1.1em auto 0.5em 3.6em;
}

/* Ajustes para menú Académicas */
.academicas_menu_total ul {
    width: 25%;
    margin: 1.1em auto 0.5em 2.8em;
}

/* Ajustes para menú Investigación */
/* por aumento de fuente 02/02/2020 de 23% a 24%*/
.investigacion_menu_total ul {
    width: 25%;
    margin: 2.1em auto 0.5em 2.8em;
}

/* Ajustes para menú Extensión */
.extension_menu_total ul {
    width: 26%;
    margin: 1.1em auto 0.5em 2em;
}

/* Ajustes para menú Gestión */
.gestion_menu_total ul {
    margin: 2.1em auto 0.5em 3.6em;
}

/* Ajustes para menú Alumnos */
.alumnos_menu_total ul {
    width: 21%;
    margin: 1.1em 0 0.5em 0;
}

/* Ajustes para menú Docentes */

.docentes_menu_total ul {
    width: 24.8%;
    margin: 2.1em auto 0.5em 3em;
}

.menu_total a {
    padding: 0.25em 0em 0.25em 0.25em;
    text-decoration: none;
    color: darkslategray;
    font-weight: bolder;
}

.menu_total a.activo{
    text-decoration: underline;
}
.menu_total a:hover, menu_total a:visited {
    color: darkslategray;
}

.menu_total a:hover {
    text-decoration: underline;
}

.menu_total a:active {
    color: blue;
}

/*---------------------- menús cortos  y sus bodys en padding, etc.--------------------------*/

#institucional, #institucional_red,
#academicas , #academicas_red ,
#investigacion,  #investigacion_red,
#extension, #extension_red,
#gestion,#gestion_red,
#alumnos_red,#docentes_red,
#aludoc
{
    padding-top: 0.15em;

}

#institucional,
#academicas,
#investigacion,
#extension,
#gestion {
    padding-top: .5em;
}

#institucional_body ,
#academicas_body ,
#investigacion_body,
#extension_body ,
#gestion_body
{
    padding: 1em 0.35em 1em 0.35em;
}
/*************************************************************************/

.data_container {

    padding: 0.25em 0 0em 0;
    overflow:hidden;
    float:left;
    width:100%;
    clear: both;
    background: white;
}
/*ver nueva*/
.data_container_n {
    overflow:hidden;
    float:left;
    width:100%;
    clear: both;
    margin: 0.25em 0 0 0;
}
#noticias{
    overflow:hidden;
    float:left;
    height:35.83em;
    text-align:left;
    line-height: 1.20em;
    width: 60%;
    margin: 0 0 0 1%;
    background-color:#e8e8e8;
}

#noticias_n{
    overflow: hidden;
    float: right;
    text-align: left;
    line-height: 1.20em;
    width: 607.5px;
    margin: 0 0.75em 0 0;
    background-color: #e8e8e8;
}

/* width to 1000px ----------- */
#noticias_n {
    margin: 0 1.5em 0 0;
}
/* ----------------------------------- */

.leyenda_responsable {
    color: black;
    text-align: right;
    font: 1em Arial,san seif;
    padding: 0.3em 0em .15em 0em;
    letter-spacing: 0em;
}

#eventos{
    overflow:hidden;
    float:left;
    height:30.33em;
    width: 35%;
    margin: 0 1% 0 3%;
    text-align: left;
}
/* version nueva eventos a derecha*/
#eventos_n {
    overflow: hidden;
    float: right;
    width: 29.5%;
    margin: 0.75em 0.75em 1.7em 0;
    text-align: left;
}
/* width to 1000px ----------- */
#eventos_n {
    width: 338px;
    margin: 1em 1.5em 1.7em 0;
}
/* ----------------------------------- */
#detalle_eventos{
    overflow:hidden;
    float:left;
    height:23.91em;
    width: 100%;
    margin: 0 0 0 0;
    text-align: left;
}

#div_navegacion_eventos{
    overflow:hidden;
    float:left;
    height:3.33em;
    line-height:3.33em;
    width:100%;
    background-color: #445163;
}

#iconos_links{
    overflow:hidden;
    float:  right;
    text-align:center;
    width: 35%;
    height:7.08em;
    margin: 0 1em 0 0;
}

#iconos_links ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style:none;
}
#iconos_links a{
    display: inline;
    margin: 0;
    padding: 4em 0.1em 2em 0.1em;
    text-decoration: none;
    color: white;
}

#iconos_links a:hover,
#iconos_links a:visited,
#iconos_links a:hover
{
    text-decoration: none;
}
/*gris*/
#iconos_links_n {
    overflow: hidden;
    text-align: center;
    margin: 12px 0 0 0px;
}
#iconos_links_n ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style:none;
}
#iconos_links_n a{
    display: inline;
    margin: 0;
    padding: 0.35em;
    text-decoration: none;
    color: white;
}

#iconos_links_n a:hover,
#iconos_links_n a:visited,
#iconos_links_n a:hover
{
    text-decoration: none;
}
/*nueva LaUNs en imágenes*/
.uns_img{
    overflow:hidden;
    float: left;
    width: 605px;
    margin: 0.75em 0 0 0.75em;
}

/* width to 1000px ----------- */
.uns_img{
    margin: 1em 0 0 1.5em;
}
/* ----------------------------------- */

.slider_imagenes_uns {
    position: absolute;
    width: 605px;
    height: 317px;
}
.main_sectores_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 0.7em;
    margin: 0;
    background-color: #2D62A4;
    border-radius: 3px;
    font: bolder 1.25em Arial;
    color:white;
    text-transform: uppercase;
}

.titulo_derecha {
    font-weight: normal;
    text-transform: none;
    font-size: .85em;
}

.titulo_derecha a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.titulo_derecha a span.yt-icon {
    background-image: url(/img/svg/youtube_white.svg);
    display: inline-block;
    background-size: cover;
    padding: 0.7em;
    margin-right: 0.4em;
}

.titulo_derecha a:focus,
.titulo_derecha a:hover,
.titulo_derecha a:active {
    text-decoration: underline;
}

.btn-prev-img {
    background: url('/img/skitter/arrow-slider-left.png') no-repeat;
    color: white;
    background-color: transparent;
}

.btn-next-img {
    background: url('/img/skitter/arrow-slider-right.png') no-repeat;
    color: white;
    background-color: transparent;
}

.btn-prev-img, .btn-next-img {
    background-position: 0px 0px;
    width: 47px;
    height: 46px;
    display: block;
    position: relative;
    z-index: 4;
    opacity: 1;
}

.btn-prev-img:hover, .btn-next-img:hover {
    cursor: pointer;
    opacity: .9;
}

.btn-prev-img {
    left: 15px;
    top: 125px;
}

.btn-next-img {
    left: 570px;
    top: 78px;
}

/*pie completo*/
.footer-container, .footer-container-ingreso {
    overflow: hidden;
    float:left;
    width:75em;
    height: 13.16em;
    text-align: center;
    background: #FFFFFF;
    padding: 0 0 0 0;
    margin:  0 0 0 0;
    border-top: #999999 0.25em solid;
}

/* width to 1000px ----------- */
.footer-container, .footer-container-ingreso {
    width: 100%;
}
/* ----------------------------------- */
.footer-container-ingreso {
    height: 10.583em;
}

.footer_wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5em;
    display: table;
}

.footer-container img, .footer-container-ingreso img {
    margin: 0;
}

.logo_footer {
    display: table-cell;
    vertical-align: middle;
}

.texto_footer {
    display: table-cell;
    vertical-align: middle;
    font: .92em Arial;
    line-height: 150%;
    width: 48.9em;
}

.bandera_footer {
    display: table-cell;
    vertical-align: middle;
}

.footer-container a, .footer-container-ingreso a {

    color: #333333;
}

.footer-container a, .footer-container-ingreso a,
.footer-container a:visited, .footer-container-ingreso a:visited,
.footer-container a:hover, .footer-container-ingreso a:hover {
    text-decoration: none;
}

.footer-container a:hover, .footer-container-ingreso a:hover {
    text-decoration: underline;
}


/* heads de opciones ppales */
.opciones_head {
    height: 16.66em;  /*reso??*/
    width:100%;
    position: relative;
    background-repeat: no-repeat;
    margin:0 0 0 0 ;
    padding: 0 0 0.25em 0;
    overflow: hidden;
    clear: both;
    background-color: #ABABAD;
}
/* width to 1000px ----------- */
.opciones_head {
    background-size: cover;
}
/* ----------------------------------- */

/*Section y h1 para Items de Secciones de la UNS /encabezados - 26/03/18 */
section.opciones_head {
    height: 16.66em;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0.25em 0;
    overflow: hidden;
    background-color: #ABABAD;
}

h1.titulo_opcion  {
    position: relative;
    overflow: hidden;
    margin: -7.2% 0 0 0;
    z-index: 25;
    padding: .7em .5em .4em .5em;
    width: 30%;
    background: rgba(11, 69, 149, 0.6);
    text-align: center;
    vertical-align: middle;
    color: white;
    font: 2em Arial;
    text-shadow: 0.07em 0.07em 0.05em rgba(69,69 ,69 , 0.6);
    font-weight: bold;
    border-bottom: 0px;
}


/* heads de opciones reducidos */
.opciones_head_red {
    height: 11.33em;
    width:100%;
    position: relative;
    background-repeat: no-repeat;
    margin:0 0 0 0 ;
    padding: 0 0 0.25em 0;
    overflow: hidden;
    clear: both;
    background-color: #ABABAD;
    background-size: cover;
}


#institucional_head {

    /* background-image: url(/img/header_ppal/institucional.jpg);     */
}
#academicas_head {

    /*background-image: url(/img/header_ppal/academicas.jpg);     */
}
#investigacion_head {

    /*background-image: url(/img/header_ppal/investigacion.jpg);     */
}
#extension_head {

    /*background-image: url(/img/header_ppal/extension.jpg);   */
}
#gestion_head {

    /*background-image: url(/img/header_ppal/gestion.jpg);     */
}
#alumnos_head {

    /*background-image: url(/img/header_ppal/alumnos.jpg);     */
}
#docentes_head {

    /*background-image: url(/img/header_ppal/docentes.jpg);   */

}
.opciones_head_red#mapadelsitio {

    background-image: url(/img/header_ppal/mapa_del_sitio_top.jpg);
}

.opciones_head_red#buscar{

    background-image: url(/img/header_ppal/buscar_top.jpg);
}

.opciones_head_red#contactos {

    background-image: url(/img/header_ppal/contactos_top.jpg);
}


.titulo_opcion  {
    position:relative;
    overflow: hidden;
    float: left;
    display: table;
    margin: 15.3% 0 0 0;
    padding: .7em .5em .4em .5em;
    width: 30%;
    /*background-color:#ff952b;
    opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
    /*#ff8000;	*/
    /*background: rgba(11, 69, 149, 0.6);*/
    text-align: center;
    vertical-align: middle;
    color: white;
    font: 2em Arial;
    text-shadow: .07em .07em .05em rgba(69,69 ,69 , 0.6);
    font-weight: bold;
}

/* width to 1000px ----------- */

.titulo_opcion  {
    margin: 0;
    bottom: 5px;
    position: absolute;
}

/* ----------------------------------- */

#institucional_tit , div#institucional_tit  {
    background: rgba(11, 69, 149, 0.6);
}

#academicas_tit , div#academicas_tit  {
    background: rgba(15, 89, 189, 0.6);
}

/*26/03 por h1*/
#investigacion_tit, div#investigacion_tit  {
    background: rgba(18, 111, 235, 0.6);
}

#extension_tit, div#extension_tit  {
    background: rgba( 87,153,242, 0.6);
}
#gestion_tit , div#gestion_tit  {
    background: rgba( 126,177,245, 0.75);
}
#alumnos_tit, div#alumnos_tit  {
    background: rgba( 255,128,0, 0.6);
}
#docentes_tit, div#docentes_tit  {
    background: rgba( 255,149,43, 0.6);
}

/* fin heads opciones*/

/* Estilos Buscador en Página Principal */

.b_buscar {
    background-color: #0B4595;
    border: 0;
    padding: 5px 15px;
    /*padding: .47em 1.33em;*/
    color: white;
    font-size: .92em;
    font-weight: bold;

}

.i_buscar {
    margin: .60em;
    height: 1.25em;
}

.form_buscar {
    margin:1.66em 0 0 2.1em;
    height: 12.5em;
}

/* FIN Estilos Buscador*/

/*Fin Contenidos dinámicos*/

/* ==========================================================================
   Iconos y viÑetas
   ========================================================================== */

.email_bullet {
    padding: 0 0 0 1.35em;
    background-image: url(/img/icons_bullets/email.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.email_bullet_blue {
    padding: 0 0 0 1.85em;
    background-image: url(/img/icons_bullets/contacto_azul.svg);
    background-repeat: no-repeat;
    background-position: 0% 0%;
}
.whatsapp_bullet {
    padding: 0 0 0 1.85em;
    background-image: url(/img/icons_bullets/whatsapp.svg);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: 20px;
}
.facebook_bullet {
    padding: .083em 0 0 1.25em;
    background-image: url(/img/icons_bullets/facebook.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.twitter_bullet {
    padding: 0 0 0 1.33em;
    background-image: url(/img/icons_bullets/twitter.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.world_bullet {
    padding: 0 0 0 1.33em;
    background-image: url(/img/icons_bullets/world.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.download_bullet {
    padding: 1.1em;
    background-image: url(/img/icons_bullets/icon_download.png);
    background-repeat: no-repeat;
    background-position: 50% 45%;
}



ul.lista_contenido, ul.lista_contenido_bullet_1 {
    list-style: none;
}

ul.lista_contenido_bullet_1 li:before {
    color: rgb(10, 69, 149);
    content: "· ";
    font-weight: bold;
}

ul.bullet_2 {
    list-style: none outside url(/img/icons_bullets/bullet_2.png);
}

ul.bullet_3 {
    list-style: none outside url(/img/icons_bullets/bullet_3.png);
}

ul.bullet_4 {
    list-style: none outside url(/img/icons_bullets/bullet_4.png);
}

ul.sin_margen {
    margin-top: 0;
    margin-bottom: 0;
}

ul ul.bullet_2 {
    margin-top: .3em;
    margin-bottom: .9em;
}

ul.espaciado_en_items li, li.espaciado_en_items {
    padding-bottom: 1em;
}
/*para secciones que requieren una fuente más legible*/
.aumentar_font {
    font-size: 1.1em;
}

/* ==========================================================================
   Hipervinculos
   ========================================================================== */

a.link_negro:link, a.link_negro:visited, a.link_negro:active {
    color: #000000;
    text-decoration: none;
}

a.link_negro:hover {
    color: rgb(97, 127, 176);
}


a.link_azulado:link, a.link_azulado:active, a.link_azulado:visited {
    color: rgb(97, 127, 176);
    text-decoration: none;
}

a.link_azulado:hover {
    color: rgb(39, 79, 115);
    text-decoration: underline;
}


a.link_azul_oscuro:link, a.link_azul_oscuro:active, a.link_azul_oscuro:visited {
    color: rgb(69, 116, 190);
    text-decoration: none;
}

a.link_azul_oscuro:hover {
    text-decoration: underline;
}


a.link_gris:link, a.link_gris:visited, a.link_gris:active {
    color: rgb(138, 138, 138);
    text-decoration: none;
}

a.link_gris:hover {
    color: rgb(58, 58, 58);
    text-decoration: underline;
}

a.skip_link {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;

}
a.skip_link:focus {
    position:static;
    width:auto;
    height:auto;
}

/* ==========================================================================
   clases con estilos aislados para uso general y global
   ========================================================================== */

.negrita { font-weight: bold; }
.cursiva { font-style: italic; }
.centrado { text-align: center; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

   
@media only screen and ((max-width: 40em)){

    /* ====================
        INTERMEDIATE: Menu
       ==================== */

    nav a{
        margin: 0 0.1%;
        margin-bottom: 0;
    }


    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

    /* ========================
        INTERMEDIATE: IE Fixes
       ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }

}
@media only screen and (min-width: .083em) {

    /* ====================
        WIDE: CSS3 Effects
       ==================== */

    .header-container,
    .main aside {
        /*   -webkit-box-shadow: 0 5px 10px #aaa;
              -moz-box-shadow: 0 5px 10px #aaa;
                   box-shadow: 0 5px 10px #aaa;*/
    }

    /* ============
        WIDE: Menu
       ============ */

    .title {
        float: left;
    }

    nav {
        float: right;
        width: 100%;
    }

    .wrapper {
        width:75em;
        margin: 0 auto;
    }
    /* width to 1000px ----------- */
    .wrapper {
        width: 1000px;
        margin: 0 auto;
    }
    /* ----------------------------------- */
    /* fin neo*/

    /* ============
        WIDE: Main
       ============ */

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }

}
/* width to 1000px ----------- */
/*
@media only screen and (min-width: 95em) {

    /* ===============
        Maximal Width
       =============== */
/*
    .wrapper {
        width:75em;
        margin: 0 auto;
    }

}*/
/* --------------------------------- */

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -833.25em;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0,0,0,0);
    height: .083em;
    margin: -.083em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .083em;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: .083em solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}