@charset "iso-8859-1";

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* -------------------------->>> HOME <<<-------------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body.clr-cor {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-cor #cabecera #utem-logo a                      { background: url(../images/01_img_cor/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-cor #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/01_img_cor/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-cor .bg-menursp                                 { background: url(../images/01_img_cor/bg_body_cor.png) repeat-x left top; }
.clr-cor .cabecera-secciones-home h2                 { background: url(../images/01_img_cor/borde_inferior_cabecera_cor.png) left bottom no-repeat; }
.clr-cor #atajos-portal ul li article a:hover header { background: url(../images/01_img_cor/flecha_atajos_cor.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cor #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cor section#menu-principal-escritorio,
.clr-cor section#menu-principal-rsp, .clr-cor header#top-acordeon-rsp { background-color: #021C36; }
.clr-cor #form-buscador-rsp #s { border-right-color: #021C36; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-cor div#perfiles-rsp,
.clr-cor #perfiles-rsp ul,
.clr-cor #nav-rsp ul li.nivel-01,
.clr-cor div#buscador-rsp      { border-top-color: #1C334A; }
.clr-cor #perfiles-rsp ul li   { border-bottom-color: #1C334A; border-left-color: #1C334A; border-right-color: #1C334A; }
.clr-cor #perfiles-rsp ul li a:hover,
.clr-cor a.nodesplegable:hover { background-color: #1C334A; }
/* -- Oscuros ----------------------------------------------------- */
.clr-cor #nav-rsp ul li.nivel-01:last-child,
.clr-cor div#buscador-rsp { border-bottom-color: #010B16; }
.clr-cor #perfiles-rsp h5 { background-color: #02162B; border-bottom-color: #010B16; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-cor #form-buscador-rsp #buscar,
.clr-cor #menu-escritorio li a:hover, .clr-cor button.navbar-toggle,
.clr-cor .toggle, .clr-cor #noticias .crsl-nav .izq:hover,
.clr-cor #noticias .crsl-nav .der:hover, .clr-cor .ver-mas:hover,
.clr-cor #menu-escritorio li ul li a:hover,
.clr-cor #form-buscador-rsp #s { background-color: #39C; }
.clr-cor #menu-escritorio li ul li a:hover  { border-bottom-color: #39C; }
.clr-cor #nav-perfiles ul li a:hover, .clr-cor #nav-rsp ul li ul li a:hover,
.clr-cor #menu-escritorio li:hover ul li a, .clr-cor .nav-pie-pagina ul li a:hover,
.clr-cor .meta-autor a:hover, .clr-cor .cabecera-secciones-home h2,
.clr-cor .crsl-item .noticia a:hover header h1, .clr-cor .noticia header time,
.clr-cor #video-secundario article a:hover header h1, .clr-cor .otros-accesos h3,
.clr-cor .otros-accesos ul li a:hover { color: #39C; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-cor #form-buscador-rsp #s:focus, .clr-cor #form-buscador-rsp #buscar:hover,
.clr-cor .navbar-toggle:hover, .clr-cor .navbar-toggle:focus,
.clr-cor .toggle:hover, .clr-cor .toggle:focus { background-color: #42B8DB; }
/* -- Oscuros ----------------------------------------------------- */
.clr-cor #form-buscador-rsp #buscar:active { background-color: #2E8FC7; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cor #menu-escritorio li ul li a, .clr-cor .cabecera-secciones-home, .clr-cor main,
.clr-cor #av, .clr-cor .menu-portal-3, .clr-cor .facultad, .clr-cor .menu-portal-2,
.clr-cor .otros-accesos h3 { border-bottom-color: #BDC9D1; }
.clr-cor #noticias .crsl-nav .izq, .clr-cor #noticias .crsl-nav .der,
.clr-cor .ver-mas { background-color: #BDC9D1; }

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

.clr-cor #form-buscador #buscar:hover  { background-color: #39C; }  /* fondo celeste complementario corporativo */
.clr-cor #form-buscador #buscar:active { background-color: #2E8FC7; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cor #menu-escritorio li a { border-right-color: #235485; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cor #video-destacado article a:hover header h1 { color: #021C36; }
.clr-cor #atajos-portal ul li header h1 { color: #635A5D; }

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

.clr-cor #robapagina                 { border-bottom-color: #39C; }
.clr-cor .infoBlock h1 a .more       { background-color: #39C; }
.clr-cor .infoBlock h1:hover a .more { background-color: #021C36; }

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

.clr-cor .av-pres-fac ul li article { background-color: #D6EBF5; }
.clr-cor .nav-fac ul li article a:hover figure { background-color: #39C; }
.clr-cor .nav-fac ul li article a:hover h1, .clr-cor .av-pres-fac ul li article a:hover header h1,
.clr-cor .facultad-2 section ul li a:hover,
.clr-cor .facultad-3 section ul li a:hover { color: #39C; }
.clr-cor .facultad-2 section ul li         { color: #BDC9D1; }
.clr-cor .facultad-2 section h2            { background-color: #39C; }
.clr-cor .facultad-3 section ul li         { color: #BDC9D1; }
.clr-cor .facultad-3 section h2            { background-color: #39C; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------->>> FAC ADMINISTRACION Y ECONOMIA <<<-------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body.clr-fae {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-fae #cabecera #utem-logo a                      { background: url(../images/04_img_fac_fae/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-fae #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/04_img_fac_fae/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-fae .bg-menursp                                 { background: url(../images/04_img_fac_fae/bg_body_fae.png) repeat-x left top; }
.clr-fae .cabecera-secciones-home h2                 { background: url(../images/04_img_fac_fae/borde_inferior_cabecera_fae.png) left bottom no-repeat; }
.clr-fae #atajos-portal ul li article a:hover header { background: url(../images/04_img_fac_fae/flecha_atajos_fae.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-fae #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-fae section#menu-principal-escritorio,
.clr-fae section#menu-principal-rsp, .clr-fae header#top-acordeon-rsp { background-color: #F60; }
.clr-fae #form-buscador-rsp #s { border-right-color: #F60; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-fae div#perfiles-rsp,
.clr-fae #perfiles-rsp ul,
.clr-fae #nav-rsp ul li.nivel-01,
.clr-fae div#buscador-rsp      { border-top-color: #FF7A00; }
.clr-fae #perfiles-rsp ul li   { border-bottom-color: #FF7A00; border-left-color: #FF7A00; border-right-color: #FF7A00; }
.clr-fae #perfiles-rsp ul li a:hover,
.clr-fae a.nodesplegable:hover { background-color: #FF7A00; }
/* -- Oscuros ----------------------------------------------------- */
.clr-fae #nav-rsp ul li.nivel-01:last-child,
.clr-fae div#buscador-rsp { border-bottom-color: #FF4700; }
.clr-fae #perfiles-rsp h5 { background-color: #FF5C00; border-bottom-color: #FF4700; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-fae #form-buscador-rsp #buscar,
.clr-fae #menu-escritorio li a:hover, .clr-fae button.navbar-toggle,
.clr-fae .toggle, .clr-fae #noticias .crsl-nav .izq:hover,
.clr-fae #noticias .crsl-nav .der:hover, .clr-fae .ver-mas:hover,
.clr-fae #menu-escritorio li ul li a:hover,
.clr-fae #form-buscador-rsp #s { background-color: #F90; }
.clr-fae #menu-escritorio li ul li a:hover  { border-bottom-color: #F90; }
.clr-fae #nav-perfiles ul li a:hover, .clr-fae #nav-rsp ul li ul li a:hover,
.clr-fae #menu-escritorio li:hover ul li a, .clr-fae .nav-pie-pagina ul li a:hover,
.clr-fae .meta-autor a:hover, .clr-fae .cabecera-secciones-home h2,
.clr-fae .crsl-item .noticia a:hover header h1, .clr-fae .noticia header time,
.clr-fae #video-secundario article a:hover header h1, .clr-fae .otros-accesos h3,
.clr-fae .otros-accesos ul li a:hover { color: #F90; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-fae #form-buscador-rsp #s:focus, .clr-fae #form-buscador-rsp #buscar:hover,
.clr-fae .navbar-toggle:hover, .clr-fae .navbar-toggle:focus,
.clr-fae .toggle:hover, .clr-fae .toggle:focus { background-color: #FFA300; }
/* -- Oscuros ----------------------------------------------------- */
.clr-fae #form-buscador-rsp #buscar:active { background-color: #FF8F00; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

.clr-fae #menu-escritorio li ul li a, .clr-fae .cabecera-secciones-home, .clr-fae main,
.clr-fae #av, .clr-fae .menu-portal-3, .clr-fae .facultad, .clr-fae .menu-portal-2,
.clr-fae .otros-accesos h3 { border-bottom-color: #FFD18C; }
.clr-fae #noticias .crsl-nav .izq, .clr-fae #noticias .crsl-nav .der,
.clr-fae .ver-mas { background-color: #FFD18C; }

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

.clr-fae #form-buscador #buscar:hover  { background-color: #F90; }  /* fondo celeste complementario corporativo */
.clr-fae #form-buscador #buscar:active { background-color: #FF8F00; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-fae #menu-escritorio li a { border-right-color: #F90; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-fae #video-destacado article a:hover header h1 { color: #FF3D00; }
.clr-fae #atajos-portal ul li header h1 { color: #635A5D; }

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

.clr-fae #robapagina                 { border-bottom-color: #F60; }
.clr-fae .infoBlock h1 a .more       { background-color: #F90; }
.clr-fae .infoBlock h1:hover a .more { background-color: #F60; }

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

.clr-fae .av-pres-fac ul li article { background-color: #FFEBCC; }
.clr-fae .nav-fac ul li article a:hover figure { background-color: #F90; }
.clr-fae .nav-fac ul li article a:hover h1, .clr-fae .av-pres-fac ul li article a:hover header h1,
.clr-fae .facultad-2 section ul li a:hover,
.clr-fae .facultad-3 section ul li a:hover { color: #F90; }
.clr-fae .facultad-2 section ul li         { color: #FFD18C; }
.clr-fae .facultad-2 section h2            { background-color: #F90; }
.clr-fae .facultad-3 section ul li         { color: #FFD18C; }
.clr-fae .facultad-3 section h2            { background-color: #F90; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* --->>> FAC CIENCIAS CONSTRUCCION ORDENAMIENTO TERRITORIAL <<<--- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body.clr-ord {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-ord #cabecera #utem-logo a                      { background: url(../images/05_img_fac_ord/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-ord #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/05_img_fac_ord/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-ord .bg-menursp                                 { background: url(../images/05_img_fac_ord/bg_body_ord.png) repeat-x left top; }
.clr-ord .cabecera-secciones-home h2                 { background: url(../images/05_img_fac_ord/borde_inferior_cabecera_ord.png) left bottom no-repeat; }
.clr-ord #atajos-portal ul li article a:hover header { background: url(../images/05_img_fac_ord/flecha_atajos_ord.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ord #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ord section#menu-principal-escritorio,
.clr-ord section#menu-principal-rsp, .clr-ord header#top-acordeon-rsp { background-color: #600; }
.clr-ord #form-buscador-rsp #s { border-right-color: #600; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-ord div#perfiles-rsp,
.clr-ord #perfiles-rsp ul,
.clr-ord #nav-rsp ul li.nivel-01,
.clr-ord div#buscador-rsp      { border-top-color: #7A0000; }
.clr-ord #perfiles-rsp ul li   { border-bottom-color: #7A0000; border-left-color: #7A0000; border-right-color: #7A0000; }
.clr-ord #perfiles-rsp ul li a:hover,
.clr-ord a.nodesplegable:hover { background-color: #7A0000; }
/* -- Oscuros ----------------------------------------------------- */
.clr-ord #nav-rsp ul li.nivel-01:last-child,
.clr-ord div#buscador-rsp { border-bottom-color: #420000; }
.clr-ord #perfiles-rsp h5 { background-color: #5C0000; border-bottom-color: #420000; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-ord #form-buscador-rsp #buscar,
.clr-ord #menu-escritorio li a:hover, .clr-ord button.navbar-toggle,
.clr-ord .toggle, .clr-ord #noticias .crsl-nav .izq:hover,
.clr-ord #noticias .crsl-nav .der:hover, .clr-ord .ver-mas:hover,
.clr-ord #menu-escritorio li ul li a:hover,
.clr-ord #form-buscador-rsp #s { background-color: #900; }
.clr-ord #menu-escritorio li ul li a:hover { border-bottom-color: #900; }
.clr-ord #nav-perfiles ul li a:hover, .clr-ord #nav-rsp ul li ul li a:hover,
.clr-ord #menu-escritorio li:hover ul li a, .clr-ord .nav-pie-pagina ul li a:hover,
.clr-ord .meta-autor a:hover, .clr-ord .cabecera-secciones-home h2,
.clr-ord .crsl-item .noticia a:hover header h1, .clr-ord .noticia header time,
.clr-ord #video-secundario article a:hover header h1, .clr-ord .otros-accesos h3,
.clr-ord .otros-accesos ul li a:hover { color: #900; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-ord #form-buscador-rsp #s:focus, .clr-ord #form-buscador-rsp #buscar:hover,
.clr-ord .navbar-toggle:hover, .clr-ord .navbar-toggle:focus,
.clr-ord .toggle:hover, .clr-ord .toggle:focus { background-color: #A30000; }
/* -- Oscuros ----------------------------------------------------- */
.clr-ord #form-buscador-rsp #buscar:active { background-color: #8F0000; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ord #menu-escritorio li ul li a, .clr-ord .cabecera-secciones-home, .clr-ord main,
.clr-ord #av, .clr-ord .menu-portal-3, .clr-ord .facultad, .clr-ord .menu-portal-2,
.clr-ord .otros-accesos h3 { border-bottom-color: #CC8080; }
.clr-ord #noticias .crsl-nav .izq, .clr-ord #noticias .crsl-nav .der,
.clr-ord .ver-mas { background-color: #CC8080; }

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

.clr-ord #form-buscador #buscar:hover  { background-color: #900; } /* fondo celeste complementario corporativo */
.clr-ord #form-buscador #buscar:active { background-color: #8F0000; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ord #menu-escritorio li a { border-right-color: #850000; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ord #video-destacado article a:hover header h1 { color: #520000; }
.clr-ord #atajos-portal ul li header h1 { color: #635A5D; } /* anaranjado audiovisual destacado */

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

.clr-ord #robapagina                 { border-bottom-color: #600; }
.clr-ord .infoBlock h1 a .more       { background-color: #900; }
.clr-ord .infoBlock h1:hover a .more { background-color: #600; }

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

.clr-ord .av-pres-fac ul li article { background-color: #F5E5E5; }
.clr-ord .nav-fac ul li article a:hover figure { background-color: #900; }
.clr-ord .nav-fac ul li article a:hover h1, .clr-ord .av-pres-fac ul li article a:hover header h1,
.clr-ord .facultad-2 section ul li a:hover,
.clr-ord .facultad-3 section ul li a:hover { color: #900; }
.clr-ord .facultad-2 section ul li         { color: #CC8080; }
.clr-ord .facultad-2 section h2            { background-color: #900; }
.clr-ord .facultad-3 section ul li         { color: #CC8080; }
.clr-ord .facultad-3 section h2            { background-color: #900; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ---->>> FAC CIENCIAS NATURALES MATEMATICA MEDIO AMBIENTE <<<---- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body.clr-cnm {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-cnm #cabecera #utem-logo a                      { background: url(../images/06_img_fac_cnm/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-cnm #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/06_img_fac_cnm/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-cnm .bg-menursp                                 { background: url(../images/06_img_fac_cnm/bg_body_cnm.png) repeat-x left top; }
.clr-cnm .cabecera-secciones-home h2                 { background: url(../images/06_img_fac_cnm/borde_inferior_cabecera_cnm.png) left bottom no-repeat; }
.clr-cnm #atajos-portal ul li article a:hover header { background: url(../images/06_img_fac_cnm/flecha_atajos_cnm.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cnm #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cnm section#menu-principal-escritorio,
.clr-cnm section#menu-principal-rsp, .clr-cnm header#top-acordeon-rsp { background-color: #599A25; }
.clr-cnm #form-buscador-rsp #s { border-right-color: #599A25; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-cnm div#perfiles-rsp,
.clr-cnm #perfiles-rsp ul,
.clr-cnm #nav-rsp ul li.nivel-01,
.clr-cnm div#buscador-rsp      { border-top-color: #6BAE2C; }
.clr-cnm #perfiles-rsp ul li   { border-bottom-color: #6BAE2C; border-left-color: #6BAE2C; border-right-color: #6BAE2C; }
.clr-cnm #perfiles-rsp ul li a:hover,
.clr-cnm a.nodesplegable:hover { background-color: #6BAE2C; }
/* -- Oscuros ----------------------------------------------------- */
.clr-cnm #nav-rsp ul li.nivel-01:last-child,
.clr-cnm div#buscador-rsp { border-bottom-color: #3E7C1A; }
.clr-cnm #perfiles-rsp h5 { background-color: #509021; border-bottom-color: #3E7C1A; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-cnm #form-buscador-rsp #buscar,
.clr-cnm #menu-escritorio li a:hover, .clr-cnm button.navbar-toggle,
.clr-cnm .toggle, .clr-cnm #noticias .crsl-nav .izq:hover,
.clr-cnm #noticias .crsl-nav .der:hover, .clr-cnm .ver-mas:hover,
.clr-cnm #menu-escritorio li ul li a:hover,
.clr-cnm #form-buscador-rsp #s { background-color: #8CB619; }
.clr-cnm #menu-escritorio li ul li a:hover { border-bottom-color: #8CB619; }
.clr-cnm #nav-perfiles ul li a:hover, .clr-cnm #nav-rsp ul li ul li a:hover,
.clr-cnm #menu-escritorio li:hover ul li a, .clr-cnm .nav-pie-pagina ul li a:hover,
.clr-cnm .meta-autor a:hover, .clr-cnm .cabecera-secciones-home h2,
.clr-cnm .crsl-item .noticia a:hover header h1, .clr-cnm .noticia header time,
.clr-cnm #video-secundario article a:hover header h1, .clr-cnm .otros-accesos h3,
.clr-cnm .otros-accesos ul li a:hover { color: #8CB619; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-cnm #form-buscador-rsp #s:focus, .clr-cnm #form-buscador-rsp #buscar:hover,
.clr-cnm .navbar-toggle:hover, .clr-cnm .navbar-toggle:focus,
.clr-cnm .toggle:hover, .clr-cnm .toggle:focus { background-color: #98BD1C; }
/* -- Oscuros ----------------------------------------------------- */
.clr-cnm #form-buscador-rsp #buscar:active { background-color: #80AF16; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cnm #menu-escritorio li ul li a, .clr-cnm .cabecera-secciones-home, .clr-cnm main,
.clr-cnm #av, .clr-cnm .menu-portal-3, .clr-cnm .facultad, .clr-cnm .menu-portal-2,
.clr-cnm .otros-accesos h3 { border-bottom-color: #CBDE97; }
.clr-cnm #noticias .crsl-nav .izq, .clr-cnm #noticias .crsl-nav .der,
.clr-cnm .ver-mas { background-color: #CBDE97; }

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

.clr-cnm #form-buscador #buscar:hover  { background-color: #8CB619; } /* fondo celeste complementario corporativo */
.clr-cnm #form-buscador #buscar:active { background-color: #80AF16; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cnm #menu-escritorio li a { border-right-color: #6BAE2C; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-cnm #video-destacado article a:hover header h1 { color: #357216; }
.clr-cnm #atajos-portal ul li header h1 { color: #635A5D; } /* anaranjado audiovisual destacado */

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

.clr-cnm #robapagina                 { border-bottom-color: #599A25; }
.clr-cnm .infoBlock h1 a .more       { background-color: #8CB619; }
.clr-cnm .infoBlock h1:hover a .more { background-color: #599A25; }

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

.clr-cnm .av-pres-fac ul li article { background-color: #E8F0D1; }
.clr-cnm .nav-fac ul li article a:hover figure { background-color: #8CB619; }
.clr-cnm .nav-fac ul li article a:hover h1, .clr-cnm .av-pres-fac ul li article a:hover header h1,
.clr-cnm .facultad-2 section ul li a:hover,
.clr-cnm .facultad-3 section ul li a:hover { color: #8CB619; }
.clr-cnm .facultad-2 section ul li         { color: #CBDE97; }
.clr-cnm .facultad-2 section h2            { background-color: #8CB619; }

.clr-cnm .facultad-3 section ul li         { color: #CBDE97; }
.clr-cnm .facultad-3 section h2            { background-color: #8CB619; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ---->>> FAC HUMANIDADES TECNOLOGIAS COMUNICACION SOCIAL <<<----- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body.clr-hum {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-hum #cabecera #utem-logo a                      { background: url(../images/07_img_fac_hum/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-hum #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/07_img_fac_hum/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-hum .bg-menursp                                 { background: url(../images/07_img_fac_hum/bg_body_hum.png) repeat-x left top; }
.clr-hum .cabecera-secciones-home h2                 { background: url(../images/07_img_fac_hum/borde_inferior_cabecera_hum.png) left bottom no-repeat; }
.clr-hum #atajos-portal ul li article a:hover header { background: url(../images/07_img_fac_hum/flecha_atajos_hum.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-hum #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-hum section#menu-principal-escritorio,
.clr-hum section#menu-principal-rsp, .clr-hum header#top-acordeon-rsp { background-color: #650876; }
.clr-hum #form-buscador-rsp #s { border-right-color: #650876; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-hum div#perfiles-rsp,
.clr-hum #perfiles-rsp ul,
.clr-hum #nav-rsp ul li.nivel-01,
.clr-hum div#buscador-rsp      { border-top-color: #790A8E; }
.clr-hum #perfiles-rsp ul li   { border-bottom-color: #790A8E; border-left-color: #790A8E; border-right-color: #790A8E; }
.clr-hum #perfiles-rsp ul li a:hover,
.clr-hum a.nodesplegable:hover { background-color: #790A8E; }
/* -- Oscuros ----------------------------------------------------- */
.clr-hum #nav-rsp ul li.nivel-01:last-child,
.clr-hum div#buscador-rsp { border-bottom-color: #470652; }
.clr-hum #perfiles-rsp h5 { background-color: #5B076A; border-bottom-color: #470652; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-hum #form-buscador-rsp #buscar,
.clr-hum #menu-escritorio li a:hover, .clr-hum button.navbar-toggle,
.clr-hum .toggle, .clr-hum #noticias .crsl-nav .izq:hover,
.clr-hum #noticias .crsl-nav .der:hover, .clr-hum .ver-mas:hover,
.clr-hum #menu-escritorio li ul li a:hover,
.clr-hum #form-buscador-rsp #s { background-color: #800881; }
.clr-hum #menu-escritorio li ul li a:hover { border-bottom-color: #800881; }
.clr-hum #nav-perfiles ul li a:hover, .clr-hum #nav-rsp ul li ul li a:hover,
.clr-hum #menu-escritorio li:hover ul li a, .clr-hum .nav-pie-pagina ul li a:hover,
.clr-hum .meta-autor a:hover, .clr-hum .cabecera-secciones-home h2,
.clr-hum .crsl-item .noticia a:hover header h1, .clr-hum .noticia header time,
.clr-hum #video-secundario article a:hover header h1, .clr-hum .otros-accesos h3,
.clr-hum .otros-accesos ul li a:hover { color: #800881; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-hum #form-buscador-rsp #s:focus, .clr-hum #form-buscador-rsp #buscar:hover,
.clr-hum .navbar-toggle:hover, .clr-hum .navbar-toggle:focus,
.clr-hum .toggle:hover, .clr-hum .toggle:focus { background-color: #8D098E; }
/* -- Oscuros ----------------------------------------------------- */
.clr-hum #form-buscador-rsp #buscar:active { background-color: #730774; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

.clr-hum #menu-escritorio li ul li a, .clr-hum .cabecera-secciones-home, .clr-hum main,
.clr-hum #av, .clr-hum .menu-portal-3, .clr-hum .facultad, .clr-hum .menu-portal-2,
.clr-hum .otros-accesos h3 { border-bottom-color: #CC9CCD; }
.clr-hum #noticias .crsl-nav .izq, .clr-hum #noticias .crsl-nav .der,
.clr-hum .ver-mas { background-color: #CC9CCD; }

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

.clr-hum #form-buscador #buscar:hover  { background-color: #800881; }  /* fondo celeste complementario corporativo */
.clr-hum #form-buscador #buscar:active { background-color: #730774; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-hum #menu-escritorio li a { border-right-color: #830A9A; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-hum #video-destacado article a:hover header h1 { color: #3D0547; }
.clr-hum #atajos-portal ul li header h1 { color: #635A5D; }

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

.clr-hum #robapagina                 { border-bottom-color: #650876; }
.clr-hum .infoBlock h1 a .more       { background-color: #800881; }
.clr-hum .infoBlock h1:hover a .more { background-color: #650876; }

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

.clr-hum .av-pres-fac ul li article { background-color: #F2E6F2; }
.clr-hum .nav-fac ul li article a:hover figure { background-color: #800881; }
.clr-hum .nav-fac ul li article a:hover h1, .clr-hum .av-pres-fac ul li article a:hover header h1,
.clr-hum .facultad-2 section ul li a:hover,
.clr-hum .facultad-3 section ul li a:hover { color: #800881; }
.clr-hum .facultad-2 section ul li         { color: #CC9CCD; }
.clr-hum .facultad-2 section h2            { background-color: #800881; }
.clr-hum .facultad-3 section ul li         { color: #CC9CCD; }
.clr-hum .facultad-3 section h2            { background-color: #800881; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* --------------------->>> FAC INGENIERIA <<<--------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

body.clr-ing {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-ing #cabecera #utem-logo a                      { background: url(../images/08_img_fac_ing/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-ing #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/08_img_fac_ing/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-ing .bg-menursp                                 { background: url(../images/08_img_fac_ing/bg_body_ing.png) repeat-x left top; }
.clr-ing .cabecera-secciones-home h2                 { background: url(../images/08_img_fac_ing/borde_inferior_cabecera_ing.png) left bottom no-repeat; }
.clr-ing #atajos-portal ul li article a:hover header { background: url(../images/08_img_fac_ing/flecha_atajos_ing.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ing #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ing section#menu-principal-escritorio,
.clr-ing section#menu-principal-rsp, .clr-ing header#top-acordeon-rsp { background-color: #069; }
.clr-ing #form-buscador-rsp #s { border-right-color: #069; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-ing div#perfiles-rsp,
.clr-ing #perfiles-rsp ul,
.clr-ing #nav-rsp ul li.nivel-01,
.clr-ing div#buscador-rsp      { border-top-color: #007AAD; }
.clr-ing #perfiles-rsp ul li   { border-bottom-color: #007AAD; border-left-color: #007AAD; border-right-color: #007AAD; }
.clr-ing #perfiles-rsp ul li a:hover,
.clr-ing a.nodesplegable:hover { background-color: #007AAD; }
/* -- Oscuros ----------------------------------------------------- */
.clr-ing #nav-rsp ul li.nivel-01:last-child,
.clr-ing div#buscador-rsp { border-bottom-color: #00477A; }
.clr-ing #perfiles-rsp h5 { background-color: #005C8F; border-bottom-color: #00477A; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-ing #form-buscador-rsp #buscar,
.clr-ing #menu-escritorio li a:hover, .clr-ing button.navbar-toggle,
.clr-ing .toggle, .clr-ing #noticias .crsl-nav .izq:hover,
.clr-ing #noticias .crsl-nav .der:hover, .clr-ing .ver-mas:hover,
.clr-ing #menu-escritorio li ul li a:hover,
.clr-ing #form-buscador-rsp #s { background-color: #39C; }
.clr-ing #menu-escritorio li ul li a:hover  { border-bottom-color: #39C; }
.clr-ing #nav-perfiles ul li a:hover, .clr-ing #nav-rsp ul li ul li a:hover,
.clr-ing #menu-escritorio li:hover ul li a, .clr-ing .nav-pie-pagina ul li a:hover,
.clr-ing .meta-autor a:hover, .clr-ing .cabecera-secciones-home h2,
.clr-ing .crsl-item .noticia a:hover header h1, .clr-ing .noticia header time,
.clr-ing #video-secundario article a:hover header h1, .clr-ing .otros-accesos h3,
.clr-ing .otros-accesos ul li a:hover { color: #39C; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-ing #form-buscador-rsp #s:focus, .clr-ing #form-buscador-rsp #buscar:hover,
.clr-ing .navbar-toggle:hover, .clr-ing .navbar-toggle:focus,
.clr-ing .toggle:hover, .clr-ing .toggle:focus { background-color: #38A3D1; }
/* -- Oscuros ----------------------------------------------------- */
.clr-ing #form-buscador-rsp #buscar:active { background-color: #2E8FC7; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ing #menu-escritorio li ul li a, .clr-ing .cabecera-secciones-home, .clr-ing main,
.clr-ing #av, .clr-ing .menu-portal-3, .clr-ing .facultad, .clr-ing .menu-portal-2,
.clr-ing .otros-accesos h3 { border-bottom-color: #B8DBED; }
.clr-ing #noticias .crsl-nav .izq, .clr-ing #noticias .crsl-nav .der,
.clr-ing .ver-mas { background-color: #B8DBED; }

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

.clr-ing #form-buscador #buscar:hover  { background-color: #39C; }  /* fondo celeste complementario corporativo */
.clr-ing #form-buscador #buscar:active { background-color: #2E8FC7; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ing #menu-escritorio li a { border-right-color: #0085B8; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-ing #video-destacado article a:hover header h1 { color: #003D70; }
.clr-ing #atajos-portal ul li header h1 { color: #635A5D; }

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

.clr-ing #robapagina                 { border-bottom-color: #069; }
.clr-ing .infoBlock h1 a .more       { background-color: #39C; }
.clr-ing .infoBlock h1:hover a .more { background-color: #069; }

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

.clr-ing .av-pres-fac ul li article { background-color: #D6EBF5; }
.clr-ing .nav-fac ul li article a:hover figure { background-color: #39C; } 
.clr-ing .nav-fac ul li article a:hover h1, .clr-ing .av-pres-fac ul li article a:hover header h1,
.clr-ing .facultad-2 section ul li a:hover,
.clr-ing .facultad-3 section ul li a:hover { color: #39C; }
.clr-ing .facultad-2 section ul li         { color: #B8DBED; }
.clr-ing .facultad-2 section h2            { background-color: #39C; }
.clr-ing .facultad-3 section ul li         { color: #B8DBED; }
.clr-ing .facultad-3 section h2            { background-color: #39C; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ------------------------>>> ADMISION <<<------------------------ */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

.clr-adm #menu-escritorio li:hover { background-color: #008282; }
.clr-adm #menu-escritorio li:hover a { color: #FFF; }
.clr-adm #menu-escritorio li:hover ul li { background-color: #008282; }
.clr-adm #menu-escritorio li:hover ul li a { color: #FFF; }
.clr-adm #menu-escritorio li ul li a:hover { background-color: #099; }
.clr-adm #menu-escritorio li ul li a { border-bottom-color: #4DB8B8; }
.clr-adm #menu-escritorio li ul li a:hover  { border-bottom-color: #4DB8B8; }
.clr-adm #menu-escritorio li ul li:last-child a { border: none; }
.clr-adm div#buscador-rsp { border-bottom: solid 1px #008282; border-top: solid 1px #4DB8B8; }
.clr-adm #form-buscador-rsp #buscar,
.clr-adm button.navbar-toggle,
.clr-adm .toggle,
.clr-adm #form-buscador-rsp #s { background-color: #007A7A; }
#altura-pantalla     { border-bottom-color: #099; }
body.clr-adm {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-adm #cabecera #utem-logo a                      { background: url(../images/02_img_adm/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-adm #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/02_img_adm/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-adm .bg-menursp                                 { background: url(../images/02_img_adm/bg_body_adm.png) repeat-x left top; }
.clr-adm .cabecera-secciones-home h2                 { background: url(../images/02_img_adm/borde_inferior_cabecera_adm.png) left bottom no-repeat; }
.clr-adm #atajos-portal ul li article a:hover header { background: url(../images/02_img_adm/flecha_atajos_adm.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-adm #cabecera { background-color: #000; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-adm section#menu-principal-escritorio,
.clr-adm section#menu-principal-rsp, .clr-adm header#top-acordeon-rsp { background-color: #099; }
.clr-adm #form-buscador-rsp #s { border-right-color: #099; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-adm div#perfiles-rsp,
.clr-adm #perfiles-rsp ul,
.clr-adm #nav-rsp ul li.nivel-01,
.clr-adm div#buscador-rsp      { border-top-color: #4DB8B8; }
.clr-adm #perfiles-rsp ul li   { border-bottom-color: #4DB8B8; border-left-color: #4DB8B8; border-right-color: #4DB8B8; }
.clr-adm #perfiles-rsp ul li a:hover,
.clr-adm a.nodesplegable:hover { background-color: #008282; }
/* -- Oscuros ----------------------------------------------------- */
.clr-adm #nav-rsp ul li.nivel-01:last-child,
.clr-adm div#buscador-rsp { border-bottom-color: #008282; }
.clr-adm #perfiles-rsp h5 { background-color: #099; border-bottom-color: #008282; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-adm #menu-escritorio li a:hover, .clr-adm #noticias .crsl-nav .izq:hover,
.clr-adm #noticias .crsl-nav .der:hover, .clr-adm .ver-mas:hover { background-color: #008282; }
.clr-adm #nav-perfiles ul li a:hover, .clr-adm #nav-rsp ul li ul li a:hover,
.clr-adm .nav-pie-pagina ul li a:hover, .clr-adm .meta-autor a:hover,
.clr-adm .cabecera-secciones-home h2, .clr-adm .crsl-item .noticia a:hover header h1,
.clr-adm .noticia header time, .clr-adm #video-secundario article a:hover header h1,
.clr-adm .otros-accesos h3, .clr-adm .otros-accesos ul li a:hover { color: #008282; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-adm #form-buscador-rsp #s:focus, .clr-adm #form-buscador-rsp #buscar:hover,
.clr-adm .navbar-toggle:hover, .clr-adm .navbar-toggle:focus,
.clr-adm .toggle:hover, .clr-adm .toggle:focus { background-color: #006B6B; }
/* -- Oscuros ----------------------------------------------------- */
.clr-adm #form-buscador-rsp #buscar:active { background-color: #006B6B; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

/*.clr-adm #menu-escritorio li ul li a,*/ .clr-adm .cabecera-secciones-home, .clr-adm main,
.clr-adm #av, .clr-adm .menu-portal-3, .clr-adm .facultad, .clr-adm .menu-portal-2,
.clr-adm .otros-accesos h3 { border-bottom-color: #99CDCD; }
.clr-adm #noticias .crsl-nav .izq, .clr-adm #noticias .crsl-nav .der,
.clr-adm .ver-mas { background-color: #99CDCD; }

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

.clr-adm #form-buscador #buscar:hover  { background-color: #008282; } /* fondo celeste complementario corporativo */
.clr-adm #form-buscador #buscar:active { background-color: #099; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-adm #menu-escritorio li a { border-right-color: #4DB8B8; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-adm #video-destacado article a:hover header h1 { color: #008282; }
.clr-adm #atajos-portal ul li header h1 { color: #635A5D; }

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

.clr-adm #robapagina                 { border-bottom-color: #099; }
.clr-adm .infoBlock h1 a .more       { background-color: #008282; }
.clr-adm .infoBlock h1:hover a .more { background-color: #099; }

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

.clr-adm .av-pres-fac ul li article { background-color: #F2F9F9; }
.clr-adm .nav-fac ul li article a:hover figure { background-color: #008282; }
.clr-adm .nav-fac ul li article a:hover h1, .clr-adm .av-pres-fac ul li article a:hover header h1,
.clr-adm .facultad-2 section ul li a:hover,
.clr-adm .facultad-3 section ul li a:hover { color: #008282; }
.clr-adm .facultad-2 section ul li         { color: #99CDCD; }
.clr-adm .facultad-2 section h2            { background-color: #008282; }
.clr-adm .facultad-3 section ul li         { color: #99CDCD; }
.clr-adm .facultad-3 section h2            { background-color: #008282; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ---------------------->>> COMUNICACION <<<---------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

.clr-com #menu-escritorio li:hover { background-color: #008282; }
.clr-com #menu-escritorio li:hover a { color: #FFF; }
.clr-com #menu-escritorio li:hover ul li { background-color: #008282; }
.clr-com #menu-escritorio li:hover ul li a { color: #FFF; }
.clr-com #menu-escritorio li ul li a:hover { background-color: #099; }
.clr-com #menu-escritorio li ul li a { border-bottom-color: #4DB8B8; }
.clr-com #menu-escritorio li ul li a:hover  { border-bottom-color: #4DB8B8; }
.clr-com #menu-escritorio li ul li:last-child a { border: none; }
.clr-com div#buscador-rsp { border-bottom: solid 1px #008282; border-top: solid 1px #4DB8B8; }
.clr-com #form-buscador-rsp #buscar,
.clr-com button.navbar-toggle,
.clr-com .toggle,
.clr-com #form-buscador-rsp #s { background-color: #007A7A; }

body.clr-com {}

/* ================================================================ */
/* ------------------------>>> IMAGENES <<<------------------------ */
/* ================================================================ */

.clr-com #cabecera #utem-logo a                      { background: url(../images/03_img_com/00_id_corp/imagotipo_utem.png) no-repeat left top; }
.clr-com #top-acordeon-rsp #utem-logo-rsp a          { background: url(../images/03_img_com/00_id_corp/imagotipo_utem_767.png) no-repeat left top; }
.clr-com .bg-menursp                                 { background: url(../images/03_img_com/bg_body_com.png) repeat-x left top; }
.clr-com .cabecera-secciones-home h2                 { background: url(../images/03_img_com/borde_inferior_cabecera_com.png) left bottom no-repeat; }
.clr-com #atajos-portal ul li article a:hover header { background: url(../images/03_img_com/flecha_atajos_com.png) no-repeat center top; }

/* ================================================================ */
/* -------------------->>> COLORES PLANTILLA <<<------------------- */
/* ================================================================ */

/* -- Cabecera ---------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-com #cabecera { background-color: #FFF; }

/* -- Azul corporativo primario ----------------------------------- */
/* ---------------------------------------------------------------- */

.clr-com section#menu-principal-escritorio,
.clr-com section#menu-principal-rsp, .clr-com header#top-acordeon-rsp { background-color: #099; }
.clr-com #form-buscador-rsp #s { border-right-color: #099; }

/* -- Azul corporativo primario - variantes ----------------------- */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-com div#perfiles-rsp,
.clr-com #perfiles-rsp ul,
.clr-com #nav-rsp ul li.nivel-01,
.clr-com div#buscador-rsp      { border-top-color: #4DB8B8; }
.clr-com #perfiles-rsp ul li   { border-bottom-color: #4DB8B8; border-left-color: #4DB8B8; border-right-color: #4DB8B8; }
.clr-com #perfiles-rsp ul li a:hover,
.clr-com a.nodesplegable:hover { background-color: #008282; }
/* -- Oscuros ----------------------------------------------------- */
.clr-com #nav-rsp ul li.nivel-01:last-child,
.clr-com div#buscador-rsp { border-bottom-color: #008282; }
.clr-com #perfiles-rsp h5 { background-color: #099; border-bottom-color: #008282; }

/* -- Celeste corporativo secundario ------------------------------ */
/* ---------------------------------------------------------------- */

.clr-com #menu-escritorio li a:hover, .clr-com #noticias .crsl-nav .izq:hover,
.clr-com #noticias .crsl-nav .der:hover, .clr-com .ver-mas:hover { background-color: #008282; }
.clr-com #nav-perfiles ul li a:hover, .clr-com #nav-rsp ul li ul li a:hover,
.clr-com .nav-pie-pagina ul li a:hover, .clr-com .meta-autor a:hover,
.clr-com .cabecera-secciones-home h2, .clr-com .crsl-item .noticia a:hover header h1,
.clr-com .noticia header time, .clr-com #video-secundario article a:hover header h1,
.clr-com .otros-accesos h3, .clr-com .otros-accesos ul li a:hover { color: #008282; }

/* -- Celeste corporativo secundario - variantes ------------------ */
/* ---------------------------------------------------------------- */

/* -- Claros ------------------------------------------------------ */
.clr-com #form-buscador-rsp #s:focus, .clr-com #form-buscador-rsp #buscar:hover,
.clr-com .navbar-toggle:hover, .clr-com .navbar-toggle:focus,
.clr-com .toggle:hover, .clr-com .toggle:focus { background-color: #006B6B; }
/* -- Oscuros ----------------------------------------------------- */
.clr-com #form-buscador-rsp #buscar:active { background-color: #006B6B; }

/* ================================================================ */
/* ---------------------->>> COLORES APOYO <<<--------------------- */
/* ================================================================ */

/* -- Gris azulado Gobierno Chile --------------------------------- */
/* ---------------------------------------------------------------- */

/*.clr-com #menu-escritorio li ul li a,*/ .clr-com .cabecera-secciones-home, .clr-com main,
.clr-com #av, .clr-com .menu-portal-3, .clr-com .facultad, .clr-com .menu-portal-2,
.clr-com .otros-accesos h3 { border-bottom-color: #99CDCD; }
.clr-com #noticias .crsl-nav .izq, .clr-com #noticias .crsl-nav .der,
.clr-com .ver-mas { background-color: #99CDCD; }

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

.clr-com #form-buscador #buscar:hover  { background-color: #008282; }  /* fondo celeste complementario corporativo */
.clr-com #form-buscador #buscar:active { background-color: #099; } /* fondo azul corporativo */

/* -- Menu principal ---------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-com #menu-escritorio li a { border-right-color: #4DB8B8; }

/* -- Anaranjado -------------------------------------------------- */
/* ---------------------------------------------------------------- */

.clr-com #video-destacado article a:hover header h1 { color: #008282; }
.clr-com #atajos-portal ul li header h1 { color: #635A5D; }

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

.clr-com #robapagina                 { border-bottom-color: #099; }
.clr-com .infoBlock h1 a .more       { background-color: #008282; }
.clr-com .infoBlock h1:hover a .more { background-color: #099; }

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

.clr-com .av-pres-fac ul li article { background-color: #F2F9F9; }
.clr-com .nav-fac ul li article a:hover figure { background-color: #008282; }
.clr-com .nav-fac ul li article a:hover h1, .clr-com .av-pres-fac ul li article a:hover header h1,
.clr-com .facultad-2 section ul li a:hover,
.clr-com .facultad-3 section ul li a:hover { color: #008282; }
.clr-com .facultad-2 section ul li         { color: #99CDCD; }
.clr-com .facultad-2 section h2            { background-color: #008282; }
.clr-com .facultad-3 section ul li         { color: #99CDCD; }
.clr-com .facultad-3 section h2            { background-color: #008282; }

/* ================================================================ */
/* -----------------------------  &&  ----------------------------- */
/* ----------------------->>> RESPONSIVO <<<----------------------- */
/* -----------------------------  &&  ----------------------------- */
/* ================================================================ */

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

	/* == Home ================================== */
	/* ========================================== */
	.clr-cor #cabecera #utem-logo a { background: url(../images/01_img_cor/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Fac Administracion Economia =========== */
	/* ========================================== */
	.clr-fae #cabecera #utem-logo a { background: url(../images/04_img_fac_fae/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Fac Ciencias Construccion Ord ========= */
	/* ========================================== */
	.clr-ord #cabecera #utem-logo a { background: url(../images/05_img_fac_ord/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Fac Ciencias Naturales MAmbiente ====== */
	/* ========================================== */
	.clr-cnm #cabecera #utem-logo a { background: url(../images/06_img_fac_cnm/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Fac Humanidades Tecnologias =========== */
	/* ========================================== */
	.clr-hum #cabecera #utem-logo a { background: url(../images/07_img_fac_hum/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Fac Ingenieria ======================== */
	/* ========================================== */
	.clr-ing #cabecera #utem-logo a { background: url(../images/08_img_fac_ing/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Admision ============================== */
	/* ========================================== */
	.clr-adm #cabecera #utem-logo a { background: url(../images/02_img_adm/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

	/* == Comunicacion ========================== */
	/* ========================================== */
	.clr-com #cabecera #utem-logo a { background: url(../images/03_img_com/00_id_corp/imagotipo_utem_959.png) no-repeat left top; }

}

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

	/* == Home ================================== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-cor header#top-acordeon-rsp { border-bottom-color: #010B16; }
	/* -- Celeste corporativo secundario -------- */
	.clr-cor .infoBlock h1 a .more { color: #39C; }
	/* -- Anaranjado ---------------------------- */
	.clr-cor .infoBlock h1:hover a .more { color: #021C36; }

	/* == Fac Administracion Economia =========== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-fae header#top-acordeon-rsp { border-bottom-color: #FF4700; }
	/* -- Celeste corporativo secundario -------- */
	.clr-fae .infoBlock h1 a .more { color: #F90; }
	/* -- Anaranjado ---------------------------- */
	.clr-fae .infoBlock h1:hover a .more { color: #F60; }

	/* == Fac Ciencias Construccion Ord ========= */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-ord header#top-acordeon-rsp { border-bottom-color: #420000; }
	/* -- Celeste corporativo secundario -------- */
	.clr-ord .infoBlock h1 a .more { color: #900; }
	/* -- Anaranjado ---------------------------- */
	.clr-ord .infoBlock h1:hover a .more { color: #600; }

	/* == Fac Ciencias Naturales MAmbiente ====== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-cnm header#top-acordeon-rsp { border-bottom-color: #3E7C1A; }
	/* -- Celeste corporativo secundario -------- */
	.clr-cnm .infoBlock h1 a .more { color: #8CB619; }
	/* -- Anaranjado ---------------------------- */
	.clr-cnm .infoBlock h1:hover a .more { color: #599A25; }

	/* == Fac Humanidades Tecnologias =========== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-hum header#top-acordeon-rsp { border-bottom-color: #470652; }
	/* -- Celeste corporativo secundario -------- */
	.clr-hum .infoBlock h1 a .more { color: #800881; }
	/* -- Anaranjado ---------------------------- */
	.clr-hum .infoBlock h1:hover a .more { color: #650876; }

	/* == Fac Ingenieria ======================== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-ing header#top-acordeon-rsp { border-bottom-color: #00477A; }
	/* -- Celeste corporativo secundario -------- */
	.clr-ing .infoBlock h1 a .more { color: #39C; }
	/* -- Anaranjado ---------------------------- */
	.clr-ing .infoBlock h1:hover a .more { color: #069; }

	/* == Admision ============================== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-adm header#top-acordeon-rsp { border-bottom-color: #008282; }
	/* -- Celeste corporativo secundario -------- */
	.clr-adm .infoBlock h1 a .more { color: #008282; }
	/* -- Anaranjado ---------------------------- */
	.clr-adm .infoBlock h1:hover a .more { color: #099; }

	/* == Comunicacion ========================== */
	/* ========================================== */
	/* -- Azul corporativo - variante oscuro ---- */
	.clr-com header#top-acordeon-rsp { border-bottom-color: #008282; }
	/* -- Celeste corporativo secundario -------- */
	.clr-com .infoBlock h1 a .more { color: #008282; }
	/* -- Anaranjado ---------------------------- */
	.clr-com .infoBlock h1:hover a .more { color: #099; }

}