/*
Theme Name: UTEM-julio-2025V2
Theme URI: http://www.utem.cl/
Author: Equipo de Comunicaciones UTEM
Author URI: http://www.utem.cl
Description: Desarrollado para Universidad Tecnologica Metropolitana
Version: 1.0
License:
License URI:
Tags:
*/

@charset "iso-8859-1";

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* --------------------->>> CARGA OTROS CSS <<<-------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

@import url("css/01_colores_utem.css");
@import url("css/02_tipografia_utem.css");
@import url("css/03_formulario_utem.css");
@import url("js/rs/royalslider.css");
@import url("js/rs/skins/default/rs-default.css");

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* -------------------------->>> RESET <<<------------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

a, abbr, acronym, address, applet, article, aside, audio, b, big,
blockquote, body, canvas, caption, center, cite, code, dd, del, details,
dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure,
font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i,
iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav,
object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section,
small, span, strike, strong, sub, summary, sup, table, tbody, td,
tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; font-size: 100%; margin: 0; padding: 0; }
html, body { height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section { display: block; } /* IE8 e inferiores requieren SHIV */

b, strong         { font-weight: bold; }
img               { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; /* Para IE*/ }
ol, ul            { list-style: none; }
li                { display: list-item; } /* Pata IF3 6 y 7 */
table             { border-collapse: collapse; border-spacing: 0; }
th, td, caption   { font-weight: normal; text-align: left; vertical-align: top; }
q                 { quotes: none; }
q:before, q:after { content: ""; content: none; }
sub, sup, small   { font-size: 75%; }
sub, sup          { line-height: 0; position: relative; vertical-align: baseline; }
sub               { bottom: -0.25em; }
sup               { top: -0.5em; }
svg               { overflow: hidden; } /* Para IE9 */
a                 { text-decoration: none; }
xmp               { list-style: none; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ----------------------->>> CUADRICULA <<<----------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ================================================================ */
/* ----------------------->>> AYUDANTES <<<------------------------ */
/* ================================================================ */

.espacio-vinf               { margin-bottom: 40px; }
.espacio-vsup               { margin-top: 40px; }
.limpiar                    { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.posicion-relativa-cabecera { height: 150px; position: relative; }
.bg-blanco                  { background-color: #FFF; }
.linea-inf-oscura           { border-bottom: solid 1px #000; }
.borde-sup-crpvo-ppag       { border-top: solid 1px #353535; display: none; padding: 30px 0; }

/* ================================================================ */
/* ------------------------->>> CAJAS <<<-------------------------- */
/* ================================================================ */

.envoltura    { width: 100%; }
.envoltura-16 { margin-left: auto; margin-right: auto; width: 1280px; }

/* ================================================================ */
/* ------------------------>>> COLUMNAS <<<------------------------ */
/* ================================================================ */

.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12,
.col-13, .col-14, .col-15, .col-16 { display: inline; float: left; margin-left: 20px; margin-right: 20px; }

.col-1  { width: 40px; }   .col-2  { width: 120px; }  .col-3  { width: 200px; }  .col-4  { width: 280px; }
.col-5  { width: 360px; }  .col-6  { width: 440px; }  .col-7  { width: 520px; }  .col-8  { width: 600px; }
.col-9  { width: 680px; }  .col-10 { width: 760px; }  .col-11 { width: 840px; }  .col-12 { width: 920px; }
.col-13 { width: 1000px; } .col-14 { width: 1080px; } .col-15 { width: 1160px; } .col-16 { width: 1240px; }

.col-4-pie { display: inline-block; padding: 0 20px; vertical-align: top; width: 25%; }
.col-5-16  { float: left; width: 31.25%; }
.col-11-16 { float: left; width: 68.75%; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------------>>> BLOQUES <<<------------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body { background-color: #E6E6E6; height: 100%; }

/* ================================================================ */
/* ---------------------->>> PERMANENTES <<<----------------------- */
/* ================================================================ */

/* -- CABECERA ---------------------------------------------------- */
/* ================================================================ */

#cabecera { height: 150px; position: relative; }

/* -- Menu Perfiles Escritorio ------------------------------------ */
/* ---------------------------------------------------------------- */

nav#nav-perfiles                 { bottom: 20px; position: absolute; right: 20px; width: auto; }
#nav-perfiles ul li              { display: inline-block; }
#nav-perfiles ul li a            { border-right: 1px solid #999; display: block; padding: 0 10px; }
#nav-perfiles ul li:last-child a { border-right: none; padding: 0 0 0 10px; }

/* -- Menu Perfiles Responsivo ------------------------------------ */
/* ---------------------------------------------------------------- */

div#perfiles-rsp { border-top-style: solid; border-top-width: 1px; display: none; float: left; width: 100%; }

#perfiles-rsp h5 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	display: block;
	float: left;
	height: 41px;
	padding: 0 20px;
	width: 100%;
}

#perfiles-rsp ul { border-top-style: solid; border-top-width: 1px; float: left; width: 100%; }

#perfiles-rsp ul li {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	display: block;
	float: left;
	height: 41px;
	width: 50%;
}

#perfiles-rsp ul li:nth-child(odd)  { border-left: none; border-right: none; }
#perfiles-rsp ul li:nth-child(even) { border-right: none; }
#perfiles-rsp ul li a               { float: left; padding: 0 20px; width: 100%; }

/* -- Buscador Escritorio ----------------------------------------- */
/* ---------------------------------------------------------------- */

div#buscador           { position: absolute; right: 20px; top: 50px; width: 300px; }
#form-buscador         { height: 40px; overflow: hidden; width: 300px; }
#form-buscador #s,
#form-buscador #buscar { float: left; }
#form-buscador #s      { border: none; border-radius: 0; height: 40px; padding: 5px 10px; width: 250px; }
#form-buscador #buscar { border: none; cursor: pointer; height: 40px; margin: 0; padding: 0; width: 50px; }
#form-buscador #buscar:active        { outline: none; }
#searchform #buscar:-moz-focus-inner { border: 0; }
#form-buscador #s       { background-color: #F1F1F1; } /* fondo gris claro */
#form-buscador #s:focus { background-color: #E9E9E9; } /* fondo gris oscuro */
#form-buscador #buscar  { background-color: #CCC; } /* fondo gris oscuro */

/* -- Buscador Responsivo ----------------------------------------- */
/* ---------------------------------------------------------------- */

div#buscador-rsp {
	border-bottom-style: solid;
	border-bottom-widht: 1px;
	border-top-style: solid;
	border-top-widht: 1px;
	display: none;
	float: left;
	height: 60px;
	padding: 10px 20px;
	width: 100%;
}

#form-buscador-rsp          { float: right; height: 40px; overflow: hidden; width: auto; }
#form-buscador-rsp #s2, 
#form-buscador-rsp #buscar2 { float: left; }

#form-buscador-rsp #s2 {
	border-bottom: none;
	border-left: none;
	border-right-style: solid;
	border-right-width: 1px !important;
	border-top: none;
	height: 40px;
	padding: 5px 10px;
	width: 169px;
}

#form-buscador-rsp #buscar2                  { border: none; cursor: pointer; height: 40px; margin: 0; padding: 0; width: 60px; }
#form-buscador-rsp #buscar2:active           { outline: none; }
#form-buscador-rsp #buscar2:-moz-focus-inner { border: 0; }

/* -- MENU PRINCIPAL ---------------------------------------------- */
/* ================================================================ */

section#menu-principal-escritorio { float: left; }
nav#nav-escritorio                { padding: 0; }
section#menu-principal-rsp        { display: none; }

/* -- Escritorio -------------------------------------------------- */
/* ---------------------------------------------------------------- */

#nav-escritorio ul#menu-escritorio { float: left; padding: 0; }
#menu-escritorio li                { float: left; position: relative; width: auto; }
#menu-escritorio li:hover          { background-color: #FFF; }

#menu-escritorio li a {
	border-right-style: solid;
	border-right-width: 1px;
	display: block;
	float: left;
	height: 60px;
	padding: 0 8px;
	width: auto;
}

#menu-escritorio li:last-child a { border-right: none; }

#menu-escritorio li ul {
	background-color: #FFF;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 60px;
	width: 300px;
	z-index: 90;
}

#menu-escritorio li:last-child ul { left: auto; right: 0; }
#menu-escritorio li:hover > ul    { opacity: 1; }
#menu-escritorio li ul li         { height: 0; overflow: hidden; padding: 0; }
#menu-escritorio li:hover > ul li { height: auto; overflow: visible; padding: 0; }

#menu-escritorio li ul li a {
	border: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 20px;
	width: 300px;
}

#menu-escritorio li ul li:last-child a { border: none; }
#menu-escritorio li ul li a:hover      { border-bottom-style: solid; border-bottom-width: 1px; }

/* -- Responsivo -------------------------------------------------- */
/* ---------------------------------------------------------------- */

header#top-acordeon-rsp { display: block; height: 60px; padding: 10px 20px; position: relative; }

button.navbar-toggle {
	border: none;
	cursor: pointer;
	cursor: hand;
	float: right;
	padding: 10px;
	position: relative;
}

.navbar-toggle:focus { outline: none; }

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 13px;
	width: 1px;
}

.icon-bar               { background-color: #FFF; border-radius: 1px; display: block; height: 4px; }
.icon-bar:nth-child(2)  { width: 35px; }
.icon-bar:nth-child(3)  { width: 40px; }
.icon-bar:nth-child(4)  { width: 30px; }
.icon-bar + .icon-bar   { margin-top: 4px; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
.collapse               { display: none; }
.collapse.in            { display: block; }

.collapsing {
	height: 0;
	overflow: hidden;
	position: relative;
	-webkit-transition: height .35s ease;
	   -moz-transition: height .35s ease;
	    -ms-transition: height .35s ease;
	     -o-transition: height .35s ease;
	        transition: height .35s ease;
}

nav#nav-rsp ul                     { width: 100%; }
#nav-rsp ul li.nivel-01            { border-top-style: solid; border-top-width: 1px; float: left; position: relative; width: 100%; }
#nav-rsp ul li.nivel-01:last-child { border-bottom-style: solid; border-bottom-width: 1px; }
#nav-rsp ul li ul li               { background-color: #EFEFEF; border-top: solid 1px #FFF; }
li.nivel-01 a.nodesplegable,
#nav-rsp ul li ul li a             { display: block; min-height: 40px; padding: 12px 100px 12px 20px; width: 100%; }
#nav-rsp ul li ul li a:hover       { background-color: #FFF; }

.toggle {
	background: url(images/00_comunes/00_portales/flecha_toggle.png) no-repeat center center;
	border: 1px solid transparent;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 60px;
}

.toggle:focus { outline: none; }
.toggle:hover,
.toggle:focus { cursor: pointer; }
.toggle a     { display: block; height: 40px; width: 100%; }

/* -- CORPORATIVO ------------------------------------------------- */
/* ================================================================ */

#corporativo-pie-pagina { background-color: #191919; border-top: solid 1px #353535; float: left; padding: 40px 0 0 0; width: 100%; }

/* -- Gobierno de Chile Top Escritorio ---------------------------- */
/* ---------------------------------------------------------------- */

#top-gob-escritorio {
	background-color: #EE4143;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 120px;
}

#top-gob-escritorio .azul { background-color: #006CB7; float: left; height: 15px; width: 55px; }

/* -- Gobierno de Chile Top Reponsivo ----------------------------- */
/* ---------------------------------------------------------------- */

#top-gob-rsp {
	background-color: #EE4143;
	display: none;
	height: 5px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 80px;
}

#top-gob-rsp .azul { background-color: #006CB7; float: left; height: 5px; width: 36px; }

/* -- Gobierno de Chile Pie Escritorio ---------------------------- */
/* ---------------------------------------------------------------- */

.gob-pie { bottom: 0; height: 120px; position: absolute; right: 20px; width: 120px; }

/* -- Gobierno de Chile Pie Responsivo ---------------------------- */
/* ---------------------------------------------------------------- */

.gob-pie-rsp { float: right; width: 80px; }

/* -- UTEM Top ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

#cabecera #utem-logo                { float: left; height: 70px; margin-left: 20px; margin-top: 40px; width: 300px; }
#cabecera #utem-logo a              { display: block; float: left; height: 100%; width: 100%; }
#cabecera #utem-logo h1             { left: -10000px; position: absolute; }
#top-acordeon-rsp #utem-logo-rsp    { display: none; float: left; height: 40px; visibility: hidden; width: 140px; }
#top-acordeon-rsp #utem-logo-rsp a  { display: block; float: left; height: 100%; width: 100%; }
#top-acordeon-rsp #utem-logo-rsp h1 { left: -10000px; position: absolute; }

/* -- Variante Portal Admision ------------------------------------ */

.clr-adm #cabecera #utem-logo                { float: left; height: 70px; margin-left: 20px; margin-top: 40px; width: 460px; }
.clr-adm #cabecera #utem-logo #utem-logo a   { display: block; float: left; height: 100%; width: 100%; }
.clr-adm #cabecera #utem-logo h1             { left: -10000px; position: absolute; }

.clr-adm #top-acordeon-rsp #utem-logo-rsp    { display: none; float: left; height: 40px; visibility: hidden; width: 140px; }
.clr-adm #top-acordeon-rsp #utem-logo-rsp a  { display: block; float: left; height: 100%; width: 100%; }
.clr-adm #top-acordeon-rsp #utem-logo-rsp h1 { left: -10000px; position: absolute; }

/* -- UTEM Pie ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.contenedor-redes .acreditacion { display: inline-block; float: right; height: 36px; }

/* -- REDES ------------------------------------------------------- */
/* ================================================================ */

#redes                   { background-color: #191919; border-bottom: solid 1px #000; }
#redes .contenedor-redes { min-height: 80px; padding: 22px 20px; position: relative; vertical-align: middle !important; }
nav.menu-redes ul        { display: inline-block; float: left; height: 36px; width: auto; }
nav.menu-redes ul li h2  { float: left; margin-right: 20px; }

nav.menu-redes ul li ul li {
	float: left;
	margin-right: 10px;
	-webkit-transition: background-color .2s ease-in-out;
	   -moz-transition: background-color .2s ease-in-out;
	    -ms-transition: background-color .2s ease-in-out;
	     -o-transition: background-color .2s ease-in-out;
	        transition: background-color .2s ease-in-out;
}

nav.menu-redes ul li ul li:hover      { background-color: #292929; }
nav.menu-redes ul li ul li:last-child { margin-right: 0; }

/* -- PIE DE PAGINA ----------------------------------------------- */
/* ================================================================ */

#pie-pagina         { background-color: #252525; border-top: solid 1px #353535; padding: 40px 0 0 0; }
div#menu-pie-pagina { padding-bottom: 40px; }

#corporativo-pie-pagina .contenedor-crpvo-pie-pagina {
	display: table;
	height: 120px;
	padding: 0 20px 40px 20px;
	position: relative;
}

.cabecera-nav-pie-pagina    { height: 35px; }
.cabecera-nav-pie-pagina h3 { float: left; height: 18px; width: 100%; }
.meta-autor                 { display: table-cell; margin: 0 auto; vertical-align: middle; }
.meta-autor .cp             { margin-top: 10px; }

/* -- Menu pie de pagina ------------------------------------------ */
/* ---------------------------------------------------------------- */

div#menu-pie-pagina ul { display: table; float: left; width: 100%; }
nav.nav-pie-pagina     { float: left; width: 100%; }
.borde-menu-pie-pagina { border-left: dotted 1px #666; float: left; padding-left: 15px; width: 100%; }
.nav-pie-pagina ul     { display: block; float: left; width: 100%; }
.nav-pie-pagina ul li  { display: block; float: left; margin-bottom: 10px; width: 100%; }
.nav-pie-pagina ul li:last-child { margin-bottom: 0; }

/* -- Intranet ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

div#intranet              { float: left; margin-top: 5px; width: 100%; }
#form-intranet            { float: left; overflow: hidden; width: 100%; }
#form-intranet .campo     { float: left; margin-bottom: 10px; width: 100%; }
#form-intranet .campo-alt { float: left; width: 100%; }

#form-intranet .campo #usuario, #form-intranet .campo #clave {
	background: #191919;
	border: none;
	display: block; 
	float: left;
	height: 30px;
	padding: 5px 10px;
	width: 100%;
}

#usuario:focus, #clave:focus { background-color: #000; }

#entrar {
	background-color: #191919;
	border: solid 0px #000;
	cursor: pointer;
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#entrar:hover            { background-color: #000; } 
#entrar:active           { background-color: #000; outline: none; }
#entrar:-moz-focus-inner { border: 0; }

/* -- SUBIR ------------------------------------------------------- */
/* ================================================================ */

#subir-fantasma span {
	background: url(images/00_comunes/00_portales/scroll_top.png) no-repeat left top;
	bottom: 40px;
	display: block;
	height: 40px;
	position: fixed;
	left: 40px;
	width: 40px;
	z-index: 100;
}

/* ================================================================ */
/* ------------------------->>> PORTAL <<<------------------------- */
/* ================================================================ */

/* -- NAVEGACION SECCIONES ---------------------------------------- */
/* ================================================================ */

.cabecera-secciones-home {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	height: 60px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}

.cabecera-secciones-home h2 {
	float: left;
	left: 0;
	min-width: 200px;
	padding-bottom: 20px;
	position: absolute;
	top: 0;
	z-index: 30;
}

#noticias .crsl-nav .izq,
#noticias .crsl-nav .der {
	float: left;
	height: 40px;
	margin-right: 5px;
	width: 40px;
	-webkit-transition: background-color 0.2s ease;
	   -moz-transition: background-color 0.2s ease;
	    -ms-transition: background-color 0.2s ease;
	     -o-transition: background-color 0.2s ease;
	        transition: background-color 0.2s ease;
}

#noticias .crsl-nav .izq a,
#noticias .crsl-nav .der a { display: block; float: left; height: 40px; width: 40px; }
#noticias .crsl-nav .izq   { background: url(images/00_comunes/00_portales/flecha_carrusel_retro.png) no-repeat center center; }
#noticias .crsl-nav .der   { background: url(images/00_comunes/00_portales/flecha_carrusel_av.png) no-repeat center center; }

.ver-mas {
	float: right;
	height: 40px;
	-webkit-transition: background-color 0.2s ease;
	   -moz-transition: background-color 0.2s ease;
	    -ms-transition: background-color 0.2s ease;
	     -o-transition: background-color 0.2s ease;
	        transition: background-color 0.2s ease;
}

.ver-mas a {
	display: block;
	float: left;
	height: 40px;
	padding: 0 10px;
	width: auto;
}

.cabecera-seccion-atajos {
	border-bottom: solid 1px #ABABAB;
	float: left;
	height: 60px;
	margin-bottom: 40px;
	position: relative;
	width: 100%;
}

.cabecera-seccion-atajos h2 {
	float: left;
	left: 0;
	min-width: 200px;
	padding-bottom: 20px;
	position: absolute;
	top: 0;
	z-index: 30;
}

/* -- NOTICIAS ---------------------------------------------------- */
/* ================================================================ */

main { background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; padding: 20px 0; }

#noticias .crsl-nav {
	display: inline;
	float: right;
	height: 40px;
	margin-bottom: 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 40;
}

.contenedor-noticias { float: left; width: 100%; }
ul.crsl-wrap         { display: block; float: left; margin: 0; padding: 0; }
li.crsl-item         { display: inline; float: left; }

.crsl-item article.noticia {
	background-color: #FFF;
	float: left;
	width: 100%;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
}

.crsl-item:hover article.noticia { background-color: #EFEFEF; }

.noticia figure {
	background-color: #000;
	display: block;
	height: 170px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.noticia figure img { height: 170px; width: auto; }
.noticia header     { margin: 20px; }

.crsl-item .noticia figure img {
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE8 y - */ 
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	    -ms-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
}

.noticia header time { display: inline-block; margin: 0 0 15px 0; width: 100%; }

.crsl-item .noticia a:hover figure img {
	opacity: 1;
	filter: alpha(opacity=100); /* IE8 y - */
}

.crsl-item a { display: block; float: left; height: 100%; width: 100%; }

/* -- EVENTOS ----------------------------------------------------- */
/* ================================================================ */

#eventos-agenda              { float: left; width: 100%; }
div.contenedor-rss-agenda    { float: left; height: 300px; overflow-y: scroll; width: 100%; }
ul.lista-rss-agenda          { float: left; padding-right: 20px; width: 100%; }
li.item-rss-agenda           { border-bottom: solid 1px #099; float: left; padding: 15px 0; width: 100%; }
.item-rss-agenda:first-child { padding: 0 0 15px 0; }
div.info-rss-agenda          { float: left; width: 100%; }
div.fecha-rss-agenda         { float: left; width: 20%; }
div.dia-rss-agenda           { background-color: #099; float: left; padding: 5px; width: 100%; }
div.mes-rss-agenda           { background-color: #007070; float: left; padding: 10px 5px; width: 100%; }
div.titulo-rss-agenda        { float: left; padding: 0 20px; width: 80%; }
.item-rss-agenda div.titulo-rss-agenda h1 { float: left; padding-top: 5px; width: 100%; }

/* -- VIDEOS ------------------------------------------------------ */
/* ================================================================ */

#av { background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; padding: 20px 0; }
#video-destacado ul li  { padding-right: 20px; }
#video-secundario ul li { padding-left: 20px; }

#video-destacado article,
#video-secundario ul li article {
	background-color: #FFF;
	float: left;
	position: relative;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	width: 100%;
}

#video-destacado article:hover,
#video-secundario ul li article:hover { background-color: #EFEFEF; }
#video-destacado article a,
#video-secundario ul li article a     { float: left; height: 100%; width: 100%; }

#video-destacado ul li article figure,
#video-secundario ul li article figure {
	height: 170px;
	overflow: hidden;
	position: relative;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
}

#video-destacado ul li article a figure img,
#video-secundario ul li article a figure img { height: auto; width: 135%; }

#video-destacado article figure .play,
#video-secundario ul li article figure .play {
	background: url(images/00_comunes/00_portales/play.png) no-repeat center center;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	width: 100%;
}

#video-destacado article a:hover figure .play,
#video-secundario ul li article a:hover figure .play { opacity: 1; filter: alpha(opacity=100); }
#video-secundario ul li             { float: left; width: 33.33333%; }
#video-destacado article header h1,
#video-secundario article header h1 { padding: 20px; }

/* -- ATAJOS ------------------------------------------------------ */
/* ================================================================ */

section#atajos-portal {}
#atajos-portal ul li   { display: inline-block; padding: 0 10px; vertical-align: top; width: 16.66666%; }
#atajos-portal ul li a { height: 100%; width: 100%; }
#atajos-portal ul li article                { position: relative; }
#atajos-portal ul li article a:hover figure { background-color: #FFF; padding: 0%; }

#atajos-portal ul li figure {
	background-color: #FFF;
	border-radius: 500px;
	overflow: hidden;
	padding: 4%;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
}
	
#atajos-portal ul li figure img { border-radius: 500px; width: 100%; }
#atajos-portal ul li header     { background: url(images/00_comunes/00_portales/flecha_atajos.png) no-repeat center top; }

#atajos-portal ul li header {
	margin-top: 15px;
	padding: 15px 0 0 0;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}

/* -- OTROS MENUS ------------------------------------------------- */
/* ================================================================ */

#accesos                        { padding: 40px 0; }
.otros-accesos                  { float: left; padding: 0 20px; width: 33.3333%; }
.otros-accesos h3               { border-bottom-style: solid; border-bottom-width: 1px; padding: 0 0 10px 0; }
.otros-accesos ul               { float: left; margin: 20px 0 0 0; width: 100%; }
.otros-accesos ul li            { border-bottom: solid 1px #E6E6E6; float: left; width: 100%; }
.otros-accesos ul li:last-child { border-bottom: none;}
.otros-accesos ul li a          { display: block; padding: 8px 0; }

/* -- TRANSPARENCIA ----------------------------------------------- */
/* ================================================================ */

#transparencia-utem                    { background-color: #E6E6E6; padding: 40px 0; }
.header-transparencia                  { float: left; padding: 0 20px; width: 25%; }
#transparencia-utem ul                 { float: left; width: 75%; }
#transparencia-utem ul li              { display: inline-block; margin-bottom: 20px; padding: 0 20px; width: 33.33333%; }
#transparencia-utem ul li:nth-child(4),
#transparencia-utem ul li:nth-child(5) { margin-bottom: 0; }
#transparencia-utem ul li a            { background-color: #F2F2F2; display: block; }
#transparencia-utem ul li a:hover      { background-color: #FFF; }
#transparencia-utem ul li a img        { height: auto; width: 100%; }

/* -- SELLOS DESTACADOS ------------------------------------------- */
/* ================================================================ */

#sellos-destacados                  { background-color: #FFFFFF; padding: 40px 0; }
#sellos-destacados .acred2021       { float: left; padding: 0 20px; width: auto; }
#sellos-destacados .acred2021 a img { height: 200px; }
#sellos-destacados .estsust         { float: right; padding: 0 20px; width: auto; }
#sellos-destacados .estsust a img   { height: 200px; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ---------------------->>> DIAPOSITIVA <<<----------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

#robapagina        { width: 71.875%; height: auto; float: left; }
#full-width-slider { width: 100%; }
.rsContent         { display: block; float: left; }

.infoBlock {
	background: #FFF;
	background: rgba(255, 255, 255, 0.9);
	bottom: 10%;
	float: left;
	height: auto;
	left: 8%;
	max-width: 80%;
	overflow: hidden;
	position: absolute;
	right: auto;
	top: auto;
}

.infoBlock h1   { display: block; float: left; height: auto; margin: 0; width: 100%; }
.infoBlock h1 a { display: block; float: left; padding: 20px; }

.infoBlock h1 a .more {
	border-radius: 2px;
	display: block;
	height: 36px;
	margin-top: 15px;
	padding: 8px;
	-webkit-transition: background-color .2s ease-in-out;
	   -moz-transition: background-color .2s ease-in-out;
	    -ms-transition: background-color .2s ease-in-out;
	     -o-transition: background-color .2s ease-in-out;
	        transition: background-color .2s ease-in-out;
	width: 100px;
}

/* -- BANNER SLIDER ----------------------------------------------- */
/* ================================================================ */

#contenedor-banner-slider            { float: left; padding-left: 40px; width: 28.125%; }
ul#banner-slider                     { float: left; width: 100%; }
ul#banner-slider li, ul#banner-slider li article,
ul#banner-slider li article figure   { float: left; width: 100%; }
ul#banner-slider li                  { height: 213px; }
ul#banner-slider li:first-child      { margin-bottom: 21px; }
ul#banner-slider li article          { background-color: #FFF; }
#banner-slider li article figure     { height: 135px; overflow: hidden; width: 100%; }
#banner-slider li article figure img { height: auto; width: 100%; }

#banner-slider li article a header {
 background-color: #FFF;
 float: left;
 height: 78px;
 padding: 10px;
 -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
      -o-transition: background-color .2s ease-in-out;
         transition: background-color .2s ease-in-out;
 width: 100%;
}

#banner-slider li article a:hover header {
 background-color: #F60;
 -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
      -o-transition: background-color .2s ease-in-out;
         transition: background-color .2s ease-in-out;
}

#banner-slider li article a header h1 {
 color: #444;
 font-family: 'OpenSans-Semibold', Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 16px;
 text-align: center;
 -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
     -ms-transition: color .2s ease-in-out;
      -o-transition: color .2s ease-in-out;
         transition: color .2s ease-in-out;
}

#banner-slider li article a:hover header h1 {
 color: #FFF;
 -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
     -ms-transition: color .2s ease-in-out;
      -o-transition: color .2s ease-in-out;
         transition: color .2s ease-in-out;
}

/* -- VARIANTE PORTAL ADMISION ------------------------------------ */
/* ================================================================ */

/* #altura-pantalla     { border-bottom-style: solid; border-bottom-width: 5px; height: 100%; position: relative; width: 100%; }
.zindexador          { position: relative; z-index: 100 !important; }
.clr-adm #robapagina { height: 100%; padding-top: 210px; position: absolute; top: 0; width: 100%; }
.clr-adm .heroSlider .rsOverflow, .clr-adm .royalSlider.heroSlider { height: 100% !important; } */

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------------>>> PORTALES <<<------------------------ */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

/* ================================================================ */
/* ------------------->>> PORTAL FACULTADES <<<-------------------- */
/* ================================================================ */

.facultad                { background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; padding: 20px 0; }
.nav-fac ul              { float: left; width: 100%; }
.nav-fac ul li           { display: inline-block; padding: 10px; vertical-align: top; width: 25%; }
.nav-fac ul li article   { width: 100%; }
.nav-fac ul li article a { height: 100%; width: 100%; }

.nav-fac ul li article figure {
	background-color: #ABABAB;
	border-radius: 500px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	width: 60%;
}

.nav-fac ul li article figure img { border-radius: 500px; width: 100%; }
.nav-fac ul li article h1         { width: 100%; }
.av-pres-fac ul li                { float: left; width: 100%; }

.av-pres-fac ul li article {
	float: left;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	width: 100%;
}

.av-pres-fac ul li article:hover  { background-color: #FFF; }
.av-pres-fac ul li article a      { display: block; float: left; height: 100%; padding: 30px; width: 100%; }
.av-pres-fac ul li article figure { float: left; position: relative; width: 100%; }

.av-pres-fac ul li article figure .play {
	background: url(images/00_comunes/00_portales/play.png) no-repeat center center;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	opacity: 0.7;
	filter: alpha(opacity=50);
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	width: 100%;
}

.av-pres-fac ul li article a:hover figure .play { opacity: 1; filter: alpha(opacity=100); }
.av-pres-fac ul li article figure img           { float: left; height: auto; width: 100%; }
.av-pres-fac ul li article header               { float: left; padding-top: 20px; width: 100%; }
.av-pres-fac ul li article header h1            { width: 100%; }

/* ================================================================ */
/* -------------->>> PORTAL FACULTADES 2 COLUMNAS <<<-------------- */
/* ================================================================ */

.menu-portal-2                             { background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; padding: 20px 0; }
.facultad-2 section                        { float: left; padding: 0 30px; width: 50%; }
.facultad-2 section .portada-f2            { float: left; padding-right: 20px; width: 35%; }
.facultad-2 section .portada-f2 figure     { border-radius: 500px; overflow: hidden; width: 90%; }
.facultad-2 section .portada-f2 figure img { border-radius: 500px; width: 100%; }
.facultad-2 section nav                    { float: left; width: 65%; }
.facultad-2 section h2                     { margin: 40px 0 0 0; padding: 10px 20px; width: 100%; }

.facultad-2 section ul {
	float: left;
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 25px;
	padding-left: 20px;
	width: 100%;
}

.facultad-2 section ul li            { padding: 5px 0 5px 5px; }
.facultad-2 section ul li:last-child { border-bottom: none; }

/* ================================================================ */
/* -------------->>> PORTAL FACULTADES 3 COLUMNAS <<<-------------- */
/* ================================================================ */

.menu-portal-3                             { background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; padding: 20px 0; }
.facultad-3 section                        { display: inline-block; padding: 20px; vertical-align: top; width: 33.33333%; }
.facultad-3 section .portada-f3            { float: left; width: 100%; }
.facultad-3 section .portada-f3 figure     { border-radius: 500px; margin: 0 auto; overflow: hidden; width: 45%; }
.facultad-3 section .portada-f3 figure img { border-radius: 500px; width: 100%; }
.facultad-3 section nav                    { float: left; width: 100%; }
.facultad-3 section h2                     { margin: 30px 0 0 0; padding: 10px; width: auto; }
.facultad-3 section h2.mas-informate       { background-color: #F60; }
.facultad-3 section h3                     { float: left; margin: 20px 0 0 0; padding: 0 0 10px 0; width: 100%; border-bottom: solid 1px #099; }

.facultad-3 section ul {
	float: left;
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 10px;
	padding-left: 20px;
	width: 100%;
}

.facultad-3 section ul li            { padding: 5px 0 5px 5px; }
.facultad-3 section ul li:last-child { border-bottom: none; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* -------------------->>> RETICULA PRENSA <<<--------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

/* ================================================================ */
/* ------------------------->>> GRILLA <<<------------------------- */
/* ================================================================ */

.envoltura-prensa { float: left; width: 100%; }
.prensa           { background-color: #FFF; margin-left: auto; margin-right: auto; padding: 20px 0; width: 1280px; }
.prensa-col-01    { width: 8.33333%; }  .prensa-col-02 { width: 16.66666%; } .prensa-col-03 { width: 25%; }       .prensa-col-04 { width: 33.33333%; }
.prensa-col-05    { width: 41.66666%; } .prensa-col-06 { width: 50%; }       .prensa-col-07 { width: 58.33333%; } .prensa-col-08 { width: 66.66666%; }
.prensa-col-09    { width: 75%; }       .prensa-col-10 { width: 83.33333%; } .prensa-col-11 { width: 91.66666%; } .prensa-col-12 { width: 100%; }
.prensa-col-01, .prensa-col-02, .prensa-col-03, .prensa-col-04, .prensa-col-05, .prensa-col-06, .prensa-col-07,
.prensa-col-08, .prensa-col-09, .prensa-col-10, .prensa-col-11, .prensa-col-12 { float: left; }
.p-principal      { float: left; width: 62.5%; } .p-secundaria { float: left; width: 37.5%; }
.p-terciaria      { float: left; width: 100%; }  .p-otros      { float: left; width: 100%; }

/* ================================================================ */
/* ------------------>>> NAVEGACION ARTICULOS <<<------------------ */
/* ================================================================ */

.nav-prensa                          { border-bottom: solid 1px #DEDEDE; border-top: solid 1px #DEDEDE; float: left; margin-bottom: 20px; padding: 10px 0; width: 100%; }
.nav-prensa h4                       { display: inline; float: left; margin-right: 15px; width: auto; }
.nav-prensa h4 a                     { background: url(images/03_img_com/flecha_menu_aleatorio.png) no-repeat right center; padding-right: 15px; }
.nav-prensa-menu                     { display: inline; float: right; width: auto; }
.nav-prensa-menu li                  { float: left; padding: 0 10px; }
.nav-prensa-menu li:last-child       { padding: 0 0 0 10px; }
.nav-prensa-menu li a.previous,
.nav-prensa-menu li a.next           { border: solid 1px #DEDEDE; float: left; height: 16px; width: 16px; }
.nav-prensa-menu li a.next           { background: url(images/03_img_com/fma_av.png) no-repeat center center; }
.nav-prensa-menu li a.previous       { background: url(images/03_img_com/fma_re.png) no-repeat center center; }
.nav-prensa-menu li a.next:hover     { background: url(images/03_img_com/fma_av_on.png) no-repeat center center; }
.nav-prensa-menu li a.previous:hover { background: url(images/03_img_com/fma_re_on.png) no-repeat center center; }
.nav-columnistas                     { border-bottom: solid 1px #DEDEDE; border-top: solid 1px #DEDEDE; float: left; margin-bottom: 20px; padding: 10px 0; width: 100%; }
.nav-columnistas h4                  { display: inline; float: left; margin-right: 15px; width: auto; }
.nav-columnistas h4 a                { background: url(images/03_img_com/flecha_menu_aleatorio.png) no-repeat right center; padding-right: 15px; }
.nav-columnistas-menu                { display: inline; float: right; width: auto; }
.nav-columnistas-menu li             { float: left; padding: 0 10px; }
.nav-columnistas-menu li:last-child  { padding: 0 0 0 10px; }
.nav-columnistas-menu li a.previous,
.nav-columnistas-menu li a.next      { border: solid 1px #DEDEDE; float: left; height: 16px; width: 16px; }
.nav-columnistas-menu li a.next      { background: url(images/03_img_com/fma_av.png) no-repeat center center; }
.nav-columnistas-menu li a.previous  { background: url(images/03_img_com/fma_re.png) no-repeat center center; }
.nav-columnistas-menu li a.next:hover     { background: url(images/03_img_com/fma_av_on.png) no-repeat center center; }
.nav-columnistas-menu li a.previous:hover { background: url(images/03_img_com/fma_re_on.png) no-repeat center center; }
li.crsl-item figure.autor            { float: left; height: auto; margin-bottom: 15px; width: 100%; }
li.crsl-item figure.autor img        { height: auto; width: 100%; }
.contenedor-columnistas ul.crsl-wrap li.crsl-item header { float: left; width: 100%; }
.contenedor-columnistas ul.crsl-wrap li.crsl-item h1     { margin-bottom: 5px; width: 100%; }
.contenedor-columnistas ul.crsl-wrap li.crsl-item h1,
.contenedor-columnistas ul.crsl-wrap li.crsl-item h2     { float: left; }
.contenedor-columnistas ul.crsl-wrap li.crsl-item h1 a,
.contenedor-columnistas ul.crsl-wrap li.crsl-item h2 a   { position: relative; }

/* ================================================================ */
/* ------------>>> ARTICULOS Y LISTAS DE ARTICULOS <<<------------- */
/* ================================================================ */

.articulo-a, .articulo-b, .articulo-c, .articulos-a, .articulos-b, .articulos-c,
.difusion, .bloque             { float: left; padding: 0 20px; width: 100%; }
.articulo-a article, .articulo-b article,
.articulo-c article            { float: left; width: 100%; }
.articulo-a article figure,
.articulo-b article figure     { height: auto; margin-bottom: 20px; margin-right: 0; overflow: hidden; width: 100%; }
.articulo-c article figure     { height: auto; margin-bottom: 10px; margin-right: 0; overflow: hidden; width: 100%; }
.articulo-a article figure img, .articulo-b article figure img,
.articulo-c article figure img { height: auto; width: 150%; }
.articulo-a article h2, .articulo-b article h2, .articulo-c article h2,
.bloque article h2             { margin-bottom: 20px; }
.contenedor-bloque             { float: left; width: 100%; }
.bloque article                { float: left; padding-right: 20px; width: 50%; }
.bloque article figure         { float: left; height: auto; margin-right: 20px; overflow: hidden; width: 40%; }
.bloque article figure img     { height: auto; width: 160%; }
.bloque-nav                    { border-left: solid 1px #DEDEDE; float: left; padding-left: 20px; width: 50%; }
.bloque-nav ul                 { float: left; width: 100%; }
.bloque-nav ul li              { border-bottom: solid 1px #DEDEDE; padding: 10px 0; }
.bloque-nav ul li:first-child  { padding: 0 0 10px 0; } 
.bloque-nav ul li:last-child   { border-bottom: none; padding: 10px 0 0 0; }
ul.articulos-a-item, ul.articulos-b-item, ul.articulos-c-item, ul.otros-c-item,
.articulos-a-item li, .articulos-b-item li,
.articulos-c-item li, .otros-c-item li { float: left; width: 100%; }
.articulos-a-item li                   { margin-bottom: 30px; }
.articulos-b-item li                   { margin-bottom: 20px; }
.articulos-c-item li, .otros-c-item li { border-bottom: solid 1px #DEDEDE; float: left; padding: 10px 0; width: 100%; }
.articulos-c-item li:first-child       { padding: 0 0 20px 0; }
.articulos-c-item li:last-child        { border-bottom: none; padding: 10px 0 0 0; }
.otros-c-item li:first-child           { padding: 0 0 10px 0; }
.otros-c-item li:last-child            { border-bottom: none; padding: 10px 0 0 0; }
.articulos-a-item li:last-child, .articulos-b-item li:last-child, .articulos-c-item li:last-child,
.otros-c-item li:last-child            { margin-bottom: 0; }
.otros-c-item li h3 a                  { background: url(images/03_img_com/flecha_prensa_otros.png) no-repeat left 2px; float: left; padding-left: 18px; }
.articulos-c-item li h2                { margin-bottom: 0; }
.articulos-a-item h2, .articulos-b-item h2,
.articulos-c-item li:first-child h2    { margin-bottom: 10px; }
.articulos-a-item figure, .articulos-b-item figure,
.articulos-c-item figure               { float: left; height: auto; overflow: hidden; width: 25%; }
.articulos-a-item figure               { margin-right: 20px; }
.articulos-b-item figure               { margin-right: 10px; }
.articulos-c-item figure               { margin-right: 10px; }
.articulos-a-item figure img, .articulos-b-item figure img,
.articulos-c-item figure img           { height: auto; width: 160%; }
.difusion .banner                      { float: left; margin-bottom: 10px; width: 100%; }
.difusion .banner figure               { float: left; height: auto; width: 100%; }
.difusion .banner figure img           { height: auto; width: 100%; }
ul.mkt                   { float: left; width: 100%; }
.mkt li:first-child      { padding: 0 0 5px 0; }
.mkt li:last-child       { padding: 5px 0 0 0; }
.mkt li                  { float: left; padding: 5px 0; width: 100%; }
.mkt li a                { float: left; min-height: 26px; padding: 0 0 0 36px; width: 100%; }
ul.mkt li:nth-child(1) a { background: url(images/03_img_com/bull_difusion_01.png) no-repeat left top; }
ul.mkt li:nth-child(2) a { background: url(images/03_img_com/bull_difusion_02.png) no-repeat left top; }
ul.mkt li:nth-child(3) a { background: url(images/03_img_com/bull_difusion_03.png) no-repeat left top; }
ul.mkt li:nth-child(4) a { background: url(images/03_img_com/bull_difusion_04.png) no-repeat left top; }
ul.mkt li:nth-child(5) a { background: url(images/03_img_com/bull_difusion_05.png) no-repeat left top; }
ul.mkt li:nth-child(6) a { background: url(images/03_img_com/bull_difusion_06.png) no-repeat left top; }

/* -- MOSTRAR - OCULTAR ELEMENTOS DE PRIMEROS ARTICULOS ----------- */
/* ================================================================ */

.articulos-b-item li figure, .articulos-c-item li figure, .articulos-c-item li blockquote { display: none; visibility: hidden; }
.articulos-b-item li:first-child figure,
.articulos-c-item li:first-child figure, .articulos-c-item li:first-child blockquote      { display: inline; visibility: visible; }

/* ================================================================ */
/* ------------------->>> AYUDANTES RETICULA <<<------------------- */
/* ================================================================ */

.borde-derecho-prensa  { border-right: solid 1px #DEDEDE; }
.separador-secc-prensa { border-bottom: solid 2px #099; float: left; margin-bottom: 20px; padding-bottom: 20px; width: 100%; }
.separador-secc-bloque { border-top: solid 2px #099; margin-top: 20px; padding-top: 20px;  }
.margen-bloque-inf     { margin-bottom: 20px; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------------>>> INTERNO <<<------------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

/* ================================================================ */
/* ------------------------->>> GRILLA <<<------------------------- */
/* ================================================================ */

.col-05-int { width: 31.25%; }
.col-11-int { width: 68.75%; }
.col-05-int, .col-11-int { float: left; }

/* ================================================================ */
/* ---------------------->>> CONTENEDORES <<<---------------------- */
/* ================================================================ */

#contenedor-contenido-principal { padding-right: 30px;  }
#contenido-relacionado          { background-color: #FFF; }

/* ================================================================ */
/* ----------------------->>> CONTENIDOS <<<----------------------- */
/* ================================================================ */

/* -- IMAGENES ---------------------------------------------------- */
/* ================================================================ */

#portada-principal        { width: 100%; }
#portada-principal img    { height: auto; width: 100%; }
.img-contenido            { float: left; margin: 0 20px 10px 0; width: 40%; }
.img-contenido img        { height: auto; width: 100%; }
.img-contenido figcaption { border-bottom: solid 1px #DEDEDE; padding: 8px 0; }
.img-contenido-grande            { display: block; margin-bottom: 10px; width: 100%; }
.img-contenido-grande img        { height: auto; width: 100%; }
.img-contenido-grande figcaption { border-bottom: solid 1px #DEDEDE; padding: 8px 0; }

.contenedor-video {
	float: left;
	height: 0;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 56.31%;
	position: relative;
	width: 100%;
}

.contenedor-video iframe { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* -- PRINCIPAL --------------------------------------------------- */
/* ================================================================ */

.contenido-principal { width: 100%; }

/* -- Menu Meta --------------------------------------------------- */
/* ---------------------------------------------------------------- */

.meta-menu      { border-bottom: solid 1px #DEDEDE; border-top: solid 1px #DEDEDE; float: left; margin-bottom: 30px; padding: 10px 0; width: 100%; }
.compartir-menu { float: left; width: 100%; }
ul.rrss         { float: left; }
.rrss li        { background: url(images/00_comunes/02_redes_sociales/bullet_cat_cont_prin.png) no-repeat -20px center; float: left; margin-right: 1px; width: auto; }

.rrss li a {
	background: url(images/00_comunes/02_redes_sociales/bullet_cat_cont_prin.png) no-repeat -20px center;
	float: right;
	height: 46px;
	padding: 5px;
	-webkit-transition: background-color 0.2s ease-in-out;
	   -moz-transition: background-color 0.2s ease-in-out;
	    -ms-transition: background-color 0.2s ease-in-out;
	     -o-transition: background-color 0.2s ease-in-out;
	        transition: background-color 0.2s ease-in-out;
	-webkit-transition: width 0.2s ease-in-out;
	   -moz-transition: width 0.2s ease-in-out;
	    -ms-transition: width 0.2s ease-in-out;
	     -o-transition: width 0.2s ease-in-out;
	        transition: width 0.2s ease-in-out;
	width: 46px;
}

.rrss li:nth-child(1) a { background-color: #3B5998; }
.rrss li:nth-child(2) a { background-color: #55ACEE; }
.rrss li:nth-child(3) a { background-color: #007BB6; }
.rrss li a img          { float: right; }
.rrss a:hover           { background: url(images/00_comunes/02_redes_sociales/bullet_cat_cont_prin.png) no-repeat 15px center #C00; width: 66px; }
ul.mnsj                 { float: right; height: 46px; width: auto; }
.mnsj li                { float: left; height: 46px; width: auto; }

.mnsj li a {
	background-color: #F3F1EE;
	display: block;
	float: left;
	height: 46px;
	padding-left: 46px;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out;
	   -moz-transition: background-color 0.2s ease-in-out;
	    -ms-transition: background-color 0.2s ease-in-out;
	     -o-transition: background-color 0.2s ease-in-out;
	        transition: background-color 0.2s ease-in-out;
	width: auto;
}

.mnsj li a:hover  { background-color: #FFF; }
.mnsj li a figure { border-right: solid 1px #FFF; float: left; height: 46px; left: 0; padding: 5px; position: absolute; top: 0; width: 46px; }
.mnsj li a p      { float: left; height: 46px; padding: 0 10px; }

/* -- Articulo ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

article.articulo-principal           { background-color: #FFF; float: left; padding: 60px; width: 100%; }
.articulo-principal header           { margin-bottom: 30px; width: 100%; }
.articulo-principal header h1        { padding-bottom: 30px; width: 100%; }
.articulo-principal header h5        { width: 100%; }
span.autor                           { padding-right: 10px; }
.articulo-principal header h5 time   { padding-left: 10px; }
.articulo-principal h2,
.articulo-principal h3               { margin-bottom: 20px; padding: 20px 0 10px 0; }
.bajada-principal                    { float: left; width: 100%; }
.bajada-principal span               { border-bottom: solid 1px #DEDEDE; display: block; margin-bottom: 30px; padding-bottom: 25px; }
.articulo-principal p                { padding-bottom: 20px; }
ul.lista-bullet, ol.lista-numerada   { padding-bottom: 20px; }
.lista-bullet, .lista-numerada, .lista-bullet ul, .lista-numerada ul,
.lista-bullet ol, .lista-numerada ol { list-style-position: outside; padding-left: 25px; }
.lista-bullet                        { list-style-image: url(images/00_comunes/04_contenidos/bullet.png); }
.lista-numerada                      { list-style-type: decimal; }
.lista-bullet ul, .lista-numerada ul { list-style-type: disc; }
.lista-bullet ol, .lista-numerada ol { list-style-type: lower-alpha; }
blockquote.bck-prin                  { float: right; padding: 20px 0 20px 20px; width: 60%; }
blockquote.bck-prin .cita            { background-color: #F3F1EE; border-left: solid 2px #099; float: left; padding: 20px 20px 20px 30px; width: 100%; }
blockquote.bck-prin .cita cite       { float: left; margin-bottom: 15px; width: 100%; }
blockquote.bck-prin .cita p,
blockquote.bck-prin .cita p em       { float: left; margin: 0; padding: 0; width: 100%; }
blockquote.bck-prin cite:before      { content: open-quote; padding-right: 5px; }
blockquote.bck-prin cite:after       { content: close-quote; padding-left: 5px; }
div.carreras-inf-gral                { display: inline-block; margin-bottom: 20px; width: 100%; }
nav#pestanas                         { float: left; width: 100%; }
#pestanas ul                         { float: left; margin-bottom: 10px; width: 100%; }

#pestanas ul li {
	background-position: center bottom;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 7px;
	width: auto;
}

#pestanas ul li a {
	background-color: #F3F1EE;
	border-right: solid 1px #099;
	display: block;
	float: left;
	padding: 10px 20px;
	-webkit-transition: background-color 0.2s ease-in-out;
	   -moz-transition: background-color 0.2s ease-in-out;
	    -ms-transition: background-color 0.2s ease-in-out;
	     -o-transition: background-color 0.2s ease-in-out;
	        transition: background-color 0.2s ease-in-out;
}

#pestanas ul li a:hover              { background-color: #FFF; }
#pestanas ul li:last-child a         { border-right: none; }
#contenidopestanas                   { background-color: #F3F1EE; float: left; padding: 20px; width: 100%; }
div.bloque-inf-gral                  { float: left; width: 100%; }
div.tab-igral                        { float: left; width: 100%; }
.tab-igral div.cuerpo-igral          { float: left; padding-bottom: 20px; width: 100%; }
.cuerpo-igral h3                     { border-bottom: solid 1px #099; margin: 0; padding: 0 0 10px 0; width: 100%; }
.cuerpo-igral div.sec-igral          { border-bottom: solid 1px #C9C9C9; float: left; padding: 5px 0; width: 100%; }
div.item-igral                       { float: left; padding-right: 10px; width: 40%; }
.sec-igral .item-igral h4            { width: 100%; }
div.val-item-igral                   { float: left; padding-left: 10px; width: 60%; }
.sec-igral .val-item-igral ul        { list-style-position: outside; list-style-type: disc; padding-left: 18px; width: 100%; }
.sec-igral .val-item-igral ul li     { float: left; width: 100%; }
.tab-igral footer.pie-igral          { float: left; padding: 0 10px 0 0; width: 100%; }
.pie-igral ul, .pie-igral ol         { list-style-position: outside; padding-left: 18px; width: 100%; }
.pie-igral ul                        { list-style-type: disc; }
.pie-igral ol                        { list-style-type: decimal; }
.pie-igral ul li, .pie-igral ol li   { width: 100%; }
div.malla                            { background-color: #F3F1EE; float: left; margin-bottom: 20px; width: 100%; }
.malla h2                            { background-color: #099; border: none; margin: 0; padding: 10px; width: 100%; }
.malla .malla-anual                  { float: left; width: 100%; }
.malla-anual:nth-child(odd)          { background-color: #FFF; }

.malla-anual h3 {
	background-color: #C4BCB8;
	border-bottom: solid 1px #FFF;
	border-top: solid 1px #FFF;
	float: left;
	margin: 0;
	padding: 6px 10px;
	width: 100%;
}

.malla-anual .malla-semestre         { float: left; padding: 10px; width: 50%; }
.malla-semestre h4                   { margin-bottom: 10px; width: 100%; }
.malla-semestre ul                   { list-style-position: outside; list-style-type: disc; padding-left: 18px; width: 100%; }
.malla-semestre ul li                { width: 100%; }
div.malla footer.pie-malla           { border-bottom: solid 1px #099; border-top: solid 1px #099; float: left; padding: 10px; width: 100%; }
.pie-malla ul, .pie-malla ol         { list-style-position: outside; list-style-type: disc; padding-left: 18px; width: 100%; }
.pie-malla ul                        { list-style-type: disc; }
.pie-malla ol                        { list-style-type: decimal; }
.pie-malla ul li, .pie-malla ol li   { width: 100%; }
table.tabla-dato                     { border-top: 1px solid #099; caption-side: bottom; margin-bottom: 20px; width: 100%; }
.tabla-dato th, .tabla-dato td       { border: 1px solid #A6DBDB; padding: 8px 10px; vertical-align: top; width: 20%; }
.tabla-dato th.titulo-tabla-dato     { background-color: #FFF; border: none; }
.tabla-dato caption                  { border-bottom: solid 1px #099; padding: 5px 0; }
.tabla-dato thead th                 { background-color: #E5F5F5; }
.tabla-dato tbody:nth-child(even)    { background-color: #FFF; }
.tabla-dato tbody:nth-child(even) th { background-color: #F6F6F6; }
.tabla-dato tbody:nth-child(odd)     { background-color: #F3F1EE; }
.tabla-dato tbody:nth-child(odd) th  { background-color: #E5E0D9; }
.tabla-dato tfoot                    { background-color: #E5F5F5; }
.reset-contenido-final               { margin-bottom: 0 !important; padding-bottom: 0 !important; }

/* -- PIE ARTICULO PRINCIPAL -------------------------------------- */
/* ================================================================ */

div.pie-contenido-principal    {
	background-color: #F3F1EE;
	border-bottom: solid 2px #B7AB9D;
	border-top: solid 2px #B7AB9D;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

section.taxonomia-contenido    { float: left; padding: 25px 60px 25px 60px; width: 100%; }

.cabecera-taxonomia-contenido {
	border-bottom: solid 1px #897A68;
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	width: auto;
}

.cabecera-taxonomia-contenido figure {
	float: left;
	height: 40px;
	left: 0;
	padding-top: 5px;
	position: absolute;
	top: 0;
	width: 40px;
}

section.taxonomia-contenido h3 { float: left; height: 30px; margin-bottom: 20px; width: 100%; }
ul.lista-taxonomia-contenido   { float: left; width: 100%; }
.lista-taxonomia-contenido li  { float: left; margin: 0 5px 5px 0; width: auto; }

.lista-taxonomia-contenido li a {
	background-color: #B7AB9D;
	float: left;
	padding: 6px 10px 6px 10px;
	-webkit-transition: background-color 0.2s ease-in-out;
	   -moz-transition: background-color 0.2s ease-in-out;
	    -ms-transition: background-color 0.2s ease-in-out;
	     -o-transition: background-color 0.2s ease-in-out;
	        transition: background-color 0.2s ease-in-out;
}

.lista-taxonomia-contenido li a:hover { background-color: #099; }
section.prensa-contenido              { float: left; padding: 25px 60px 25px 60px; width: 100%; }

.cabecera-prensa-contenido {
	border-bottom: solid 1px #897A68;
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	width: auto;
}

header.cabecera-prensa-contenido figure {
	float: left;
	height: 40px;
	left: 0;
	padding-top: 5px;
	position: absolute;
	top: 0;
	width: 40px;
}

section.prensa-contenido h3            { float: left; height: 30px; margin-bottom: 20px; width: 100%; }
ul.lista-prensa-contenido              { float: left; width: 100%; }
.lista-prensa-contenido li             { float: left; width: 50%; }
.lista-prensa-contenido li:last-child  { padding: 0 0 0 20px; }
.lista-prensa-contenido li:first-child { padding: 0 20px 0 0; }
.lista-prensa-contenido li header      { float: left; padding-left: 15px; width: 65%; }
.lista-prensa-contenido li header time { float: left; width: 100%; }
.lista-prensa-contenido li figure      { float: left; overflow: hidden; width: 35%; }
.lista-prensa-contenido li figure img  { height: auto; width: 170%; }

/* -- ASIDE ------------------------------------------------------- */
/* ================================================================ */

section.mas-aranceles { float: left; padding: 30px 20px 0 20px; width: 100%; }
section.mas-avisual, section.mas-relacionados, section.mas-vistos,
section.mas-menu-rel              { float: left; padding: 30px 20px; width: 100%; }
div.contenedor-taxonomia-rel      { background-color: #F3F1EE; float: left; padding: 30px 30px 10px 30px; width: 100%; }
section.mas-taxonomia-rel         { background-color: #F3F1EE; float: left; margin-bottom: 20px; width: 100%; }
.mas-avisual header, .mas-relacionados header, .mas-vistos header, .mas-aranceles header,
.mas-menu-rel header              { float: left; padding: 0 10px; width: 100%; }
.mas-avisual h3, .mas-relacionados h3, .mas-vistos h3, .mas-aranceles h3,
.mas-menu-rel header h3           { border-bottom: solid 1px #444; border-top: solid 3px #099; float: left; padding: 10px 0; width: 100%; }
.cabecera-mas-adm h3              { border-bottom: solid 1px #099; border-top: none; float: left; padding: 7px 0 7px 0; width: 100%; }
.mas-taxonomia-rel header h3      { float: left; height: 30px; width: 100%; }

.mas-taxonomia-rel header {
	border-bottom: solid 1px #897A68;
	border-top: solid 1px #897A68;
	float: left;
	height: 50px;
	margin-bottom: 20px;
	padding-left: 40px;
	position: relative;
	width: 100%;
}

.lista-avisual                   { float: left; margin-top: 20px; width: 100%; }
.lista-avisual li                { float: left; padding: 0 10px; width: 50%; }
.lista-avisual li article        { float: left; width: 100%; }
.lista-avisual li article figure { float: left; overflow: hidden; position: relative; width: 100%; }
.lista-avisual li article img    { float: right; height: auto; width: 170%; }

.lista-avisual li article figure .play {
	background: url(images/00_comunes/00_portales/play.png) no-repeat center center;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	     -o-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	width: 100%;
}

.lista-avisual li article:hover figure .play { opacity: 1; filter: alpha(opacity=100); }
.lista-avisual li article header  { float: left; margin-top: 10px; padding: 0; width: 100%; }
.lista-rel                        { float: left; width: 100%; }
.lista-rel li                     { display: inline-block; padding: 0 10px; vertical-align: top; width: 100%; }
.lista-rel li article             { border-bottom: solid 1px #C9C9C9; float: left; padding: 20px 0; width: 100%; }
.lista-rel li:last-child article  { border-bottom: none; padding: 20px 0 0 0; }
.lista-rel li article header      { float: left; padding: 0 0 0 20px; width: 65%; }
.lista-rel li article header time { float: left; width: 100%; }
.lista-rel figure                 { float: left; overflow: hidden; width: 35%; }
.lista-rel figure img             { height: auto; width: 170%; }
.lista-mvistos                    { float: left; list-style-position: outside; list-style-type: decimal; margin: 0; padding-left: 50px; width: 100%; }
.lista-mvistos li                 { float: left; margin-top: 20px; position: relative; width: 100%; }
.lista-mvistos li article         { border-left: solid 1px #C9C9C9; float: right; padding-left: 20px; position: relative; width: 100%; }
.lista-mvistos li header time     { float: left; width: 100%; }
.portada-mas-menu-rel             { border-radius: 500px; margin: 0 auto 20px auto; overflow: hidden; width: 50%; }
.portada-mas-menu-rel img         { border-radius: 500px; width: 100%; height: auto; }
.cabecera-mas-adm                 { float: left; position: relative; width: 100%; }
.cabecera-mas-adm figure          { height: auto; width: 100%; }
.cabecera-mas-adm figure img      { height: auto; width: 70%; }
.mas-menu-rel nav                 { float: left; margin-top: 20px; padding: 0 10px; width: 100%; }
.tit-aside-menu-rel               { background-color: #099; float: left; padding: 5px 10px; width: 100%; }
.tit-aside-menu-rel h4            { border-right: solid 1px #099; display: inline; float: left; margin: 0 auto; padding-right: 10px; width: auto; }
.lista-menu-rel                   { float: left; width: 100%; }
.lista-menu-rel li                { border-bottom: solid 1px #C9C9C9; float: left; height: 61px; width: 100%; }
.lista-menu-rel li:last-child     { border-bottom: none; }
.lista-menu-rel li a              { display: table; height: 60px; padding-left: 40px; position: relative; width: 100%; }
.lista-menu-rel li a figure       { float: left; height: 60px; left: 0; padding: 15px 10px 15px 0; position:  absolute; top: 0; width: 40px; }

.lista-menu-rel li a figure img {
	height: 30px;
	-webkit-transition: transform 0.3s ease-in-out;
	   -moz-transition: transform 0.3s ease-in-out;
	    -ms-transition: transform 0.3s ease-in-out;
	     -o-transition: transform 0.3s ease-in-out;
	        transition: transform 0.3s ease-in-out;
	width: 30px;
}

.lista-menu-rel li a:hover figure img {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.lista-menu-rel li a h2   { display: table-cell; vertical-align: middle; }

ul.lista-menu-rel-alt             { float: left; width: 100%; }
.lista-menu-rel-alt li            { border-bottom: solid 1px #C9C9C9; display: table; float: left; height: 61px; width: 100%; }
.lista-menu-rel-alt li:last-child { border-bottom: none; }

.lista-menu-rel-alt li a {
	background-image: url(images/00_comunes/03_aside/bullet_carreras_facultad.png);
	background-position: left center;
	background-repeat: no-repeat;
	display: table-cell;
	height: 60px;
	padding-left: 40px;
	position: relative;
	vertical-align: middle;
	width: 100%;
}

.mas-taxonomia-rel figure { float: left; height: 50px; left: 0; padding-top: 12px; position: absolute; top: 0; width: 40px; }
.lista-taxonomia-rel      { float: left; width: 100%; }
.lista-taxonomia-rel li   { float: left; margin: 0 5px 5px 0; width: auto; }

.lista-taxonomia-rel li a {
	background-color: #B7AB9D;
	float: left;
	padding: 6px 10px 6px 10px;
	-webkit-transition: background-color 0.2s ease-in-out;
	   -moz-transition: background-color 0.2s ease-in-out;
	    -ms-transition: background-color 0.2s ease-in-out;
	     -o-transition: background-color 0.2s ease-in-out;
	        transition: background-color 0.2s ease-in-out;
}

.lista-taxonomia-rel a:hover  { background-color: #099; }

/* -- HISTORICO --------------------------------------------------- */
/* ================================================================ */

#contenedor-contenido-historico   { padding-right: 30px; }
.contenido-historico              { background-color: #FFF; width: 100%; }
.contenido-historico header       { float: left; margin: 0; padding: 30px 30px 0 30px; width: 100%; }
.contenido-historico header h1    { margin: 0; padding: 0; width: 100%; }
h2.subt-historico                 { border-bottom: solid 1px #CDCDCD; float: left; padding: 40px 30px 10px 30px; width: 100%; }
div.contenedor-txt-historico      { border-bottom: solid 1px #CDCDCD; padding: 40px 30px 30px 30px; width: 100%; display: block; float: left; }
p.txt-historico                   { float: left; width: 100%; padding: 0px; margin-bottom: 10px; }
.lista-historico                  { float: left; padding: 15px; width: 100%; }
.lista-historico li               { display: inline-block; vertical-align: top; width: 33.33333%; }
.lista-historico li article       { float: left; margin: 15px; }
.lista-historico li article:hover { background-color: #FFF; }
.lista-historico li article a     { float: left; }
.lista-historico li figure        { background-color: #000; float: left; height: auto; margin-bottom: 8px; width: 100%; }

.lista-historico li figure img {
	filter: alpha(opacity=70);
	height: auto;
	opacity: 0.7;
	-webkit-transition: opacity .2s ease;
	   -moz-transition: opacity .2s ease;
	    -ms-transition: opacity .2s ease;
	     -o-transition: opacity .2s ease;
	        transition: opacity .2s ease;
	width: 100%;
}

.lista-historico li a:hover figure img  { opacity: 1; filter: alpha(opacity=100); }
.lista-historico li article header      { float: left; padding: 0; width: 100%; }
.lista-historico li article header time { float: left; margin-bottom: 10px; width: 100%; }

ul.lista-historico li article header h2 {
	-webkit-transition: color .2s ease;
	   -moz-transition: color .2s ease;
	    -ms-transition: color .2s ease;
	     -o-transition: color .2s ease;
	        transition: color .2s ease;
}

/* -- ITEMS ------------------------------------------------------- */
/* ================================================================ */

#contenedor-mapas      { padding-right: 30px; }
.contenido-mapa        { background-color: #FFF; padding: 30px 30px 0 30px; width: 100%; }
.contenido-mapa header { float: left; margin-bottom: 30px; width: 100%; }
.lista-mapa            { float: left; width: 100%; }
li.item-mapa           { display: inline-block; vertical-align: top; width: 33.33333%; }

.item-mapa article {
	float: left;
	padding: 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
	    -ms-transition: background-color .2s ease;
	     -o-transition: background-color .2s ease;
	        transition: background-color .2s ease;
}

.item-mapa article:hover { background-color: #F9F8F6; }
.item-mapa article a     { float: left; }
.item-mapa figure        { border-radius: 500px; float: left; height: auto; margin-bottom: 10px; overflow: hidden; width: 60%; }

li.item-mapa img {
	border-radius: 500px;
	filter: alpha(opacity=70);
	height: auto;
	opacity: 0.7;
	-webkit-transition: opacity .2s ease;
	   -moz-transition: opacity .2s ease;
	    -ms-transition: opacity .2s ease;
	     -o-transition: opacity .2s ease;
	        transition: opacity .2s ease;
	width: 100%;
}

.item-mapa article:hover img { opacity: 1; filter: alpha(opacity=100); }
div.resumen-mapa             { float: left; width: 100%; }
.resumen-mapa h2             { border-bottom: solid 1px #B7AB9D; float: left; margin-bottom: 7px; padding: 10px 0; width: 100%; }
ul.base-mapa                 { float: left; width: 100%; }
.base-mapa li                { float: left; padding: 3px 0 3px 18px; width: 100%; }
li.mapa-cargo                { background: url(images/00_comunes/04_contenidos/mapa_cargo.png) no-repeat left 6px; }
li.mapa-direccion            { background: url(images/00_comunes/04_contenidos/mapa_direccion.png) no-repeat left 6px; }
li.mapa-fono                 { background: url(images/00_comunes/04_contenidos/mapa_fono.png) no-repeat left 6px; }
li.mapa-web                  { background: url(images/00_comunes/04_contenidos/mapa_web.png) no-repeat left 7px; }
.mas-mapa                    { border-top: solid 1px #B7AB9D; float: left; margin-top: 7px; padding-top: 10px; width: 100%; }
.mas-mapa a                  { padding: 2px 7px; background-color: #099; }
.mas-mapa a:hover            { padding: 2px 7px; background-color: #FFF; }
div.mapa         { float: left; margin-bottom: 20px; width: 100%; }
.mapa header h2  { border-bottom: solid 1px #099; margin-bottom: 30px; padding: 0 0 20px 0; }
.mapa figure     { border-radius: 500px; float: left; height: auto; margin-bottom: 10px; overflow: hidden; width: 22%; }
.mapa figure img { border-radius: 500px; height: auto; width: 100%; }
div.info-mapa    { float: left; padding-left: 30px; width: 78%; }

.info-mapa ul.base-mapa {
	background-color: #F9F8F6;
	border: solid 1px #F3F1EE;
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	width: 100%;
}

.info-mapa ul.base-mapa li                { float: left; padding: 5px 0 5px 24px; width: 100%; }
.info-mapa ul.base-mapa li.mapa-cargo     { background: url(images/00_comunes/04_contenidos/mapa_cargo_zoom.png) no-repeat left 8px; }
.info-mapa ul.base-mapa li.mapa-direccion { background: url(images/00_comunes/04_contenidos/mapa_direccion_zoom.png) no-repeat left 9px; }
.info-mapa ul.base-mapa li.mapa-fono      { background: url(images/00_comunes/04_contenidos/mapa_fono_zoom.png) no-repeat left 9px; }
.info-mapa ul.base-mapa li.mapa-web       { background: url(images/00_comunes/04_contenidos/mapa_web_zoom.png) no-repeat left 10px; }
.info-mapa ul.base-mapa li.exp-contexto   { background: url(images/00_comunes/04_contenidos/mapa_mas.png) no-repeat left 9px; }
.info-mapa div.zoom-mapa                  { float: left; width: 100%; }
.info-mapa div.zoom-mapa p.txt-zoom-mapa  { float: left; margin-bottom: 20px; padding: 0; width: 100%; }
.info-mapa div.zoom-mapa h4               { border-bottom: solid 1px #B7AB9D; float: left; margin-bottom: 10px; padding: 10px 0; width: 100%; }

ul.ul-zoom-mapa {
	float: left;
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 20px;
	padding-left: 25px;
	width: 100%;
}

ol.ol-zoom-mapa {
	float: left;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 20px;
	padding-left: 25px;
	width: 100%;
}

div.pie-mapa {
	background-color: #F3F1EE;
	border-bottom: solid 2px #B7AB9D;
	border-top: solid 2px #B7AB9D;
	float: left;
	padding: 30px 30px 30px 30px;
	width: 100%;
}

div.pie-mapa .item-mapa article:hover { background-color: #F3F1EE; }
div.pie-mapa header { float: left; margin-bottom: 30px; width: 100%; }

/* ================================================================ */
/* ---------------------->>> COMENTARIOS <<<----------------------- */
/* ================================================================ */

section#contenido-comentarios        { background-color: #FFF; float: left; padding: 60px; width: 100%;  }
#contenedor-comentarios              { margin: 0 auto; width: 100%; }
#contenedor-comentarios .comentarios { margin: 0 auto; width: 100%; }

/* -- Cabecera y lista de comentarios ----------------------------- */
/* ---------------------------------------------------------------- */

.comentarios-post            { border-top: solid 2px #099; float: left; width: 100%; }
header.cabecera-comentarios  { margin-bottom: 40px; width: 100%; }
.cabecera-comentarios h2     { margin: 40px 0 20px 0; }
.cabecera-comentarios h3     { margin: 0 0 20px 0; }
.cabecera-comentarios ul     { list-style-position: outside; list-style-type: disc; padding-bottom: 20px; width: 100%; }
.cabecera-comentarios ul li  { margin-bottom: 5px; margin-left: 20px; }
.cabecera-comentarios p      { margin-bottom: 20px; }
ol.commentlist               { border-bottom: solid 2px #099; float: left; width: 100%; }
.commentlist li              { border-top: dotted 1px #F60; display: block; float: left; width: 100%; }
.commentlist ul li           { border-top: none; display: block; float: left; padding: 0 0 0 50px; width: 100%; }
.comment-body                { float: left; margin: 20px 0; }
ul .comment-body             { border-left: solid 2px #DEDEDE; margin: 0 0 20px 0; padding-left: 20px; }
.comment-author img          { margin-right: 6px; width: 30px; }
.comment-author cite         { margin: 0; padding: 0; }
.comment-meta                { padding-left: 40px; }
.comment-awaiting-moderation { float: left; padding: 5px 0 5px 40px; }
.comment-body p              { margin-top: 10px; padding-left: 40px; }
.reply                       { float: left; padding: 10px 0 0 40px; width: 100%; }
.reply a                     { background-color: #EFEFEF; float: left; padding: 8px 10px; width: auto; }
.reply a:hover               { background-color: #099; }

/* -- Formulario Comentarios -------------------------------------- */
/* ---------------------------------------------------------------- */

#respond                             { float: left; width: 100%; }
#respond h3                          { margin-top: 30px; }
#respond div.campo-enviar-comentario { float: left; padding: 30px 0; position: relative; width: 100%; }

#respond #submit {
	background-color: #099;
	border: none;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	    -ms-border-radius: 20px;
	     -o-border-radius: 20px;
		    border-radius: 20px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	width: 180px;
}

#respond #submit:hover { background-color: #F60; cursor: pointer; }

#respond div.campo-completar-comentario {
	border-bottom: dotted 1px #BCBCBC;
	float: left;
	padding: 15px 0;
	position: relative;
	width: 100%;
}

#respond div.comentario-registrado   { display: block; float: left; margin-bottom: 20px; width: 100%; }
div.campo-completar-comentario label { float: left; margin: 5px 0 10px 0; width: 40%; }
div.campo-completar-comentario label p .campo-requerido-comentario { padding-right: 10px; }

div.campo-completar-comentario input {
	background-color: #F0F0F0;
    border: 1px solid #CCC;
    height: 38px;
    padding: 10px;
	width: 60%;
	min-width: 150px;
}

#respond textarea {
	background-color: #F0F0F0;
    border: 1px solid #CCC;
	padding: 10px;
	width: 60% !important;
	min-width: 150px;
}

div.campo-completar-comentario input:focus,
#respond textarea:focus {
    background: #FFF;
    border: 1px solid #555;	
	-webkit-box-shadow: 0 0 2px #AAA;
	   -moz-box-shadow: 0 0 2px #AAA;
	    -ms-box-shadow: 0 0 2px #AAA;
	     -o-box-shadow: 0 0 2px #AAA;
	        box-shadow: 0 0 2px #AAA;
}

div#cancel-comment-reply { float: left; margin: 20px 0; width: 100%; }

/* -- No Comentarios - Comentarios -------------------------------- */
/* ---------------------------------------------------------------- */

.comentarios-post .comentarios-bloqueados { float: left; margin-top: 30px; width: 100%; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------------>>> ERROR 404 <<<----------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

main#contenido-pag-404   { border-bottom: none; float: left; margin-bottom: 40px; padding: 30px; width: 1280px; }
#contenido-principal-404 { border-bottom: solid 2px #DDD; float: left; width: 100%; }
.img-404                 { float: left; padding-right: 20px; width: 50%; }
.img-404 figure          { width: 100%; }
.img-404 figure img      { height: auto; width: 100%; }
.msje-404                { float: left; padding-bottom: 60px; width: 50%; }
.msje-404 figure         { padding-top: 100px; width: 100%; }
.msje-404 figure img     { height: auto; margin: 0 auto; width: 40%; }
.msje-404 h1             { padding-left: 20px; }
.menu-404                { float: left; margin-bottom: 20px; padding-left: 50%; width: 100%; }
.menu-404 h1             { float: left; margin-bottom: 30px; margin-top: 40px; padding-left: 20px; width: 100%; }
.menu-404 ul             { float: left; padding-left: 20px; width: 100%; }
.menu-404 ul li          { display: inline-block; margin: 0 5px 5px 0; }

.menu-404 ul li a {
	background-color: #099;
	padding: 5px 14px;
	width: auto;
	display: inline-block;
	-webkit-transition: background-color .2s ease-in-out;
	   -moz-transition: background-color .2s ease-in-out;
	    -ms-transition: background-color .2s ease-in-out;
	     -o-transition: background-color .2s ease-in-out;
	        transition: background-color .2s ease-in-out;
}

.menu-404 ul li a:hover { background-color: #F60; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ----------------------->>> PAGINADOR <<<------------------------ */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

.paginador                 { float: left; margin-bottom: 30px; padding: 0 30px; width: 100%; }
.contenido-mapa .paginador { padding: 0 0; }
.paginador .navigation     { border-bottom: solid 1px #DEDEDE; border-top: solid 1px #DEDEDE; display: inline-block; padding: 15px 0 10px 0; width: 100%; }
.navigation .pages         { background-color: #DEDEDE; display: inline-block; margin-right: 1px; padding: 10px 14px; width: auto; }
.navigation .page-numbers  { background-color: #099; display: inline-block; margin-bottom: 5px; margin-right: 1px; padding: 10px 14px; width: auto; }
.page-numbers:hover        { background-color: #F60; }
.navigation .current       { background-color: #000; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------------->>> VIDEOS <<<------------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

.portada-video        { float: left; overflow: hidden; padding: 0; padding-bottom: 56.31%; position: relative; width: 100%; }		
.portada-video iframe { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ----------->>> PREGUNTAS RESPUESTAS MATRICULA 2018 <<<---------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

.menu-img-01 li a:hover img      { opacity: 1; filter: alpha(opacity=100); }
header.titulo_como_colaboro      { background-color: #099; float: left; margin: 0; padding: 10px 20px; width: 100%; }
.titulo_como_colaboro h3         { float: left; margin: 0; padding: 0; width: 70%; }
.titulo_como_colaboro h4         { float: right; line-height: 25px; margin: 0; padding: 0; width: 30%; }
.titulo_como_colaboro h4 a       { float: right; height: 25px; margin: 0; padding: 7px 0; }
.titulo_como_colaboro h4 a img   { float: right; }
.bajada_titulo_colabora          { color: #FFF; float: left; padding: 10px 0 0 0; width: 100%; }
.bajada_titulo_colabora p        { float: left; margin: 0; padding: 0; width: 100%; }
.contenedor_como_colaboro        { display: table; margin-bottom: 30px; width: 100%; }
.como_colaboro                   { display: table-row; width: 100%; }
.ccolab_a                        { background-color: #E5DFEC; }
.ccolab_b                        { background-color: #F8FDC7; }
.ccolab_c                        { background-color: #DAEEF3; }
.ccolab_d                        { background-color: #EAF1DD; }
.ccolab_e                        { background-color: #F2DBDB; }
.ccolab_f                        { background-color: #FDE9D9; }
.ccolab_g                        { background-color: #F2F2F2; }
.como_colaboro_ico               { display: table-cell; padding: 20px; text-align: left; vertical-align: top; width: 15%; }
.como_colaboro_descripcion       { display: table-cell; padding: 20px; width: 85%; }
.como_colaboro_descripcion p     { margin: 0 0 10px 0; padding: 0 0 0 0; }
.como_colaboro_descripcion ul    { float: left; list-style: disc; list-style-position: outside; padding-left: 12px; width: 100%; }
.como_colaboro_descripcion ul li { float: left; margin-bottom: 5px; width: 100%; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* --------------------->>> BOTON DESTACADO <<<-------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

div.contenedor_btn_destacado             { float: left; margin-bottom: 20px; width: 100%; }
.contenedor_btn_destacado .btn_destacado { float: left; width: auto; }

.contenedor_btn_destacado .btn_destacado a {
    background-color: #339999;
    border-radius: 5px;
    display: block;
    padding: 10px 30px;
    -webkit-transition: background-color .2s ease-in-out;
        moz-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
         -o-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out;
    width: auto;
}

.contenedor_btn_destacado .btn_destacado a:hover { background-color: #FF6600; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------->>> FUNCIONARIOS UNIDAD <<<------------------ */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

.funcs_unidad            { float: left; width: 100%; }
.funcs_unidad h1         { margin-bottom: 20px; width: 100%; }
.fu                      { background-color: #EFEFEF; border-bottom: solid 1px #399; float: left; padding: 20px 0; width: 100%; }
.fu header, .fu h2, .fu h3, .fu p, .fu p a, .fu ul, .fu ul li,
.fu ul li a              { margin: 0; padding: 0; }
.fuimpar                 { background-color: #FFF; }
.fu_img                  { float: left; padding: 0 20px; width: 30%; }
.fu_img img              { height: auto; width: 100%; }
.fu_desc                 { float: left; padding: 0 20px; width: 70%; }
.fu_desc header          { border-bottom: solid 1px #069; margin-bottom: 15px; padding-bottom: 15px; }
.fu_desc p               { margin: 15px 0; }
.fu_desc .fu_licv        { list-style-type: disc; padding-left: 15px; }
.fu_desc .fu_licv_alt    { list-style-image: url(../images/00_comunes/04_contenidos/bullet.png); padding-left: 15px; }
.fu_desc .fu_licv_alt ul,
.fu_desc .fu_licv_alt ol { list-style-position: outside; padding-left: 15px; }
.fu_desc .fu_licv_alt ul { list-style-type: disc; }
.fu_desc .fu_licv_alt ol { list-style-type: lower-alpha; }
.fu_margen_inf           { margin-bottom: 20px; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* -------------------->>> CONTACTO ADM 2021 <<<------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

#contacto_adm_2021                 { background-color: #FFF; border-bottom-style: solid; border-bottom-width: 2px; }
.cont_contac_adm_2021              { float: left; padding-bottom: 20px; width: 100%; }
header.serv_adm_2021               { padding: 40px 20px 30px 20px; }
header.serv_adm_2021 h1            { font-family: 'Oswald-Regular', Arial, Helvetica, sans-serif; font-size: 3.5rem; line-height: 120%; margin-bottom: 20px; text-align: center; }
header.serv_adm_2021 h2            { font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif; font-size: 1.8rem; line-height: 120%; text-align: center; }
.lista_contac_adm_2021 li          { float: left; height: 260px; padding: 20px; width: 20%; }
.lista_contac_adm_2021 li a        { display: block; height: 100%; width: 100%; }
.lista_contac_adm_2021 li a figure { height: 70px; margin-bottom: 20px; overflow: hidden; text-align: center; width: 100%; }

.lista_contac_adm_2021 li a figure img {
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	width: 30%;
}

.lista_contac_adm_2021 li a:hover figure img {
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
}

.lista_contac_adm_2021 li figure     { height: 70px; margin-bottom: 20px; overflow: hidden; text-align: center; width: 100%; }
.lista_contac_adm_2021 li figure img { width: 30%; }
.lista_contac_adm_2021 li header     { width: 100%; }
.lista_contac_adm_2021 li header h1  { color: #006699; font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 130%; margin-bottom: 15px; text-align: center; }
.lista_contac_adm_2021 li header h2  { color: #000000; font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif; font-size: 1.4rem; line-height: 130%; text-align: center; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* --------------------->>> MEDIA QUERIES <<<---------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

/* ================================================================ */
/* --------------------->>> BANNER SLIDER <<<---------------------- */
/* ================================================================ */

@media only screen and (max-width: 1280px) {

 /* -- Banner robapagina --------------------- */
 
 #contenedor-banner-slider             { padding-left: 20px; }
 ul#banner-slider li                   { height: 162px; }
 ul#banner-slider li:first-child       { margin-bottom: 11px; }
 #banner-slider li article figure      { height: 90px; }
 #banner-slider li article a header    { height: 72px; padding: 8px; }
 #banner-slider li article a header h1 { font-size: 12px; line-height: 15px; }

 /* -- Banner Contacto ADM 2021 -------------- */
 
 .lista_contac_adm_2021 li              { height: 200px; padding: 10px; }
 .lista_contac_adm_2021 li a figure     { height: 60px; margin-bottom: 10px; }
 .lista_contac_adm_2021 li a figure img { width: 35%; }
 .lista_contac_adm_2021 li header h1    { font-size: 1.8rem; margin-bottom: 10px; }
 .lista_contac_adm_2021 li header h2    { font-size: 1.3rem; }
 .lista_contac_adm_2021 li figure       { height: 60px; margin-bottom: 10px; }
 .lista_contac_adm_2021 li figure img   { width: 35%; }

}

@media only screen and (max-width: 960px) {

 /* -- Banner robapagina --------------------- */
 
 #robapagina               { width: 65%; }
 .heroSlider .rsOverflow,
 .royalSlider.heroSlider   { height: 335px !important; }
 #contenedor-banner-slider { width: 35%; }

}

@media only screen and (max-width: 767px) {

 /* -- Banner robapagina --------------------- */
 .cero-vsup {padding-top: 0; margin-top: 0;}
 
}

@media only screen and (max-width: 580px) {

 /* -- Banner robapagina --------------------- */

 #robapagina               { width: 100%; }
 .heroSlider .rsOverflow,
 .royalSlider.heroSlider   { height: 235px !important; }
 #contenedor-banner-slider { padding-left: 0; padding-top: 20px; width: 100%; }
 ul#banner-slider li       { width: 50%; }
 ul#banner-slider li:first-child { margin-bottom: 0px; padding-right: 10px; }
 ul#banner-slider li:last-child  { padding-left: 10px; }
 
}

@media only screen and (max-width: 420px) {

 /* -- Banner robapagina --------------------- */

 ul#banner-slider li                { height: auto; width: 100%; }
 ul#banner-slider li:first-child    { margin-bottom: 10px; padding-right: 0px; }
 ul#banner-slider li:last-child     { padding-left: 0px; }
 #banner-slider li article figure   { height: 140px }
 #banner-slider li article a header { height: auto; }
 
}

/* ================================================================ */
/* ---------------------->>> 1280 > < 960 <<<---------------------- */
/* ================================================================ */

@media only screen and (min-width: 960px) and (max-width: 1280px) {

	/* -- Cuadricula y Contenedores ------------- */

	.envoltura-16, nav#nav-escritorio, #redes .contenedor-redes, div#menu-pie-pagina,
	#corporativo-pie-pagina .contenedor-crpvo-pie-pagina, .prensa { width: 960px; }

	.col-1  { width: 20px; }   .col-2 { width: 80px; }   .col-3 { width: 140px; }  .col-4 { width: 200px; }
	.col-5  { width: 260px; }  .col-6 { width: 320px; }  .col-7 { width: 380px; }  .col-8 { width: 440px; }
	.col-9  { width: 500px; } .col-10 { width: 560px; } .col-11 { width: 620px; } .col-12 { width: 680px; }
	.col-13 { width: 740px; } .col-14 { width: 800px; } .col-15 { width: 860px; } .col-16 { width: 920px; }

	/* -- Videos -------------------------------- */

	#video-destacado ul li article figure,
	#video-secundario ul li article figure { height: 140px; }
	#video-destacado ul li article a figure img,
	#video-secundario ul li article a figure img { height: auto; width: 150%; }

	/* -- Transparencia ------------------------- */
	
	.header-transparencia  { float: none; width: 100%; }
	#transparencia-utem h3 { border-bottom: 2px solid #BDC9D1; margin-bottom: 20px; padding: 0 0 10px 0; }
	#transparencia-utem ul { float: none; width: 100%; }

 /* -- Sellos destacados ---------------------- */
 
 #sellos-destacados .acred2021 a img { height: 150px !important; }
 #sellos-destacados .estsust a img   { height: 150px !important; }
	
	/* -- Portales Facultad --------------------- */
	
	.facultad                     { padding: 20px 0; }
	.nav-fac ul li article figure { width: 80%; }
	.av-pres-fac ul li article a  { padding: 20px; }
	
	/* -- Portal Facultad 2 columnas ------------ */
	
	.facultad-2 section                    { padding: 0 30px; }
	.facultad-2 section .portada-f2 figure { width: 100%; }

	/* -- Interno -------------------------------- */
	/* ------------------------------------------- */

	/* -- Articulo Principal --------------------- */
	.lista-prensa-contenido li header     { padding-left: 0; padding-top: 10px; width: 100%; }
	.lista-prensa-contenido li figure     { width: 100%; }
	.lista-prensa-contenido li figure img { width: 100%; }

	/* -- Historico ------------------------------ */
	.lista-historico li { width: 50%; }
	
	/* -- Aside ---------------------------------- */
	.lista-avisual li                { width: 100%; }
	.lista-avisual li:first-child    { margin-bottom: 20px; }
	.lista-avisual li article img    { width: 100%; }
	.lista-rel li                    { margin-top: 20px; }
	.lista-rel li article            { border-bottom: none; padding: 0 0; }
	.lista-rel li:last-child article { padding: 0 0 0 0; }
	.lista-rel li article header     { padding: 10px 0 0 0; width: 100%; }
	.lista-rel figure                { width: 100%; }
	.lista-rel figure img            { width: 100%; }

	/* -- Items ---------------------------------- */
	li.item-mapa           { width: 50%; }
	.item-mapa figure      { width: 50%; }

	/* -- Interior: Error 404 ------------------------------------- */

	main#contenido-pag-404   { width: 960px !important; }

	/* -- Eventos ------------------------------------- */

	div.fecha-rss-agenda  { width: 30%; }
	div.titulo-rss-agenda { width: 70%; }

}

@media only screen and (max-width: 1024px) {}

/* -- Diapositiva ------------------------------------------------- */
/* ---------------------------------------------------------------- */

@media screen and (min-width:960px) and (min-height:660px)  { /* .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 480px !important; } */ }
@media screen and (min-width:960px) and (min-height:1000px) { /* .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 660px !important; } */ }
@media only screen and (max-width: 767px)                   { /* .clr-adm #robapagina { padding-top: 80px; } */ }

/* ================================================================ */
/* ---------------------->>> 959 > < 768 <<<----------------------- */
/* ================================================================ */
   
@media only screen and (max-width: 959px) {

	/* -- Cuadricula y Contenedores ------------- */
	
	.envoltura-16, nav#nav-escritorio, #redes .contenedor-redes, div#menu-pie-pagina, .prensa { width: 768px; }
	.envoltura-16-nav-adm { width: 100% !important; }
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
	.col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { margin-left: 15px; margin-right: 15px; }

	.col-1  { width: 18px; }   .col-2 { width: 66px; }   .col-3 { width: 114px; }  .col-4 { width: 162px; }
	.col-5  { width: 210px; }  .col-6 { width: 258px; }  .col-7 { width: 306px; }  .col-8 { width: 354px; }
	.col-9  { width: 402px; } .col-10 { width: 450px; } .col-11 { width: 498px; } .col-12 { width: 546px; }
	.col-13 { width: 594px; } .col-14 { width: 642px; } .col-15 { width: 690px; } .col-16 { width: 738px; }

	/* -- Quitar y mostrar de pantalla ---------- */

	.contenedor-redes .acreditacion, #menu-principal-escritorio, .gob-pie,
	#video-secundario ul li:last-child { display: none; }
	section#menu-principal-rsp, .borde-sup-crpvo-ppag { display: block; }
	
	/* -- Cabecera ------------------------------ */
	
	#cabecera #utem-logo          { height: 70px; margin-top: 40px; width: 180px; }	
	.clr-adm #cabecera #utem-logo { height: 70px; margin-top: 40px; width: 180px; }
	
	/* -- Redes --------------------------------- */
	
	nav.menu-redes    { width: 738px; }
	nav.menu-redes ul { float: none !important; }

	/* -- Pie ----------------------------------- */

	.col-4-pie                    { margin-bottom: 40px; padding: 0 15px; width: 50%; }
	.col-4-pie:nth-child(2)       { border-right: none; }
	.col-4-pie:nth-child(3),
	.col-4-pie:nth-child(4)       { margin-bottom: 0; }
	#logos-pie-rsp                { display: block !important; padding: 0 15px 0 15px; }
	.acreditacion-rsp             { float: left; height: 80px; padding: 0; width: 199px; }
	.meta-autor                   { display: block !important; padding: 0 15px 0 15px !important; vertical-align: top; }
	#corporativo-pie-pagina .contenedor-crpvo-pie-pagina { height: auto; padding: 0 15px 40px 15px; }

	/* -- Videos -------------------------------- */

	#video-destacado ul li  { padding-right: 15px; }
	#video-secundario ul li { padding-left: 15px; }	
	#video-destacado ul li article figure,
	#video-secundario ul li article figure { height: 130px !important; }
	#video-destacado ul li article a figure img,
	#video-secundario ul li article a figure img { height: auto; width: 155%; }
	.col-7-16 { float: left; width: 43.75%; }
	.col-9-16 { float: left; width: 56.25%; }
	#video-secundario ul li { width: 50% !important; }

	/* -- Atajos -------------------------------- */

	#atajos-portal ul li              { margin-bottom: 40px; width: 25%; }
	#atajos-portal ul li:nth-child(5),
	#atajos-portal ul li:nth-child(6) { margin-bottom: 0; }

	/* -- Accesos ------------------------------- */

	.otros-accesos { padding: 0 15px; }

	/* -- Transparencia ------------------------- */

	.header-transparencia     { float: none; padding: 0 15px; width: 100%; }
	#transparencia-utem ul    { float: none; width: 100%; }
	#transparencia-utem ul li { padding: 0 15px; }
	#transparencia-utem h3    { border-bottom: 2px solid #BDC9D1; margin-bottom: 20px; padding: 0 0 10px 0; }

	/* -- Sellos destacados --------------------- */
 
 #sellos-destacados .acred2021       { padding: 0 15px; }
 #sellos-destacados .acred2021 a img { height: 120px !important; }
 #sellos-destacados .estsust         { padding: 0 15px; }
 #sellos-destacados .estsust a img   { height: 120px !important; }

	/* -- Pie de Pagina ------------------------- */

	#pie-pagina         { padding: 20px 0 0 0; }
	div#menu-pie-pagina { padding-bottom: 20px; }

	/* -- Portales Facultad --------------------- */

	.col-40 { float: left; margin-left: 0; margin-right: 0; padding: 0 15px; width: 40%; }
	.col-60 { float: left; margin-left: 0; margin-right: 0; padding: 0 15px; width: 60%; }
	.facultad                     { padding: 20px 0; }
	.nav-fac ul li                { width: 33.3333%; }
	.nav-fac ul li article figure { width: 90%; }
	.av-pres-fac ul li article a  { padding: 20px; }
	
	/* -- Portal Facultad 2 columnas ------------ */
	
	.menu-portal-2                         { padding: 20px 0; }
	.facultad-2 section                    { padding: 0 15px; }
	.facultad-2 section .portada-f2        { padding-right: 0; width: 100%; }
	.facultad-2 section .portada-f2 figure { margin: 0 auto; width: 40%; }
	.facultad-2 section nav                { width: 100%; }
	.facultad-2 section h2                 { margin: 30px 0 0 0; }
	
	/* -- Portal Facultad 3 columnas ------------ */

	.menu-portal-3                         { padding: 20px 0; }
	.facultad-3 section                    { padding: 0 15px; }
	.facultad-3 section .portada-f3 figure { width: 60%; }

	/* -- Grilla Prensa ------------------------- */

	.articulo-a, .articulo-b, .articulo-c, .articulos-a, .articulos-b, .articulos-c,
	.difusion, .bloque                   { padding: 0 15px; }
	.difusion .banner                    { margin-bottom: 0; padding-right: 20px; width: 50%; }
	ul.mkt                               { width: 50%; }
	.articulos-c-item article figure     { margin-bottom: 10px; width: 100%; }
	.articulos-c-item article figure img { height: auto; width: 130%; }
	.prensa-12-col                       { width: 100%; }
	.prensa-12-col aside div             { float: left; width: 25%; }
	.no-borde-derecho-prensa             { border-right: none; }
	.separador-secc-prensa-959           { border-bottom: solid 2px #099; float: left; margin-bottom: 20px; padding-bottom: 20px; width: 100%; }
	.no-separador-secc-prensa-959        { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
	
	/* -- Interno -------------------------------- */
	/* ------------------------------------------- */

	.col-05-int                     { width: 100%; }
	.col-11-int                     { width: 100%; }
	#contenedor-contenido-principal,
	#contenedor-contenido-historico { padding-right: 0; }
	.reset-espacio-vsup             { margin-top: 0; }

	/* -- Articulo Principal --------------------- */
	.articulo-principal                { padding: 30px !important; }
	.lista-avisual li article figure   { width: 40%; }
	.lista-avisual li article img      { width: 140%; }
	.lista-avisual li article header   { margin-top: 0; padding: 0 0 0 20px; width: 50%; }
	.lista-rel li                      { width: 50%; }
	.lista-rel li article              { border-bottom: none; padding: 20px 0 0 0; }
	.lista-rel li article header       { width: 60%;}
	.lista-rel figure                  { width: 40%; }
	.lista-rel figure img              { width: 140%; }
	.lista-rel li:nth-child(3) article,
	.lista-rel li:nth-child(4) article { padding: 20px 0 0 0; }
	.prensa-contenido                  { padding: 25px 30px 25px 30px !important; }
	.taxonomia-contenido               { padding: 25px 30px 25px 30px !important; }
	.cabecera-mas-adm figure img       { width: 35%; }
	.portada-mas-menu-rel { width: 25%; }
	
	/* -- Comentarios ---------------------------- */
	#contenido-comentarios { padding: 30px !important; }
	
	/* -- Items ---------------------------------- */
	#contenedor-mapas      { padding-right: 0; }

	/* -- Interior: Error 404 ------------------------------------- */

	main#contenido-pag-404   { width: 768px; }
	.msje-404 figure         { padding-top: 80px; }

	/* -- Eventos ------------------------------------- */

	div.fecha-rss-agenda  { width: 35%; }
	div.titulo-rss-agenda { width: 65%; }

    /* -- Banner Contacto ADM 2021 -------------- */

    .lista_contac_adm_2021 li           { height: 190px; }
    .lista_contac_adm_2021 li a figure  { height: 50px; }
    .lista_contac_adm_2021 li header h1 { font-size: 1.6rem; line-height: 120%; margin-bottom: 8px; }
    .lista_contac_adm_2021 li header h2 { font-size: 1.2rem; line-height: 120%; }
    .lista_contac_adm_2021 li figure    { height: 50px; }

}

/* ================================================================ */
/* ---------------------->>> 767 > < 481 <<<----------------------- */
/* ================================================================ */

@media only screen and (max-width: 767px) {
	
	body { background-color: #E6E6E6; }
	
	/* -- Ayudantes ----------------------------- */

	.espacio-vinf { margin-bottom: 20px; }
	.espacio-vsup { margin-top: 20px; }

	/* -- Cuadricula y Contenedores ------------- */

	.envoltura-16, nav#nav-escritorio, #redes .contenedor-redes, div#menu-pie-pagina,
	#corporativo-pie-pagina .contenedor-crpvo-pie-pagina, .prensa { min-width: 300px; width: 100%; }
	nav.menu-redes { min-width: 270px; width: 100%; }

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
	.col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; }
	
	#redes .contenedor-redes { padding: 22px 15px; }

	.col-1  { width: 6.25%; }   .col-2 { width: 12.5%; }  .col-3 { width: 18.75%; }  .col-4 { width: 25%; }
	.col-5  { width: 31.25%; }  .col-6 { width: 37.5%; }  .col-7 { width: 43.75%; }  .col-8 { width: 50%; }
	.col-9  { width: 56.25%; } .col-10 { width: 62.5%; } .col-11 { width: 68.75%; } .col-12 { width: 75%; }
	.col-13 { width: 81.25%; } .col-14 { width: 87.5%; } .col-15 { width: 93.75%; } .col-16 { width: 100%;}

	/* -- Quitar y mostrar de pantalla ---------- */

	#contenedor-cabecera, #cabecera, #gob-permanente, #btn-toggletop-rsp, #utem-toggle-rsp,
	#video-secundario ul li:nth-child(2), #video-secundario ul li:nth-child(3) { display: none !important; }
	#buscador-rsp, #perfiles-rsp, section#menu-principal-rsp, #top-gob-rsp { display: block !important; }

	/* -- Menu Principal ------------------------ */

	header#top-acordeon-rsp {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		height: 80px !important;
		padding: 20px 20px 15px 20px !important;
	}
	
	#top-acordeon-rsp #utem-logo-rsp { display: inline; visibility: visible; }
	.clr-adm #top-acordeon-rsp #utem-logo-rsp { display: inline; visibility: visible; }
	.clr-cor header#top-acordeon-rsp,
	.clr-fae header#top-acordeon-rsp,
	.clr-ing header#top-acordeon-rsp,
	.clr-cnm header#top-acordeon-rsp,
	.clr-hum header#top-acordeon-rsp,
	.clr-ord header#top-acordeon-rsp,
	.clr-com header#top-acordeon-rsp { background-color: #FFF; }
	.clr-adm header#top-acordeon-rsp { background-color: #000; }

	/* -- Noticias ------------------------------ */
	
	.col-completo-noticias { margin: 0; padding: 0 15px; width: 100%; min-width: 300px; }
	#agenda                { margin-top: 20px; }

	/* -- Videos -------------------------------- */
	
	.col-mitad-video                       { width: 50%; }
	#video-destacado ul li                 { padding-right: 15px; }
	#video-secundario ul li                { padding-left: 15px; }
	#video-secundario ul li                { width: 100% !important; }
	#video-destacado ul li article figure,
	#video-secundario ul li article figure { height: 130px !important; }
	#video-destacado ul li article a figure img,
	#video-secundario ul li article a figure img { height: auto; width: 170%; }
	
	/* -- Atajos -------------------------------- */
	
	section#atajos-portal       { background-color: #E6E6E6; padding: 40px 15px 40px 15px; }
	#atajos-portal ul li figure { width: 100%; }

	/* -- Accesos ------------------------------- */

	#accesos          { padding: 40px 0 0 0; }
	.otros-accesos    { margin-bottom: 30px; padding: 0 15px; }
	.otros-accesos-sb { margin-bottom: 0; }

	/* -- Transparencia ------------------------- */

	.header-transparencia, #transparencia-utem ul li { padding: 0 15px; }

 /* -- Sellos destacados --------------------- */
 
 #sellos-destacados .acred2021 a img { height: 100px !important; }
 #sellos-destacados .estsust a img   { height: 100px !important; }

	/* -- Borrar bordes de secciones ------------ */

	main, #av, .facultad, .menu-portal-2, .menu-portal-3 { border-bottom: none; }
	
	/* -- Correccion de margenes verticales ----- */

	main, #av { padding: 20px 0 20px 0; }

	/* -- Diapositiva --------------------------- */

	.heroSlider .rsOverflow, .royalSlider.heroSlider { height: 340px !important; }

	.infoBlock {
		bottom: 0;
		height: auto;
		left: 0;
		max-width: 100%;
		right: 0;
		top: auto;
	}

	.infoBlock h1   { width: 100%; }
	.infoBlock h1 a { padding: 20px 45px; width: 100%; }
	
	.infoBlock h1 a .more {
		background-color: transparent !important;
		border-radius: 0;
		display: inline;
		height: auto;
		margin-top: 0;
		padding: 0 0 0 5px;
		width: auto;
	}

	.infoBlock h1:hover a .more { background-color: transparent !important; }

	/* -- Portales Facultad --------------------- */
	
	.col-100                             { float: left; margin-left: 0; margin-right: 0; padding: 0 15px; width: 100%; }
	.nav-fac ul li                       { width: 25%; }
	.nav-fac ul li article figure        { width: 70%; }
	.av-pres-fac                         { margin-top: 30px; }
	.av-pres-fac ul li article           { position: relative; }	
	.av-pres-fac ul li article figure    { width: 50%; }
	.av-pres-fac ul li article header    { bottom: 0; padding: 20px; position: absolute; right: 0; width: 50%; }
	
	/* -- Portal Facultad 2 columnas ------------ */

	.menu-portal-2                         { padding: 20px 0 0 0; }
	.facultad-2 section                    { margin-bottom: 20px; padding: 0 15px; width: 100%;  }
	.facultad-2 section .portada-f2        { width: 30%; }
	.facultad-2 section .portada-f2 figure { margin: 0 auto; width: 70%; }
	.facultad-2 section nav                { width: 70%; }

	/* -- Portal Facultad 3 columnas ------------ */

	.menu-portal-3                         { padding: 20px 0 0 0; }
	.facultad-3 section                    { margin-bottom: 20px; padding: 0 15px; width: 100%; }
	.facultad-3 section .portada-f3        { width: 30%; }
	.facultad-3 section .portada-f3 figure { margin: 0 auto; width: 70%; }
	.facultad-3 section nav                { width: 70%; }
	.facultad-3 section h2                 { margin: 30px 0 0 0; padding: 10px 20px; }

	/* -- Interno -------------------------------- */
	/* ------------------------------------------- */
	
	col-11-int, col-05-int { width: 100%; min-width: 300px; }
	.reset-espacio-vsup    { margin-top: 0; }

	/* -- Interior: Error 404 ------------------------------------- */

	main#contenido-pag-404   { width: 100%; }

}

@media only screen and (max-width: 600px) {
	
	/* -- Atajos y Transparencia ---------------- */
	
	#atajos-portal ul li              { width: 33.33333% !important; }
	#atajos-portal ul li:nth-child(4) { margin-bottom: 0; }
	#transparencia-utem ul li         { width: 50%; }
	
	/* -- Portales Facultad --------------------- */
	
	.nav-fac ul li { width: 33.33333%; }

	/* -- Grilla Prensa ------------------------- */	

	.p-principal, .p-secundaria, .prensa-12-col aside div             { width: 100%; }
	.articulos-a-item li, .articulos-b-item li, .articulos-c-item li  { border-bottom: none; float: left; margin-bottom: 15px; padding: 0; width: 100%; }
	.articulos-c-item li:first-child, .articulos-c-item li:last-child { padding: 0; }

	.articulos-a-item li article figure, .articulos-b-item li article figure,
	.articulos-c-item li article figure {
		display: inline;
		float: left;
		height: auto;
		margin-bottom: 0;
		margin-right: 20px;
		overflow: hidden;
		visibility: visible;
		width: 25%;
	}

	.articulos-a-item li article figure img, .articulos-b-item li article figure img,
	.articulos-c-item li article figure img                        { height: auto; width: 160%; }
	.articulos-c-item li article h2                                { margin-bottom: 10px; }
	.articulos-c-item li article blockquote                        { display: inline; visibility: visible; }
	.articulo-a article figure, .articulo-b article figure         { float: left; margin-bottom: 0; width: 40%; }
	.articulo-a article h2, .articulo-b article h2                 { float: right; padding-left: 20px; width: 60%; }
	.articulo-a article blockquote, .articulo-b article blockquote { float: right; padding-left: 20px; width: 60%; }
	.separador-secc-prensa-final                                   { border-bottom: solid 2px #099; margin-bottom: 20px; padding-bottom: 20px; }
	.bloque article figure                                         { margin-bottom: 10px; width: 100%; }
	.bloque article figure img                                     { width: 100%; }
	.bloque article h2                                             { margin-bottom: 10px; }

	/* -- Interno -------------------------------- */
	/* ------------------------------------------- */

	/* -- Articulo Principal --------------------- */
	.lista-prensa-contenido li:first-child { padding-right: 10px; }
	.lista-prensa-contenido li:last-child  { padding-left: 10px; }
	.lista-prensa-contenido li header      { padding-left: 0; padding-top: 10px; width: 100%; }
	.lista-prensa-contenido li figure      { width: 100%; }
	.lista-prensa-contenido li figure img  { width: 100%; }

	/* -- Historico ------------------------------ */
	.lista-historico li { width: 50%; }
	
	/* -- Aside ---------------------------------- */
	.lista-avisual li article figure     { width: 100%; }
	.lista-avisual li article figure img { width: 100%; }
	.lista-avisual li article header     { padding: 10px 0 0 0; width: 100%; }
	.lista-rel figure                    { width: 100%; }
	.lista-rel figure img                { width: 100%; }
	.lista-rel li article header         { padding: 10px 0 0 0; width: 100%;}

	/* -- Comentarios ---------------------------- */
	#contenedor-comentarios .comentarios { width: 100% !important; }
	.commentlist ul li                   { padding: 0 0 0 0; }
	.commentlist ul li ul li             { padding: 0 0 0 20px; }
	.campo-completar-comentario          { padding: 10px 0; }
	.campo-completar-comentario label    { width: 100% !important; }
	.campo-completar-comentario input    { width: 100% !important; }
	#respond textarea                    { width: 100% !important; }

	/* -- Items ---------------------------------- */
	li.item-mapa      { width: 50%; }
	.item-mapa figure { width: 40%; }
	.mapa figure      { float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 40%; }
	div.info-mapa     { float: left; padding-left: 0; width: auto; }

	/* -- Interior: Error 404 ------------------------------------- */

	.img-404             { float: left; padding-right: 20px; width: 100%; }
	.img-404 figure      { width: 70%; margin: 0 10% 0 20%; }
	.msje-404            { padding-bottom: 40px; width: 100%; }
	.msje-404 figure     { padding-top: 0; text-align: center; width: 100%; }
	.msje-404 figure img { width: 40%; }
	.msje-404 h1         { padding-left: 0; }
	.menu-404            { padding-left: 0; }
	.menu-404 h1         { padding-left: 0; }
	.menu-404 ul         { padding-left: 0; }

    /* -- Banner Contacto ADM 2021 -------------- */

    .lista_contac_adm_2021 li              { height: 220px; padding: 10px; width: 33.3%; }
    .lista_contac_adm_2021 li a figure     { height: 70px; margin-bottom: 10px; }
    .lista_contac_adm_2021 li a figure img { width: 40%; }
    .lista_contac_adm_2021 li header h1    { font-size: 1.6rem; line-height: 120%; margin-bottom: 10px; }
    .lista_contac_adm_2021 li header h2    { font-size: 1.3rem; line-height: 120%; }
    .lista_contac_adm_2021 li figure       { height: 70px; margin-bottom: 10px; }
    .lista_contac_adm_2021 li figure img   { width: 40%; }

}

/* ================================================================ */
/* ---------------------->>> 480 > < 300 <<<----------------------- */
/* ================================================================ */

@media only screen and (max-width: 480px) {

	/* -- Redes --------------------------------- */

	nav.menu-redes ul li h2 { float: none; margin-bottom: 5px; margin-right: 0; }

	/* -- Noticias ------------------------------ */

	.noticia figure     { height: 130px; }
	.noticia figure img { height: auto; width: 140%; }

	/* -- Pie ----------------------------------- */

	li.col-4-pie {
		border-bottom: dotted 1px #666;
		border-left: none;
		margin: 0;
		padding: 20px 15px;
		width: 100%;
	}
	
	li.col-4-pie:last-child { border-bottom: none; }
	.gob-pie-rsp            { width: 100% !important; }
	.acreditacion-rsp       { margin-bottom: 20px; width: 100% !important; }
	div#intranet, nav.nav-pie-pagina,
	.borde-menu-pie-pagina  { border-left: none; padding-left: 0; }

	/* -- Accesos ------------------------------- */

	.otros-accesos ul li a { display: block; padding: 8px 0 8px 20px; }
	.otros-accesos { margin-bottom: 30px; width: 100%; }
	
	/* -- Atajos -------------------------------- */
	
	#atajos-portal ul li { width: 50% !important; }
	
	/* -- Portales Facultad --------------------- */
	
	.nav-fac ul li                    { width: 50%; }
	.av-pres-fac ul li article figure { width: 100%; }
	.av-pres-fac ul li article header { padding: 0; padding-top: 20px; position: relative; width: 100%; }
	
	/* -- Portal Facultad 2 columnas ------------ */

	.facultad-2 section .portada-f2        { width: 35%; }
	.facultad-2 section .portada-f2 figure { width: 80%; }
	.facultad-2 section nav                { width: 65%; }
	
	/* -- Portal Facultad 3 columnas ------------ */

	.facultad-3 section .portada-f3        { width: 35%; }
	.facultad-3 section .portada-f3 figure { width: 80%; }
	.facultad-3 section nav                { width: 65%; }

	/* -- Grilla Prensa ------------------------- */

	.nav-prensa h4                   { display: block; float: none; margin-right: 0; }
	.nav-prensa-menu                 { display: block; float: left; margin-top: 10px; width: 100%; }
	.nav-prensa-menu li              { background-color: #FFF; display: block; padding: 0; width: 100%; }
	.nav-prensa-menu li:last-child   { padding: 0; }
	.nav-prensa-menu li a            { border-bottom: solid 1px #DEDEDE; float: left; padding: 3px 0; width: auto; }
	.nav-prensa-menu li:last-child a { border-bottom: none; }

	/* -- Interno -------------------------------- */
	/* ------------------------------------------- */

	/* -- Articulo Principal --------------------- */
	ul.mnsj p                     { display: none; visibility: hidden; }
	#pestanas ul li               { margin-bottom: 5px; width: 100%; }
	#pestanas ul li a             { border-right: none; padding: 5px 15px; width: 100%; }
	div.item-igral                { padding-right: 0; width: 100%; }
	div.val-item-igral            { padding-left: 0; width: 100%; }
	.malla-anual .malla-semestre  { width: 100%; }
	blockquote.bck-prin           { padding: 20px 0 20px 0; width: 100%; }
	.img-contenido                { margin: 0 0 5px 0; width: 100%; }
	.cabecera-taxonomia-contenido { width: 100%; }
	.cabecera-prensa-contenido    { width: 100%; }
	
	/* -- Aside ---------------------------------- */
	.portada-mas-menu-rel        { width: 35%; }
	.cabecera-mas-adm figure img { width: 45%; }

	/* -- Items ---------------------------------- */
	.item-mapa article         { padding: 30px; }
	.item-mapa figure          { width: 40%; }
	li.item-mapa               { width: 100%; }
	.contenido-mapa            { padding: 30px 0 0 0; }
	.contenido-mapa .paginador { padding: 0 30px; }
	.contenido-mapa header     { padding: 0 30px; }
	div.pie-mapa header        { padding: 30px 30px 0 30px; }
	div.pie-mapa               { padding: 0; }

	/* -- PREGUNTAS RESPUESTAS MATRICULA 2018 ---- */

	.contenedor_como_colaboro  { display: block; float: left; }
	.como_colaboro             { display: block; float: left; width: 100%; }
	.como_colaboro_ico         { display: block; float: left; padding: 10px; text-align: center; width: 100%; }
	.como_colaboro_descripcion { display: table-cell; float: left; padding: 0 20px 10px 20px; width: 100%; }

	/* -- Funcionarios Unidad -------------------- */
	/* ------------------------------------------- */

	/* -- Diagramacion ----------------------------- */
    
    .fu_img                  { margin-bottom: 15px; padding: 0 auto; text-align: center; width: 100%; }
    .fu_img img              { width: 40%; }
    .fu_desc                 { width: 100%; }

 /* -- Sellos destacados --------------------- */

 #sellos-destacados .acred2021 a img { height: 120px !important; }
 #sellos-destacados .estsust a img   { height: 120px !important; }
 #sellos-destacados .acred2021       { float: left; padding: 0 0; text-align: center; width: 100% !important; }
 #sellos-destacados .estsust         { float: left; padding: 0 0; text-align: center; width: 100% !important; }

}

@media only screen and (max-width: 390px) {

    /* -- Banner Contacto ADM 2021 -------------- */

    .lista_contac_adm_2021 li { height: 200px; width: 50%; }

}

@media only screen and (max-width: 360px) {
	
	/* -- Contenedores -------------------------- */

	.col-completo-video { width: 100% !important; }
	
	/* -- Menu perfiles responsivo -------------- */
	
	#perfiles-rsp ul li { width: 100%; }
	#perfiles-rsp ul li:nth-child(even) { border-left: none; }
	
	/* -- Video --------------------------------- */

	#video-destacado ul li  { margin-bottom: 10px; padding-right: 0; }
	#video-secundario ul li { padding-left: 0; }	
	
	/* -- Atajos -------------------------------- */
	
	section#atajos-portal             { padding: 20px 15px 20px 15px; }
	#atajos-portal                    { min-width: 300px !important; width: 100% !important; }
	#atajos-portal ul li              { margin: 0; padding: 25px 15px !important; width: 100% !important; }
	#atajos-portal ul li figure       { width: 60%; margin: 0 auto; }
	#atajos-portal ul li:nth-child(6) { margin-bottom: 0; }

	/* -- Transparencia ------------------------- */

	#transparencia-utem ul li              { width: 100%; }
	#transparencia-utem ul li:nth-child(4) { margin-bottom: 20px; }
	#transparencia-utem ul li a            { margin: 0 auto; width: 100%; min-width: 270px; }
	
	/* -- Portales Facultad --------------------- */
	
	.nav-fac ul li                { margin-bottom: 20px; width: 100%; }
	.nav-fac ul li article figure { width: 50%; }
	
	/* -- Portal Facultad 2 columnas ------------ */

	.facultad-2 section .portada-f2        { width: 100%; }
	.facultad-2 section .portada-f2 figure { margin: 0 auto; width: 50%; }
	.facultad-2 section nav                { width: 100%; }

	/* -- Portal Facultad 3 columnas ------------ */

	.facultad-3 section .portada-f3        { width: 100%; }
	.facultad-3 section .portada-f3 figure { margin: 0 auto; width: 50%; }
	.facultad-3 section nav                { width: 100%; }

	/* -- Grilla Prensa ------------------------- */

	.bloque article                { border-bottom: solid 1px #DEDEDE; padding-bottom: 10px; padding-right: 0; width: 100%; }
	.bloque-nav                    { border-left: none; padding-left: 0; width: 100%; }
	.bloque-nav ul li:first-child  { padding: 10px 0; }
	.difusion .banner              { margin-bottom: 10px; padding-right: 0; width: 100%; }
	ul.mkt                         { width: 100%; }
	.articulo-a article figure, .articulo-b article figure         { margin-bottom: 10px; width: 100%; }
	.articulos-a-item li article figure img, .articulos-b-item li article figure img { width: 100%; }
	.articulo-a article h2, .articulo-b article h2                 { float: left; margin-bottom: 10px; padding-left: 0; width: 100%; }
	.articulo-a article blockquote, .articulo-b article blockquote { float: left; padding-left: 0; width: 100%; }

	/* -- Interno -------------------------------- */
	/* ------------------------------------------- */

	/* -- Articulo Principal --------------------- */
	.lista-prensa-contenido li             { width: 100%; }
	.lista-prensa-contenido li:first-child { margin-bottom: 20px; padding-right: 0; }
	.lista-prensa-contenido li:last-child  { padding-left: 0; }

	/* -- Historico ------------------------------ */
	.lista-historico li              { width: 100%; }
	
	/* -- Aside ---------------------------------- */
	.mas-avisual ul li               { width: 100%; }
	.mas-avisual ul li:first-child   { margin-bottom: 20px; }
	.lista-rel li                    { margin-top: 20px; padding: 0 10px; width: 100%; }
	.lista-rel li article            { padding: 0 0; }
	.lista-rel figure                { width: 100%; }
	.lista-rel figure img            { width: 100%; }
	.lista-rel li:nth-child(3) article,
	.lista-rel li:last-child article { padding: 0 0 0 0; }
	.portada-mas-menu-rel            { width: 50%; }
	.cabecera-mas-adm figure img     { width: 50%; }

}

@media only screen and (max-width: 300px) {

	/* -- Atajos y Accesos ---------------------- */

	#atajos-portal ul li figure { margin: 0 auto; width: 70%; }

}