/* comun.css © 2010 Dirección de Imagen institucional, Universidad Autónoma de Nuevo León Este documento contiene código CSS para asegurar la implementación oficial de los lineamientos de imagen desarrollados por la Dirección de Imagen Institucional de la Universidad Autónoma de Nuevo León. El documento cumple de manera estándar con CSS 2, es extendible y mantenible, y debe reflejar la última recomendación del órgano responsable del desarrollo de lineamientos gráficos para la imagen institucional. Algunos estilos pertenecientes a la recomendación CSS 3 han sido almacenados en una hoja de estilos distinta (hermana de este documento), llamada nonstandard.css. Aunque la apariencia que controlan algunas de las clases en esa hoja cumplan correctamente la recomendación del W3C, la manera de invocarlas no es todavía estándar, y algunos navegadores, como Explorer 7 ú 8 ni siquiera las interpretan. Al momento de escribir este documento, la versión 9 de Internet Explorer, sí interpreta correctamente dicha recomendación. Se sugiere que cuando la recomendación CSS 3 sea el estándar de facto en internet, el contenido de nonstandard.css, se traslade íntegro a este documento, dentro de su clase correspondiente. Indice: • HTML DOM describe estilo para controlar el comportamiento gráfico por defecto de muchas etiquetas html para su representación correcta en los navegadores Internet Explorer 7 o superior, Safari 5 o superior, Google Chrome y FireFox 3 o superior. Ejemplo: , ,

, etc. • INSTITUCIONAL clases para controlar aspectos de uso institucional. • CABECERA incluye las clases que controlan el aspecto gráfico de la cabecera del sitio, la cual está presente a lo largo de toda la arquitectura del mismo. • PERFILES incluye las clases para seleccionar cualquiera de los cuatro elementos de navegación por perfiles: • alumnos • aspirantes • exalumnos • profesores • ENVOLTURA pensada para resoluciones de 1024 pixeles como mínimo • NAVEGACION • global • navegacion local • secundaria • CONTENIDO • portada • indice • noticia • persona • evento • convocatoria • plan de estudios • dependencia • facultad • escuela • edificio • biblioteca • publicacion • asignatura • programa de radio / tv • articulo • patente • equipo representativo • proyecto de investigacion • campus • PIE */ /* HTML DOM */ html { color: #FFFFFF; font-size: 12px; line-height: 14px; } html, textarea, input[type="text"], input[type="password"] { font-family: Arial, Helvetica, sans-serif; } textarea { font-size: 11px; } body { margin: 0; height: 100%; text-align: center; /*background: #002C61 url(../images/common/flama.png) bottom right no-repeat;*/ background: #002C61; position: relative; } h1 { font-size: 24px; line-height: 1.2em; } h2 { font-size: 18px; line-height: 1.2em; } h3 { font-size: 14px; line-height: 1.2em; } h4 { font-size: 12px; line-height: 1.2em; } h5 { font: 10px; line-height: 1.2em; } h6 { font-size: 8px; line-height: 1.2em; } p { font-size: 12px; line-height: 1.2em; } a { color: #FFFFFF; } a:hover { color: #F9B200; text-decoration: underline; } a:visited { } img { border: none; } form { background-color: #004A99; padding: 10px; margin-bottom: 20px; width: 518px; } form > fieldset { margin: 0; padding: 0; border: none; border-width: 0; } form > fieldset > legend { font-size: 14px; color: #FFFFFF; margin: 0 0 10px 0; float: left; white-space: normal; *margin-left: -7px; background-color: #002C61; width: 100%; padding: 0; } form > fieldset > legend > span { width: 100%; display: block; padding: 2px 0 2px 37px; height: 18px; } form > fieldset > ul { background: url(../images/common/formulario_divisor.png) repeat-y 180px 0 #002C61; list-style: none; padding: 4px; margin: 0 0 10px 0; overflow: hidden; } form > fieldset > ul > li { margin-bottom: 10px; display: block; width: 477px; float: left; clear: both; overflow: visible; padding-left: 33px; } form > fieldset > ul > li > label { font-size: 12px; line-height: 15px; display: block; float: left; min-height: 18px; color: #FFFFFF; width: 130px; padding: 3px 0 0 0; margin-right: 24px; } form > fieldset > ul > li > input[type="text"], form > fieldset > ul > li > input[type="password"], form > fieldset > ul > li > textarea { font-size: 12px; line-height: 16px; float: left; background-color: #FFFFFF; border: none; border-width: 0; margin: 0; padding: 2px 5px 3px 5px; width: 280px; } form > fieldset > ul > li > textarea { min-height: 100px; } form > fieldset > ul > li > input[type="text"], form > fieldset > ul > li > input[type="password"] { height: 16px; } form > fieldset > ul > li > ul.opciones { list-style: none; margin: 0; padding: 0; float: left; } form > fieldset > ul > li > ul.opciones > li > label { color: #FFFFFF; font-size: 12px; line-height: 16px; } form input[type="submit"] { display: block; font-size: 11px; line-height: 16px; height: 20px; background: url(../images/common/flecha_submit.png) no-repeat top right transparent; color: #F9B200; border: none; border-width: 0; padding: 0 22px 0 6px; margin: 0 0 0 191px; } i { font-family: "Times New Roman", Times, serif; font-style: italic; } strong { font-weight: bold; } blockquote { font-size: 13px; line-height: 1.2em; border-left: dotted 1px #FFFFFF; padding-left: 1em; font-family: "Times New Roman", Times, serif; font-style: italic; } table { table-layout: fixed; border: solid 1px #FFFFFF; border-collapse: collapse; width: 100%; margin: 2em 0; } table th, table td { height: 20px; padding: 4px 8px; border: solid 1px #FFFFFF; } table th { } table.horizontal th, table.horizontal td { text-align: center; } table.horizontal td { border-width: 0 1px; } table.vertical td { border-width: 1px 0; } table.vertical th { width: 100px; } ol.romana { list-style-type: upper-roman; } ol.textual { list-style-type: upper-alpha; } /* INSTITUCIONAL */ span.uanl { font-family: "Times New Roman", Times, serif; } .texto ul, .texto ol { color: #FFFFFF; } .texto ol.numerada { list-style: decimal; } .texto h2, .texto h3, .texto h4, .texto h5, .texto h6 { font-weight: normal; color: #FFFFFF; } /* CABECERA */ .cabecera { position: relative; } .cabecera .izquierda { background: url(../images/common/cabecera_izq_bg.png) repeat-x 0 0; width: 50%; position: relative; float: left; height: 169px; } .cabecera .izquierda .contenedor { min-width: 480px; height: 169px; float: right; background: url(../images/common/contenedor_izq_bg.png) no-repeat 0 0; } .cabecera .izquierda .contenedor .marca { float: left; width: 221px; height: 102px; margin-top: 10px; margin-left: 36px; } .cabecera .derecha { position: relative; overflow: hidden; background: url(../images/common/cabecera_der_bg.png) repeat-x 0 0; height: 169px; } .cabecera .derecha .contenedor { position: relative; min-width: 480px; height: 169px; float: left; background: url(../images/common/contenedor_der_bg.png) no-repeat 0 0; } .cabecera .derecha .contenedor p.slogan { font-size: 14px; margin: 0; padding: 0; position: absolute; z-index: 2001; bottom: 34px; right: 54px; font-family: "Times New Roman", Times, serif; font-style: italic; text-align: right; color: #FFFFFF; } .cabecera .derecha .contenedor .herramientas { position: absolute; top:0; right:0; overflow: hidden; margin-bottom: 8px; } .cabecera .derecha .contenedor .servicios { position: absolute; top:55px; right:0; overflow: hidden; } .cabecera .derecha .contenedor .servicios a.mapa { color: #FFFFFF; font-size: 10px; line-height: 12px; text-decoration: none; } .cabecera .derecha .contenedor .servicios a.mapa:hover { text-decoration: underline; } .cabecera .derecha .contenedor .servicios select { background-color: #731819; border: none; color: #FFFFFF; padding: 4px; } .cabecera .derecha .contenedor .servicios select option { font-size: 10px } .cabecera .herramientas form.buscar, .cabecera .herramientas .idioma { background-color: #002C61; float: left; } .cabecera .herramientas form.buscar { border-width: 0; padding: 10px 30px 10px 10px; height: 24px; width: 290px; } .cabecera .herramientas form.buscar label { font-size: 11px; line-height: 16px; height: 20px; padding: 4px 0 0 0; color: #FFFFFF; display: block; float: left; vertical-align: middle; margin-right: 10px; } .cabecera .herramientas form.buscar input[type="text"] { background-color: #FFFFFF; height: 18px; width: 210px; border: none; border-width: 0; padding: 3px 5px; margin: 0; display: block; float: left; } .cabecera .herramientas form.buscar input[type="submit"] { border-style: solid; border-color: #FFFFFF; border-width: 2px; height: 24px; width: 24px; background: url(../images/common/buscar.png) no-repeat 50% 50% #7A2531; margin: 0; padding: 0; display: block; float: left; } .cabecera .herramientas .idioma { list-style: none; border-width: 0 1px 1px 0; overflow: hidden; margin: 0; padding: 10px 0 10px 10px; height: 24px; width: 95px; } .cabecera .herramientas .idioma li { float: left; margin-right: 8px; } .cabecera .herramientas .idioma li a { font-size: 11px; line-height: 16px; color: #42769A; text-decoration: none; display: block; height: 20px; padding: 4px 0 0 0; } .cabecera .herramientas .idioma li a:hover { color: #FFFFFF; } .cabecera .herramientas .idioma li.actual a { color: #FFFFFF; } /* PERFILES */ .perfiles { width: 100%; position: absolute; top: 147px; left: 0px; z-index: 2000; overflow: visible; } .perfiles > ul { width: 480px; color: #FFFFFF; height: 22px; margin: 0 auto; padding: 0 0 0 0; overflow: visible; list-style: none; position: relative; } .perfiles > ul > li { float: left; overflow: visible; } .perfiles > ul > li > a { color: #FFFFFF; text-transform: uppercase; letter-spacing: .15em; font-size: 11px; line-height: 16px; display: block; padding: 2px 10px 0 24px; height: 20px; text-decoration: none; background: url(../images/common/perfil_mas.png) 8px 7px no-repeat transparent; } .perfiles > ul > li > a:hover, /*BORRAR ESTA CLASE -->*/.perfiles > ul > li.actual > a/*<-- BORRAR ESTA CLASE*/ { background-color: #F9B200; } .perfiles .macro { width: 600px; text-align: left; position: absolute; top: 22px; left: -60px; padding: 8px; background-color: #F9B200; } .perfiles .macro a { color: #FFFFFF; text-decoration: none; } .perfiles .macro a:hover { text-decoration: underline; } .perfiles .macro .niveles { width: 432px; float: left; } .perfiles .macro table { table-layout: fixed; width: 432px; font-size: 12px; border-collapse: collapse; border: none; border-width: 0; margin-bottom: 8px; } .perfiles .macro table tr th, .perfiles .macro table tr td { padding: 8px; border: none; border-width: 0; border-right: solid 1px #CC9900; } .perfiles .macro table tr th { color: #976E00; padding-top: 0; } .perfiles .macro table tr td { vertical-align: top; } .perfiles .macro table tr.ultimo td { padding-bottom: 0; } .perfiles .macro table tr td > ul { list-style: none; margin: 0; padding: 0; color: #002C61; } .perfiles .macro table tr td > ul > li { margin-bottom: 16px; } .perfiles .macro table tr th.ultimo, .perfiles .macro table tr td.ultimo { border-right: none; } .perfiles .macro > div > h2 { font-size: 16px; color: #976E00; margin: 0 0 8px 0; padding: 8px 0; border-bottom: solid 1px #CC9900; } .perfiles .macro > div > ul > li > h3 { font-size: 16px; line-height: 18px; font-weight: normal; margin: 0; } .perfiles .macro > div > ul > li > h3 > a { text-decoration: none; } .perfiles .macro > div > ul > li > h3 > a:hover { text-decoration: underline; } .perfiles .macro > div > ul > li > p { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 14px; line-height: 18px; margin: 0; } .perfiles .macro .enlaces { overflow: auto; width: 160px; float: right; } .perfiles .macro .enlaces > ul { list-style: none; background-color: #002C61; padding: 0 10px; min-height: 220px; } .perfiles .macro .enlaces > ul > li { font-size: 12px; border-bottom: dotted 1px #003F84; border-bottom: dotted 1px #F9B200; padding: 8px 0; } .perfiles .macro .enlaces > ul > li > a { color: #FFFFFF; text-decoration: none; } .perfiles .macro .enlaces > ul > li > a:hover { text-decoration: underline; } .perfiles .macro .enlaces > ul > li.importante a { color: #F9B200; } /*alumnos*/ .perfiles .alumnos .macro { } .perfiles .alumnos .macro .enlaces { } /*aspirantes*/ .perfiles .aspirantes .macro table tr td { border-bottom: dotted 1px #CC9900; } .perfiles .aspirantes .macro table tr.ultimo td { border-bottom: none; } .perfiles .aspirantes .macro table tr.ultimo td { } /*profesores*/ .perfiles .profesores .macro { } .perfiles .profesores .macro .articulos { width: 432px; float: left; padding-bottom: 16px; position: relative; } .perfiles .profesores .macro .articulos > ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .perfiles .profesores .macro .articulos > ul > li { border-bottom: solid 1px #CC9900; margin-bottom: 12px; padding-bottom: 11px; } .perfiles .profesores .macro .articulos .mas { font-size: 12px; } .perfiles .profesores .macro .enlaces { } /*exalumnos*/ .perfiles .exalumnos .macro { } .perfiles .exalumnos .de.exito { float: left; width: 432px; } .perfiles .exalumnos .de.exito > ul { list-style: none; margin: 0; padding: 0; } .perfiles .exalumnos .de.exito > ul > li { overflow: auto; border-bottom: solid 1px #CC9900; padding-bottom: 7px; margin-bottom: 8px; } .perfiles .exalumnos .de.exito > ul > li img { float: left; width: 80px; height: 80px; margin-right: 8px; border: solid 1px #CC9900; padding: 3px; } .perfiles .exalumnos .enlaces { } /* ENVOLTURA */ .envoltura { overflow: hidden; width: 960px; text-align: left; margin: 0 auto; background: url(../images/common/flama.png) right bottom no-repeat; } /* NAVEGACION GLOBAL */ .navegacion { position: relative; z-index: 1000; float: left; width: 96px; text-align: center; padding-top: 25px; } .navegacion > .global { width: 144px; text-align: left; list-style: none; margin: 0 auto; padding: 0; } .navegacion > .global > li { margin-bottom: 2px; } .navegacion > .global > li > a { text-transform: uppercase; font-size: 10px; line-height: 14px; min-height: 12px; color: #FFFFFF; text-decoration: none; background: url(../images/common/flecha.png) right 50% no-repeat #976E00; display: block; padding: 2px 20px 2px 10px; } .navegacion > .global > li.actual > a { background: url(../images/common/flecha_abajo.png) right 50% no-repeat #976E00; } /* .navegacion > .global > li.actual > a, .navegacion > .global > li > a:hover { background-color: #003F84; } */ /* NAVEGACION LOCAL */ .navegacion .local { list-style: none; margin: 0; padding: 8px 0; } .navegacion .local > li { padding-left: 16px; background: url(../images/common/flecha.png) no-repeat right top; margin-bottom: 4px; } .navegacion .local > li > a { font-size: 12px; line-height: 14px; text-decoration: none; color: #FFFFFF; display: block; min-height: 13px; padding: 0 20px 3px 0; } .navegacion .local > li > a:hover { text-decoration: underline; } .navegacion .local > li.actual > a { font-weight: bold; } /*Estas ultimas clases permiten un comportamiento constante de anidamiento a partir del segundo nivel*/ .navegacion .local > li ul { list-style: none; margin: 0; padding: 0; } .navegacion .local > li ul li { padding-left: 16px; background: url(../images/common/flecha.png) no-repeat right top; margin-bottom: 4px; } .navegacion .local > li ul li a { text-decoration: none; font-size: 12px; line-height: 14px; color: #FFFFFF; display: block; min-height: 13px; padding: 0 20px 3px 0; } .navegacion .local > li ul li a:hover { text-decoration: underline; } /* NAVEGACION SECUNDARIA (MIGAJAS DE PAN) */ .secundaria { overflow: hidden; list-style: none; margin: 0; padding: 16px 0; } .secundaria > li { display: block; float: left; padding-right: 12px; background: url(../images/common/sec_separador.png) top right no-repeat; } .secundaria > li:first-child { } .secundaria > li.actual /*Internet Explorer no soporta la pseudoclase last-child. Asignar la clase "actual" dinámicamente al último elemento de la lista para seleccionarlo.*/ { } .secundaria > li > a { text-transform: uppercase; font-size: 12px; line-height: 14px; text-decoration: none; color: #FFFFFF; display: block; } .secundaria > li > a:hover { text-decoration: underline; } .secundaria > li.actual { background: none; } .secundaria > li.actual > a { color: #F9B200; background: none; } /* CONTENIDO */ .contenido { width: 673px; padding: 0 43px 113px 64px; float: right; overflow: hidden; background: url(../images/common/2012.png) no-repeat 626px bottom; } .contenido .cenefa { margin-left: -64px; } .contenido h3.seccion { margin: 0; font-size: 16px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; } .contenido .titulo { font-size: 30px; line-height: 32px; font-family: "Times New Roman", Times, serif; font-style: italic; color: #FFFFFF; font-weight: normal; } .contenido .subtitulo { font-size: 19px; line-height: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #7F95B0; } .contenido dl.contacto { background: url(../images/common/contacto_pliegue.png) no-repeat bottom right #4EA4D7; width: 430px; padding: 20px 20px 6px 20px; margin: 0 0 18px 0; overflow: hidden; } .contenido dl.contacto dt, .contenido dl.contacto dd { font-size: 12px; line-height: 14px; float: left; } .contenido dl.contacto dt { clear: left; text-align: left; width: 30%; vertical-align: top; color: #002C61; font-weight: bold; margin: 0 0 14px 0; } .contenido dl.contacto dd { width: 70%; color: #FFFFFF; margin: 0 0 14px 0; } .contenido dl.contacto dd > ul { list-style: none; margin: 0; padding: 0; } .contenido .tarjeta { float: right; border: solid 2px #FFFFFF; border-width: 0 0 2px 2px; width: 145px; padding: 0 0 10px 10px; } .contenido .tarjeta .foto { display: block; margin-bottom: 10px; } .contenido .tarjeta .descripcion { font-size: 12px; line-height: 14px; color: #FFFFFF; padding: 4px 4px 60px 4px; margin: 0 0 10px 0; } .contenido .texto { margin-bottom: 30px; } .contenido .texto p { font-size: 12px; line-height: 14px; margin-top: 14px; margin-bottom: 14px; color: #FFFFFF; } .contenido .otras { background-color: #809195; padding: 18px 18px 8px 18px; max-width: 136px; margin-bottom: 1em; } .contenido .otras h4 { color: #5A0000; font-weight: normal; font-size: 14px; margin: 0 0 10px 0; } .contenido .otras ul { list-style: none; margin: 0; padding: 0; font-size: 12px; line-height: 14px; color: #FFFFFF; } .contenido .otras ul li { margin: 0 0 10px 0; padding: 0; font-size: 12px; line-height: 14px; color: #FFFFFF; } .contenido .otras ul li a { font-size: 12px; line-height: 14px; color: #FFFFFF; text-decoration: none; } .contenido .otras ul li a:hover { text-decoration: underline; } .contenido .meta { list-style: none; margin: 0; padding: 0; } .contenido .meta li { margin: 0; padding: 0; color: #FFFFFF; font-size: 10px; } .contenido .firma p { color: #FFFFFF; font-size: 12px; line-height: 14px; margin: 0; } .contenido .firma { border: dotted 1px #FFFFFF; border-width: 1px 0 0 0; float: left; clear: both; padding-top: 8px; } /* portada */ .contenido.portada { width: 864px; float: none; padding: 1px 0 0 0; background: url(../images/common/2012.png) no-repeat right bottom; } .contenido.portada .destacado { width: 576px; float: left; padding-bottom: 14px; } .contenido.portada .mensaje { position: absolute; top: 84px; z-index: 10000; width: 760px; } .contenido.portada .aviso { min-height: 200px; padding: 10px 20px 20px 20px; background-color: #E0D3B3; color: #000000; font-family: "Times New Roman", Times, serif; margin-bottom: 40px; } .contenido.portada .aviso .fecha { font-weight: normal; text-align: right; margin: 0; } .contenido.portada .aviso .titulo { font-style: normal; font-size: 20px; color: #000000; } .contenido.portada .aviso p { font-size: 20px; } .contenido.portada .aviso .atentamente { text-align: center; font-size: 20px; font-style: italic; margin-bottom: 0; } .contenido.portada .aviso .atentamente .puesto { font-style: normal; } .contenido.portada .cerrar { text-align: center; } .contenido.portada .cerrar a { font-size: 20px; } .contenido.portada .destacado img.grande { margin-bottom: 6px; width: 576px; height: 300px; } .contenido.portada .destacado .menu { padding: 10px; background: url(../images/common/menu_bg.png) repeat-y 0 0; overflow: hidden; } .contenido.portada .destacado .menu h2.investiga { color: #FFFFFF; font-weight: normal; font-size: 24px; line-height: 19px; margin: 0 36px 0 0; padding-bottom: 5px; float: left; } .contenido.portada .destacado .menu .selector { float: left; margin: 0; padding: 0; list-style: none; clear: left; overflow: hidden; } .contenido.portada .destacado .menu .selector > li { float: left; margin-right: 5px; } .contenido.portada .destacado .menu .selector > li > a { display: block; width: 14px; height: 7px; background: url(../images/common/selector.png) no-repeat 0 0; } .contenido.portada .destacado .menu .selector > li.actual > a, .contenido.portada .destacado .menu .selector > li > a:hover { background: url(../images/common/selector.png) no-repeat 0 -7px; } .contenido.portada .destacado .menu .investigacion { overflow: hidden; } .contenido.portada .destacado .menu .investigacion .miniatura { margin-right: 10px; float: left; } .contenido.portada .destacado .menu .investigacion .descripcion { font-size: 10px; line-height: 12px; color: #FFFFFF; display: block; width: 145px; overflow: hidden; margin: 0; } .contenido.portada .notas { list-style: none; padding: 0; margin: 0 14px 0 0; /* margin: 7px 14px 0 0; */ width: 134px; /* min-height: 280px; */ height: 300px; background: url(../images/common/notas_bg.png) 0 0 repeat-y; float: left; } .contenido.portada .notas li { padding: 7px 7px 0 7px; } .contenido.portada .notas li h3 { font-size: 10px; margin: 0 0 4px 0; color: #000000; } /* .contenido.portada .notas li.noticias p */ .contenido.portada .notas li.noticias .views-field-title { border-bottom: dotted 1px #000000; } .contenido.portada .notas img { /* Victor */ /* margin-bottom: 10px; */ margin-bottom: 5px; } .contenido.portada .notas .descripcion { margin: 0; } .contenido.portada .notas .descripcion a { font-size: 10px; line-height: 12px; text-decoration: none; color: #000000; } .contenido.portada .notas .descripcion a:hover { text-decoration: underline; } .contenido.portada .medios { width: 100px; float: left; list-style: none; padding: 0 6px; margin: 25px 0 0 0; border-left: solid 1px #F9B200; overflow: auto; } .contenido.portada .medios li { } .contenido.portada .medios li a { display: block; font-size: 10px; line-height: 16px; min-height: 20px; padding-right: 10px; color: #FFFFFF; text-decoration: none; background: url(../images/common/flecha.png) right top no-repeat; } .contenido.portada .medios li a:hover { text-decoration: underline; } /* indice */ .contenido.indice { overflow: hidden; } .contenido.indice .filtro { } .contenido.indice .filtro .a.filtrar { font-weight: normal; margin: 0; margin-bottom: 10px; } .contenido.indice .filtro.horizontal { overflow: auto; border-bottom: solid 1px #003F84; padding-bottom: 10px; margin-bottom: 10px; } .contenido.indice .filtro.horizontal ul { background-color: #003F84; float: left; overflow: auto; list-style: none; margin: 0; padding: 0; border: solid 1px #014DA4; } .contenido.indice .filtro.horizontal ul li { float: left; border-left: solid 1px #014DA4; } .contenido.indice .filtro.horizontal ul li:first-child { border-left: none; } .contenido.indice .filtro.horizontal ul li a { display: block; padding: 5px 10px; background: url(../images/common/filtro_bg.png) #003F84 0 0 repeat-x; text-decoration: none; } .contenido.indice .filtro.horizontal ul li.actual a { background: url(../images/common/filtro_bg_actual.png) 0 0 repeat-x; } .contenido.indice .filtro.horizontal ul li a:hover { text-decoration: underline; } .contenido.indice .filtro.vertical { max-width: 173px; float: right; margin-left: 15px; } .contenido.indice .filtro.vertical ul { list-style: none; margin: 0; padding: 0; border: solid 1px #014DA4; } .contenido.indice .filtro.vertical ul li { border-top: solid 1px #014DA4; } .contenido.indice .filtro.vertical ul li:first-child { border-top: none; } .contenido.indice .filtro.vertical ul li a { display: block; padding: 10px; background: url(../images/common/filtro_bg.png) #003F84 0 0 repeat-x; text-decoration: none; } .contenido.indice .filtro.vertical ul li.actual a { background: url(../images/common/filtro_bg_actual.png) #00326A 0 0 repeat-x; } .contenido.indice .filtro.vertical ul li a:hover { text-decoration: underline; } .contenido.indice .objetos { padding: 0; } .contenido.indice .objetos .subtitulo { margin: 10px 0 20px 0; padding-bottom: 10px; border-bottom: solid 1px #003F84; } .contenido.indice .objetos > ul { list-style: none; margin: 0; padding: 0; } .contenido.indice .objetos > ul > li { border-bottom: solid 1px #003F84; padding-bottom: 10px; margin-bottom: 10px; overflow: auto; } .contenido.indice .objetos > ul > li span.imagen { float: left; display: block; width: 100px; background-color: #003F84; overflow: auto; margin-right: 20px; text-align: center; } .contenido.indice .objetos > ul > li span.imagen img { max-width: 100px; max-height: 100px; } .contenido.indice .objetos > ul > li h2 { margin: 0; } .contenido.indice .objetos > ul > li ul { list-style: none; } /* noticia */ .contenido.noticia .titulo { min-height: 40px; padding: 21px 10px 21px 35px; font-size: 30px; line-height: 32px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #FFFFFF; background: url(../images/common/titulo_borde.png) 20px 50% no-repeat; margin: 16px 0 10px 0; } .contenido.noticia .subtitulo { font-size: 19px; line-height: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #7F95B0; margin: 0; } .contenido.noticia .meta { padding: 12px 0; height: 36px; } .contenido.noticia .meta li { width: 288px; float: left; } .contenido.noticia .texto { width: 278px; float: left; margin: 0 10px 30px 0; } .contenido.noticia .texto p:first-child { margin-top: 0; } .contenido.noticia .relacionados { overflow: hidden; margin-bottom: 30px; } .contenido.noticia .relacionados .galeria { width: 383px; float: left; overflow: hidden; list-style: none; padding: 0; margin: 0 0 32px 0; } .contenido.noticia .relacionados .galeria > li { float: left; margin-right: 10px; } .contenido.noticia .relacionados .galeria > li:first-child { margin-bottom: 15px; margin-right: 0px; } .contenido.noticia .relacionados .galeria > li > img { display: block; width: 181px; } .contenido.noticia .relacionados .galeria > li:first-child img { width: 373px; } .contenido.noticia .relacionados .otras { float: left; clear: left; width: 146px; } /*tramite*/ .contenido.tramite .otras { float: right; } .contenido.tramite .texto { width: 470px; } .contenido.tramite .texto > ol > li { border-bottom: dotted 1px #FFFFFF; } /*persona*/ .contenido.persona .titulo { /* height: 60px; padding: 11px; font-size: 30px; line-height: 30px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #FFFFFF; background: url(../images/common/titulo_bg.png) repeat-x 0 0 #999999; margin: 16px 0 10px 0; */ min-height: 40px; padding: 21px 10px 21px 35px; font-size: 30px; line-height: 32px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #FFFFFF; background: url(../images/common/titulo_borde.png) 20px 50% no-repeat; margin: 16px 0 10px 0; } .contenido.persona .tarjeta .descripcion { background-color: #6680A0; } .contenido.persona .tarjeta .foto { width: 145px; height: 145px; } .contenido.persona .contacto dt { width: 40%; } .contenido.persona .contacto dd { width: 60%; } .contenido.persona .texto { overflow: hidden; width: 470px; } .contenido.persona .texto > p:first-child { font-size: 19px; line-height: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #7F95B0; } .contenido.persona .texto .proyectos { } .contenido.persona .texto .proyectos h3 { } .contenido.persona .texto .proyectos > ul { list-style: none; padding: 0; margin: 0; } .contenido.persona .texto .proyectos > ul > li { border-bottom: solid 1px #003F84; padding: 10px 0; } .contenido.persona .texto .proyectos > ul > li a { text-decoration: none; } .contenido.persona .texto .proyectos > ul > li a:hover { text-decoration: underline; } /*evento*/ .contenido.evento .titulo { min-height: 40px; padding: 21px 10px 21px 15px; font-size: 30px; line-height: 32px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #FFFFFF; background: url(../images/common/titulo_borde.png) 0 50% no-repeat; margin: 16px 0 10px 0; overflow: hidden; } .contenido.evento > .fecha { text-align: center; height: 60px; padding: 11px 0; float: left; margin: 16px 10px 0 0; } .contenido.evento > .fecha .dia, .contenido.evento .fecha .mes { color: #F9B200; margin: 0; font-weight: normal; font-family: "Arial Black", Arial, Helvetica, sans-serif; } .contenido.evento > .fecha .dia { font-size: 37px; line-height: 40px; } .contenido.evento > .fecha .mes { font-size: 16px; line-height: 24px; } .contenido.evento .tarjeta .descripcion { background-color: #F9B200; } .contenido.evento .texto { overflow: hidden; width: 470px; } .contenido.evento .texto p { margin-top: 0; } .contenido.evento .otras { float: right; margin-left: 58px; } /*convocatoria*/ .contenido.convocatoria .titulo { min-height: 40px; padding: 21px 10px 21px 15px; font-size: 30px; line-height: 30px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #FFFFFF; background: url(../images/common/titulo_borde.png) 0 50% no-repeat; margin: 16px 0 10px 0; overflow: hidden; } .contenido.convocatoria .titulo .estado.cerrada { font-size: .75em; } .contenido.convocatoria .titulo .estado.abierta { font-size: .75em; color: #F9B200; } .contenido.convocatoria > .fecha { text-align: center; height: 60px; padding: 11px 0; float: left; margin: 16px 10px 0 0; } .contenido.convocatoria > .fecha .dia, .contenido.convocatoria .fecha .mes { color: #F9B200; margin: 0; font-weight: bold; font-family: "Arial Black", Arial, Helvetica, sans-serif; } .contenido.convocatoria > .fecha .dia { font-size: 37px; line-height: 40px; } .contenido.convocatoria > .fecha .mes { font-size: 16px; line-height: 24px; } .contenido.convocatoria { } .contenido.convocatoria .texto { width: 443px; overflow: hidden; } .contenido.convocatoria .otras { float: right; margin-left: 0; } /*plan de estudios*/ .contenido.plan.de.estudios { } .contenido.plan.de.estudios .materias { text-align: center; height: 20px; width: 123px; padding: 26px 11px 36px 11px; background: #F9B200; float: right; margin-left: 10px; color: #FFFFFF; margin: 16px 0 10px 10px; overflow: hidden; } .contenido.plan.de.estudios .materias h2 { margin: 0; font-size: 24px; } .contenido.plan.de.estudios .materias a { min-height: 50px; display: block; color: #FFFFFF; text-decoration: none; } .contenido.plan.de.estudios .materias a:hover { text-decoration: underline; } .contenido.plan.de.estudios .titulo { height: 40px; padding: 21px 10px 21px 35px; font-size: 30px; line-height: 30px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #FFFFFF; background: url(../images/common/titulo_borde.png) 20px 50% no-repeat; margin: 16px 0 10px 0; overflow: hidden; } .contenido.plan.de.estudios .tarjeta .descripcion { background-color: #6680A0; } .contenido.plan.de.estudios .otras { float: right; margin-left: 58px; } .contenido.plan.de.estudios .texto { width: 470px; } /*dependencia*/ .contenido.dependencia { } .contenido.dependencia .otras { float: right; clear: right; } .contenido.dependencia .texto { width: 470px; float: left; } .contenido.dependencia .texto .foto.director { width: 128px; height: 128px; padding: 5px; border: solid 1px #4EA4D7; float: left; margin: 0 20px 10px 0; } .contenido.dependencia .texto .subtitulo { overflow: hidden; margin: 0 0 40px 0; } .contenido.dependencia .texto .nombre.director { float: left; width: 140px; clear: left; margin: 0 0 5px 0; } .contenido.dependencia .texto .cargo { font-style: italic; font-family: "Times New Roman", Times, serif; float: left; clear: left; margin: 0 0 40px 0; } .contenido.dependencia .texto dl.contacto { clear: both; } .contenido.dependencia .texto .funciones { } /*facultad*/ .contenido.facultad { } .contenido.facultad .otras { float: right; clear: right; } .contenido.facultad .texto { width: 470px; float: left; } .contenido.facultad .texto .foto.director { width: 128px; height: 128px; padding: 5px; border: solid 1px #4EA4D7; float: left; margin: 0 20px 10px 0; } .contenido.facultad .texto .subtitulo { overflow: hidden; margin: 0 0 40px 0; } .contenido.facultad .texto .nombre.director { float: left; width: 140px; clear: left; margin: 0 0 5px 0; } .contenido.facultad .texto .cargo { font-style: italic; font-family: "Times New Roman", Times, serif; float: left; clear: left; margin: 0 0 40px 0; } .contenido.facultad .texto dl.contacto { clear: both; } /*escuela*/ .contenido.escuela { } .contenido.escuela .texto { } .contenido.escuela .texto .subtitulo { overflow: hidden; margin: 0 0 40px 0; width: 313px; float: left; } .contenido.escuela .texto dl.contacto { float: right; width: 300px; } .contenido.escuela .texto h2.impartidos { clear: both; } .contenido.escuela .texto .vertical.cursos { } /*edificio*/ .contenido.edificio { } .contenido.edificio .galeria { width: 145px; float: right; padding: 0 0 0 10px; margin-bottom: 80px; border: solid #FFFFFF; border-width: 0 0 2px 2px; } .contenido.edificio .galeria ul { list-style: none; margin: 0; padding: 0; } .contenido.edificio .galeria ul li { margin: 0 0 10px 0; padding: 0; } .contenido.edificio .galeria img { display: block; max-width: 145px; } .contenido.edificio .galeria a.virtual { background: url(../images/common/titulo_fecha_bg.png) repeat-x 0 0 #F9B200;; display: block; padding: 10px; text-align: center; margin-bottom: 10px; text-decoration: none; } .contenido.edificio .galeria a.virtual:hover { text-decoration: underline; } .contenido.edificio .texto { width: 470px; float: left; } .contenido.edificio .texto .subtitulo { overflow: hidden; margin: 0 0 20px 0; } .contenido.edificio .texto dl.contacto { clear: both; width: auto; } .contenido.edificio .texto .hospedados { list-style-position: inside; list-style-type: circle; margin: 0 0 40px 0; padding: 0; } .contenido.edificio .texto .hospedados li { border-bottom: solid 1px #003F84; margin-bottom: 1px; padding: 10px 0; } .contenido.edificio .texto .hospedados li a { text-decoration: none; } .contenido.edificio .texto .hospedados li a:hover { text-decoration: underline; } /*biblioteca*/ .contenido.biblioteca { overflow: hidden; } .contenido.biblioteca .galeria { float: right; width: 145px; padding: 0 0 0 10px; margin-bottom: 80px; border: solid #FFFFFF; border-width: 0 0 2px 2px; } .contenido.biblioteca .galeria a.virtual { background: url(../images/common/titulo_fecha_bg.png) repeat-x 0 0 #F9B200;; display: block; padding: 10px; text-align: center; margin-bottom: 10px; text-decoration: none; } .contenido.biblioteca .galeria a.virtual:hover { text-decoration: underline; } .contenido.biblioteca .galeria ul { list-style: none; margin: 0; padding: 0; } .contenido.biblioteca .galeria ul li { margin: 0 0 10px 0; padding: 0; } .contenido.biblioteca .galeria img { display: block; max-width: 145px; } .contenido.biblioteca .subtitulo { width: 470px; } .contenido.biblioteca dl.contacto { margin-bottom: 30px; } .contenido.biblioteca .horarios { width: 470px; } .contenido.biblioteca .horarios h2 { margin-bottom: 0; } /*publicacion*/ .contenido.publicacion { overflow: hidden; } .contenido.publicacion .texto { } .contenido.publicacion .galeria { float: left; margin: 0 20px 20px 0; } .contenido.publicacion .galeria ul { padding: 0; margin: 0; list-style: none; } .contenido.publicacion .galeria ul li img { display: block; background-color: #FFFFFF; padding: 10px; width: 150px; } .contenido.publicacion .subtitulo { float: left; width: 300px; margin: 0 0 20px 0; } .contenido.publicacion .otras { float: right; margin-bottom: 20px; } .contenido.publicacion .repositorio { clear: both; border: solid #003F84; border-width: 1px 0; padding: 15px 0; text-align: center; } .contenido.publicacion .contacto { clear: both; width: 633px; } /*asignatura*/ .contenido.asignatura { } .contenido.asignatura .texto { overflow: auto; } .contenido.asignatura .texto .subtitulo { width: 313px; float: left; margin: 0 0 40px 0; } .contenido.asignatura .texto .contacto { width: 300px; float: right; margin-bottom: 40px; } .contenido.asignatura .texto .contacto dt { width: 45%; } .contenido.asignatura .texto .contacto dd { width: 55%; } .contenido.asignatura .secciones h2 { clear: both; border-bottom: solid 1px #003F84; padding-bottom: 10px; } .contenido.asignatura .secciones > ul { list-style: none; margin: 0; padding: 0; } .contenido.asignatura .secciones > ul > li.seccion { margin: 0; margin-bottom: 1px; width: 140px; float: left; margin-right: 20px; margin-bottom: 20px; } .contenido.asignatura .secciones > ul > li.seccion h3 { margin: 0; padding: 0 0 4px 0; } .contenido.asignatura .secciones > ul > li.seccion img.profesor { display: block; width: 90px; height: 90px; border: solid 1px #FFFFFF; padding: 4px; } .contenido.asignatura .secciones > ul > li.seccion .horarios { margin: 0; padding: 0; list-style: none; } .contenido.asignatura .secciones > ul > li.seccion .horarios > li { border-bottom: solid 1px #003F84; padding-bottom: 6px; margin-bottom: 6px; } .contenido.asignatura .secciones > ul > li.seccion .horarios .dia, .contenido.asignatura .secciones > ul > li.seccion .horarios .hora { margin: 0; } .contenido.asignatura .secciones > ul > li.seccion .horarios .dia { font-weight: bold; } /*programa de radio / tv*/ .contenido.programa { overflow: hidden; } .contenido.programa .titulo { width: 420px; float: left; } .contenido.programa .en.vivo { float: right; } .contenido.programa .en.vivo a { text-align: center; background: url(../images/common/titulo_fecha_bg.png) repeat-x 0 0 #F9B200; display: block; padding: 20px; width: 160px; text-decoration: none; } .contenido.programa .en.vivo a:hover { text-decoration: underline; } .contenido.programa .texto { clear: both; overflow: auto; margin: 0; } .contenido.programa .texto .conductor { float: left; width: 120px; margin: 0 20px 80px 0; } .contenido.programa .texto .conductor img { width: 100%; } .contenido.programa .texto .subtitulo { float: left; width: 280px; margin: 0; } .contenido.programa .texto .transmisiones { width: 200px; float: right; margin-bottom: 40px; } .contenido.programa .texto .transmisiones .originales { margin: 0 0 10px 0; } .contenido.programa .texto .transmisiones .repeticiones { margin: 0 0 10px 0; } .contenido.programa .texto .transmisiones .horarios { margin: 0 0 20px 0; } /*articulo*/ .contenido.articulo { } .contenido.articulo .otras { float: right; } .contenido.articulo .texto { width: 470px; } .contenido.articulo .texto p { } .contenido.articulo .texto a { color: #F9B200; text-decoration: underline; } .contenido.articulo .texto .imagen { overflow: auto; } .contenido.articulo .texto .imagen img { display: block; max-width: 470px; } .contenido.articulo .texto .imagen .nota.de.foto { float: right; text-align: right; background-color: #976E00; max-width: 470px; margin: 1px 0 0 0; padding: 8px; } .contenido.articulo .texto table { table-layout: fixed; border: solid 1px #FFFFFF; border-collapse: collapse; width: 100%; margin: 2em 0; } .contenido.articulo .texto table th, .contenido.articulo .texto table td { height: 20px; padding: 4px 8px; border: solid 1px #FFFFFF; } .contenido.articulo .texto table th { } .contenido.articulo .texto table.horizontal th, .contenido.articulo .texto table.horizontal td { text-align: center; } .contenido.articulo .texto table.horizontal td { border-width: 0 1px; } .contenido.articulo .texto table.vertical td { border-width: 1px 0; } /*patente*/ .contenido.patente { } .contenido.patente .subtitulo { width: 300px; float: left; margin-top: 0; margin-bottom: 40px; } .contenido.patente .contacto { width: 300px; float: right; } .contenido.patente .contacto dt { width: 45%; } .contenido.patente .contacto dd { width: 55%; } .contenido.patente .creadores { clear: both; margin-bottom: 80px; } .contenido.patente .creadores ul { overflow: hidden; list-style: none; margin: 0; padding: 0; } .contenido.patente .creadores .creador { float: left; margin-right: 20px; width: 120px; min-height: 174px; } .contenido.patente .creadores .creador .foto img { width: 120px; } /*equipo representativo*/ .contenido.equipo { } .contenido.equipo .galeria { width: 145px; float: right; margin-left: 20px; padding: 0 0 0 10px; margin-bottom: 80px; border: solid #FFFFFF; border-width: 0 0 2px 2px; } .contenido.equipo .galeria ul { list-style: none; margin: 0; padding: 0; } .contenido.equipo .galeria ul li { margin: 0 0 10px 0; padding: 0; } .contenido.equipo .galeria img { display: block; max-width: 145px; } .contenido.equipo .texto { overflow: hidden; } .contenido.equipo .texto .subtitulo { margin-top: 0; } .contenido.equipo .texto .integrantes .entrenador { overflow: auto; padding-bottom: 20px; border-bottom: solid 1px #003F84; } .contenido.equipo .texto .integrantes .entrenador .foto { display: block; float: left; width: 114px; margin-right: 10px; } .contenido.equipo .texto .integrantes .entrenador .foto img { width: 114px; } .contenido.equipo .texto .integrantes .entrenador .contacto { width: 332px; float: left; } .contenido.equipo .texto .integrantes .entrenador .nombre { width: 332px; float: left; } .contenido.equipo .texto .integrantes .entrenador .contacto dt { width: 20%; } .contenido.equipo .texto .integrantes .entrenador .contacto dd { width: 80%; } .contenido.equipo .texto .integrantes .deportistas { clear: both; } .contenido.equipo .texto .integrantes .deportistas ul { clear: both; list-style: none; margin: 0; padding: 0; overflow: hidden; } .contenido.equipo .texto .integrantes .deportistas ul .deportista { width: 114px; height: 170px; padding: 0 0 10px 0; float: left; margin-right: 10px; margin-bottom: 10px; } .contenido.equipo .texto .integrantes .deportistas ul .deportista img { width: 114px; } /*proyecto de investigacion*/ .contenido.proyecto { } .contenido.proyecto .galeria { width: 145px; float: right; margin-left: 20px; padding: 0 0 0 10px; margin-bottom: 20px; border: solid #FFFFFF; border-width: 0 0 2px 2px; } .contenido.proyecto .galeria ul { list-style: none; margin: 0; padding: 0; } .contenido.proyecto .galeria ul li { margin: 0 0 10px 0; padding: 0; } .contenido.proyecto .galeria img { display: block; max-width: 145px; } .contenido.proyecto .otras { float: right; clear: right; width: 121px; } .contenido.proyecto .texto { overflow: hidden; } .contenido.proyecto .texto .subtitulo { margin-top: 0; } .contenido.proyecto .texto .integrantes .director { overflow: auto; padding-bottom: 20px; border-bottom: solid 1px #003F84; } .contenido.proyecto .texto .integrantes .director .foto { display: block; float: left; width: 114px; margin-right: 10px; } .contenido.proyecto .texto .integrantes .director .foto img { width: 114px; } .contenido.proyecto .texto .integrantes .director .contacto { width: 332px; float: left; } .contenido.proyecto .texto .integrantes .director .nombre { width: 332px; float: left; } .contenido.proyecto .texto .integrantes .director .contacto dt { width: 50%; } .contenido.proyecto .texto .integrantes .director .contacto dd { width: 50%; } .contenido.proyecto .texto .integrantes .investigadores { clear: both; } .contenido.proyecto .texto .integrantes .investigadores ul { clear: both; list-style: none; margin: 0; padding: 0; overflow: hidden; } .contenido.proyecto .texto .integrantes .investigadores ul .investigador { width: 114px; height: 170px; padding: 0 0 10px 0; float: left; margin-right: 10px; margin-bottom: 10px; } .contenido.proyecto .texto .integrantes .investigadores ul .investigador img { width: 114px; } /* campus */ .contenido.campus { background-color: black; } /* PIE */ .pie { clear: both; text-align: left; margin:0 154px 10px 96px; background: url(../images/common/pie_bg.png) top right repeat-y; overflow: hidden; } .pie .cortesia { list-style: none; margin: 0 auto; padding: 5px 10px; float: right; } .pie .cortesia li { display: block; float: left; } .pie .cortesia li.contacto { padding: 0; margin: 0; padding-right: 3px; border-right: solid 1px #F9B200; margin-right: 25px; margin-top: 12px; } .pie .cortesia li.direccion { text-align: right; } .pie .cortesia li a { font-size: 10px; line-height: 12px; color: #FFFFFF; text-decoration: none; margin: 0; } .pie .cortesia li a:hover { text-decoration: underline; } .pie .cortesia li p { color: #FFFFFF; font-size: 10px; line-height: 12px; margin: 0; }