/* Hoja de estilo general del Campus Virtual  */
body {background-color: #ebecde; background-image: url("/imagenes/bg_top2.gif"); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; font-size: 9pt; color: #000; margin-top: 4em;}
hr {height: 1px; color: #666; margin: 2em;}
h1, h2, h3, h4, h5, h6 {cursor: default;}
h1 {width: 55%; margin-right: auto; margin-left: auto; margin-bottom: 0.2em; margin-top: 0; padding-top: 0; padding-right: 4%; padding-bottom: 0; padding-left: 0; font-size: 2.5em; color: #008baa; font-family: arial, helvetica, sans-serif; font-style: normal; border: 0; text-align: left;}
h2 {width: 55%; margin-right: auto; margin-left: auto; margin-bottom: 1em; margin-top: 1px; padding-top: 0.3em; padding-right: 4%; padding-bottom: 0; padding-left: 0; font-size: 1.4em; color: #b0b1a5; text-transform: uppercase; font-style: italic; font-family: arial, helvetica, sans-serif; border-top: 1px solid #c3c4b8; text-align: left;}
h3 {font-size: 1.3em; color: #000; font-weight: bold; margin-bottom: 1em;}
h4 {font-size: 1.1em; font-style: normal; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em;}
h5 {font-size: 1em; font-style: normal; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em; color: #000;}
h6 {font-size: 1em; font-style: normal; font-weight: bold; margin-top: 1em; margin-bottom: 1em; color: #055;}
address { margin-left: 2em; border-left: 1px #888 solid; padding-left: 1em; }
ol, ul {text-align: left;}
ol ol {list-style-type: lower-roman; margin-top: 1em; margin-bottom: 2em;}
dl {text-align: left; margin-left: 3em;}
dt {margin-top: 3em; font-weight: bold;}
dd {margin-top: 1em;}
li {margin-bottom: 1em;}
img {border: 0;}
li img {margin-left: 1em; vertical-align: top;}
q {color: #777;}
a {text-decoration: none;}
a:link, a:visited {color: #059; background-color: transparent;}
a:hover, a:active, a:focus {color: #a00; background-color: #fffafa; }
input, textarea, select, button, label {font-family: arial, helvetica, sans-serif; margin-left: 1em; font-size: 1em;}
input:focus, textarea:focus, select:focus {background-color: #f4fabf; outline: #fffabf solid 1px;}
input, select, textarea {border: 1px solid #C3C4B8; padding: 0.1em 0.2em; background-color: #f7f8ea;}
input[type="checkbox"] {vertical-align: middle; background-color: transparent; border: 0;}
input[type="image"] {background-color: transparent; border: 0; margin-left: 0; vertical-align: middle;}
code {font-family: monospace; color: #060; font-size: 1em;}
/* Contenedores */
#contenido {width: 100%; background-color: transparent; background-image: url("/imagenes/logo002.jpg"); background-repeat: no-repeat; background-position: top left; padding: 0; margin: 0;}
#principal {width: 55%; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; padding: 2%; border-top: #e3e4d8 1px solid;}
#principal {background-color: #fff; background-image: url("/imagenes/bg_cont.gif"); background-position: bottom right; background-repeat: no-repeat; text-align: left;}
#secundario {width: 55%; margin-right: auto; margin-left: auto; margin-bottom: 1em; padding: 1.5em;  border-bottom: #cbcfc3 1px solid; background-color: #d6dacd; background-image: url("/imagenes/bg_extra.gif"); background-position: top right; background-repeat: no-repeat; text-align: justify;}
#secundario p {margin: 1em 1em;}
#login {text-align: right; width: 70%;}
#divonfly {position: fixed; display: none; margin-left: auto; margin-right: auto; width: 60%; left: 25%; top: 30%; padding: 1em;  border-bottom: #cbcfc3 1px solid; background-color: #d6dacd; background-image: url("/imagenes/bg_extra.gif"); background-position: top right; background-repeat: no-repeat; text-align: justify;}
#pagina {color: #553;}
#estado {background-color: #f00; color: #fff; text-align: right; padding: 0.2em 0.3em; visibility: hidden;}
/* Expediente */
#tcab{width: 100%; border: 0; margin-bottom: 2em;}
#tcab td {font-weight: bold; font-size: 120%;}
#tnotas {width: 100%; border: 1px solid #000;}
#tnotas th {background-color: #000; color: #fff; padding: 0.3em; text-align: center;}
#tnotas td {border-bottom: 1px solid #aaa; padding: 0.3em;}
#colnotas {background-color: #eee;}
#colnotas col {width: 10%;}
/* Formularios */
#form {text-align: right; width: 70%;}
#form.izquierda {text-align: left;}
#form button {width: 6em;}
#formRecursos input[type="text"] {width: 70%;}
#formRecursos select {width: 40%;}
#formRecursos button[type="button"] {margin-left: 0.5em;}
#formAsoc select {width: 80%; vertical-align: top;}
#formAsigs select {width: 30em; margin-right: 1em; vertical-align: middle;}
#formAsigs button {width: 6em;}
#formAsigs p {margin-top: 0.2em; margin-bottom: 0.2em;} 
#formPool select {width: 15em;}
#formPool input {width: 30em;}
#formPool button {width: 6em;}
#formBuscaRecursos select {width: 15em;}
#formBuscaRecursos input {width: 30em;}
#formBuscaRecursos button {width: 6em;}
#formUser button {width: 6em;}
#formUser button[type="button"] {margin-left: 0.5em; width: auto;}
#formBuscaProyectos #selprog {width: 30em;}
#formBuscaProyectos #mostrar {width: 15em;}
#formBuscaProyectos #ordenar {width: 15em;}
#formBuscaProyectos button {width: 6em;}
/* Proyectos IDs */
#proyecto {text-align: left;}
#proyecto p {text-align: justify;}
#proyecto h3 {font-variant: small-caps;}
#proyecto h4 {padding: 0.3em 1em; color: #000; margin-top: 3em; background-color: #ebecde; border-bottom: 1px solid #C3C4B8; border-left: 1px solid #C3C4B8;}
#proyecto #form {width: 90%;}
#proyecto #form textarea {width: 100%;}
#proyecto #form button {width: 6em;}
#refproy {color: #000; text-align: right;}
#refproy span {padding: 0.3em 1em; border: 1px solid #C3C4B8; background-color: #ebecde;}
#tutor {text-align: right; margin-bottom: 3em; margin-top: 3em;}
#seguimiento, #datos {padding: 0.1em 0.1em 0.5em 0.5em; margin: 1em 0em; background-color: #ebecde; border: 1px solid #C3C4B8; display: none;}
#proytabla {border: 1px solid #000; font-size: 1em; }
#proytabla th {background-color: #ddd; color: #000; border: 1px solid #000; padding: 0.5em 1.5em;}
#proytabla td {text-align: left; border: 1px solid #ddd; padding: 0.3em;}
#resultados {text-align: left; border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 2px solid #000; background-color: #fff; color: #000; width: 90%; margin-left: auto; margin-right: auto;}
#resultados td {border: 1px solid #aaa; padding: 0.2em 0.3em; vertical-align: top;}
#resultados th {border: 1px solid #000; padding: 0.3em 0.3em; vertical-align: middle; background-color: #000; color: #fff; font-weight: bold; text-align: center;}
/* Avisos y pie */
#aviso a, .ayuda a{text-decoration: underline; cursor: default;}
#pie {margin-left: 20%; margin-right: 20%; padding: 1em;}
#pie a {font-size: 8pt; padding: 0em 0.2em; color: #666; background-color: transparent; text-decoration: none;}
#pie a:hover {background-color: #eef; color: #00f;}
#w3c {text-align: right;}
#w3c li {list-style: none; display: inline; text-align: right; color: #666; font-weight: normal;}
/* Clases genéricas */
.versalitas {font-variant: small-caps; font-size: 150%;}
.negrita {font-weight: bold;}
.cursiva {font-style: italic;}
.izquierda {text-align: left;}
.derecha {text-align: right;}
.centrada {text-align: center;}
.noscreen {display: none;}
.autor {color: #777;}
.desactivado {color: #777;}
.desactivado a:link, .desactivado a:visited {color: #777; background-color: transparent;}
.desactivado a:hover, .desactivado a:active, .desactivado a:focus {color: #d90; background-color: #fffacf; }
.avisos {color: #f00;}
.ayuda {color: #55a; cursor: help;}
.miniaviso {color: #800; font-size: 0.8em}
.estado {background-color: #f44; color: #fff; padding: 0.3em 1em; text-align: left; font-weight: bold;}
/* Clases específicas */
ul.nomark{list-style-type: none;}
ol.resaltada {margin-top: 4em;}
ol.resaltada li:first-line {font-weight: bold;}
li.resaltada {font-weight: bold;}
li.propio {list-style-image: url("/imagenes/propio.gif");}
li.ajeno {list-style-image: url("/imagenes/ajeno.gif");}
li.libre {list-style-image: url("/imagenes/libre.gif");}
li.ocupada {list-style-image: url("/imagenes/ocupado.gif");}
a.boton {border: 1px #5E5E52 outset; background-color: #FFFFF5; margin: 0em 0em;}
a.boton:link, a.boton:visited {padding-top: 0.5em; padding-right: 1.5em; padding-bottom: 0.5em; padding-left: 1.5em; color: #79796D; border-style: outset;}
a.boton:active, a.boton:hover, a.boton:focus {padding-top: 0.6em; padding-right: 1.4em; padding-bottom: 0.4em; padding-left: 1.6em; color: #d23; border-style: inset;}
p.separador {text-align: center; margin: 2em 0em;}
span.info {color: #080; cursor: help; text-decoration: underline;}
small.info {font-size: x-small; text-decoration: none; font-weight: normal;}
p.info {font-weight: bold; color:  #000;}
code.sql:before {content: "[SQL] ";  color: #00a;  display: block;}
code.sql {display: block; background-color: #fff; border: 1px solid #000; white-space: normal;  padding: 0.5em 1em; margin: 1em 0em;}
p.cierradiv {font-family: monospace; font-size: 130%; text-align: right; margin: 0; padding: 0; padding-right: 0.2em;}
/* Paginación Clases */
p.paginacion {text-align: center; margin-bottom: 0; margin-top: 2em; line-height: 2em;}
p.paginacion:before {content: "Páginas"; display: block;}
p.paginacion a {margin: 1em 0.5em; padding: 0.2em 0.3em;}
p.paginacion span {background-color: #000; color: #fff; padding: 0.2em 0.3em; cursor: help;}
/* Menús Clases */
p.contmenu {width: 55%; padding-right: 0; padding-left: 4%; padding-top: 0.1em; padding-bottom: 0.1em; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: -1px; border: 0; text-align: right;}
p.contmenu a {margin-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.4em; padding-right: 0.3em; background-color: #c3c4b8; background-image: url("/imagenes/bg_a_menu.gif"); background-repeat: no-repeat; background-position: top left;}
p.contmenu a:hover {background-color: #c8c8c8; background-image: url("/imagenes/bg_a_menu2.gif"); background-repeat: no-repeat; background-position: top left; color: #fff;}
p.contmenu2 {width: 55%; padding-right: 0; padding-left: 4%; padding-top: 0.1em; padding-bottom: 0.1em; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; border: 0; text-align: right;}
p.contmenu2 a {margin-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.4em; padding-right: 0.3em; background-color: #c3c4b8; background-image: url("/imagenes/bg_a_menu.gif"); background-repeat: no-repeat; background-position: top left;}
p.contmenu2 a:hover {background-color: #c8c8c8; background-image: url("/imagenes/bg_a_menu2.gif"); background-repeat: no-repeat; background-position: top left; color: #fff;}
ul.menu {list-style: none; text-align: right;}
ul.menu li {display: inline;}
ul.menu li a {padding: 0.2em 0.3em; margin: 0em 0.3em; border: 1px solid #e6e6e6; background-color: #ebecde;}
ul.menu li a:hover, ul.menu li a:focus, ul.menu li a:active {color: #a00; background-color: #fffafa;} 
ul.menu li.imagen * {border: 0 !important; padding: 0; margin: 0; background: none;}
p.menu {text-align: right; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 1.5em;}
p.menu a {border-left: 1px solid #ccc; padding: 0 0.3em; background-color: #fafafa;}
p.menu a:hover {background-color: #eee5e5;}
/*Proyectos Clases*/
.cierradiv {text-align: right !important;}
.cierradiv a {background-color: transparent;}
.oculta {display: none;}
.muestra {display: block; padding: 0.3em; color: #666;}
.propuesta, .propuesto {background-color: #ccc; color: #059;}
.pendiente, .pendientes {background-color: #ff8; color: #059;}
.aceptada, .aceptado {background-color: transparent; color: #059;}
span.propuesta, span.aceptada, span.pendientes {padding: 0.2em 0.5em; border: 1px solid #000; margin: 0em 0.3em;}
div.muestra a:link, div.muestra a:visited {color: #00f;}
div.muestra a:hover, div.muestra a:active, div.muestra a:focus {color: #f00;}