*{margin:0;padding:0;font-size:12px}
body, html {margin:0; padding:0; border:none; height:100%; }
body{
	color: #000000;
	background-color: #FFFFFF;
	text-align: left; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;   /* parámetros globales */
	line-height: 1.2;
}

/* Esto no funciona?? */
/*body.rojo{ background-color: #D7DDD0; } /* obsoleto */
/*body.azul{ background-color: #D0E0FF; } /* obsoleto */
/*body.verd{ background-color: #E8FFEF; } /* obsoleto */

/* conversiones CICODE ==> VOSECO:
  #469650 -> #469650
  #EFE8DD -> #EFE8DD 
  #D7D0D0 -> #D7DDD0
*/
a{color:black;text-decoration:none;}
a:link    { text-decoration: none;      color: #0000FF; }
a:visited { text-decoration: none;      color: #0000FF; }
a:hover   { text-decoration: underline; color: #0000FF; }
a:active  { text-decoration: none;      color: #0000FF; }
a img{border:none;}

.relative {position:relative}
.absoluter {position:absolute; right:0px}
.altamodi { display:inline-block; text-align:center; min-width:8px; width:12px; background-color: #808080; color:white; font-size:9px; border:1px solid #DDDDDD}
a.altamodi:link { text-decoration: none; color: white; }
.pad5 {padding: 2px 5px 2px 5px;}
.mar5 {margin: 2px 5px 2px 5px;}

table.cab {width:100%; background: #E4F0F0; color: #666666;
  border-top: 1px solid #307F80; border-bottom: 1px solid #307F80;}
table.cab + table.cab { border-top: 0px;}
table.cab td { padding: 0px 2px 0px 2px; font-size:x-small; text-align: center}
table.cab td:first-child { text-align: left;}
table.cab td + td { border-left: 1px solid #CCCCCC;}
td.ord:hover {background-color:white; color:red; cursor:pointer}
td.lnk:hover {background-color:white; color:red; cursor:pointer}
table.cab td.ordselected { background: #D4E0E0; font-weight:bold}
.forojo tr.cab { background-color:#469650; color:white;}
.forojo tr.cab td {padding: 0px 5px 0px 5px; font-size:90%; font-weight:bold}
/*.forojo tr.cab td+td {border-left: 1px solid #CCCCCC;}*/
tr.cab td.flex100 {padding:0px; width: 5px; min-width:5px; max-width:5px; border-right: 3px solid #646464;}

.lnk { position:relative; padding-left: 15px; background: url(./imag/flecharoja.gif) left center no-repeat; font-size:x-small}
.ico { padding-left: 38px; position:relative}
.ico > img:first-child {position:absolute; left:15px; bottom: 0px; z-index:1}

.linkrojo { min-height: 18px; padding-top:3px; padding-left: 15px;
  background: #EFE8DD url(./imag/flecharoja.gif) 0px 3px no-repeat;
	border-top: 1px solid #FF9393; border-bottom: 1px solid #FF9393;}
.linkrojo:hover{background-color:white; color:red;cursor:pointer}
.linkrojoselected { min-height: 18px; padding-top:3px; padding-left: 15px;
  background: #FFFFCC url(./imag/flecharojaabajo.png) 0px 3px no-repeat;
	border-top: 1px solid #FF9393; border-bottom: 1px solid #FF9393;}
.linkcab { min-height: 18px; padding-top:3px; padding-left: 3px;
  color: #666666; background: #E4F0F0; font-size: 90%; text-align: center; 
	border-top: 1px solid #307F80; border-bottom: 1px solid #307F80; #CCCCCC;}
.linkcab + .linkcab { border-left: 1px solid #CCCCCC;}
.linkcab:hover{background-color:white; color:red;cursor:pointer}
.linkcabselected { min-height: 18px; padding-top:3px; padding-left: 3px;
  background: #D4E0E0; font-size: 90%; text-align: center; border-left: 1px solid #CCCCCC;
	border-top: 1px solid #307F80; border-bottom: 1px solid #307F80;}

.linkrojosinflecha { min-height: 18px; padding-top:3px; padding-left: 3px;
  background: #FFE9E6;
	border-top: 1px solid #FF9393; border-bottom: 1px solid #FF9393;}
/* .linkrojo + .linkrojo { border-top: 0px;} */
.linkrojosinflecha:hover{background-color:white; color:red;cursor:pointer}

div.menubase { border-top: 4px solid #307F80; border-bottom: 4px solid #307F80;} 
div.menubase + div.menubase { border-top: 0px;} 
.menurojo { min-height: 28px; padding-top:10px; padding-left: 25px; display: block;
  background: #F0E9E6 url(./imag/flecharojan.png) 8px 10px no-repeat;
	border-top: 1px solid #307F80; border-bottom: 1px solid #307F80;}
.menurojo + .menurojo { border-top: 0px;}
.menurojo:hover{background-color:white; cursor:pointer}

h1 { background: #469650 url(./imag/uniweb/pagina-titulo_general.png) top left no-repeat; background-size: contain;
	position:relative; margin: 0px 0px 12px 10px; min-height:30px; padding: 10px 30px 10px 50px;
	text-align:left; font: normal normal normal 20px 'Times New Roman',Times,serif; color:white; }
h1 a {font: normal normal normal 20px 'Times New Roman',Times,serif; color:yellow; }
h1 a:link    { text-decoration: none;      color: yellow; }
h1 a:visited { text-decoration: none;      color: yellow; }
h1 a:hover   { text-decoration: underline; color: yellow; }
h1 a:active  { text-decoration: none;      color: yellow; }
h1 + div {width: 685px; margin-left:30px} /* para listados */
.forojo div.pie {height:5px; background-color:#307F80;}
h1 + div > p:first-child { font-size: 95%; text-align: justify; margin-bottom:12px;}
h2 { background: #D7DDD0 url(./imag/uniweb/cabecera-nivel1_bullet.png) 0px 7px no-repeat;
  position:relative; margin: 20px 0px 6px 35px; padding: 0px 60px 5px 20px; /* top right bottom left */
	text-align:left; font: normal normal normal 20px 'Times New Roman',Times,serif; color:black; border-bottom: 1px solid #8f738b; }
hh2 { background: #D7DDD0 url(./imag/uniweb/cabecera-nivel1_bullet.png) 0px 25px no-repeat;
  width: 617px; margin-left:45px; padding: 20px 60px 5px 20px; /* top right bottom left */
	text-align:left; font: normal normal normal 20px 'Times New Roman',Times,serif; color:black; border-bottom: 1px solid #8f738b; }
.dh2 { background-color: #d4bcd0; width: 697px; height: 10px; margin-left:45px; margin-bottom: 20px;}
.txth2 {margin-left: 65px; margin-right: 35px; text-align:justify}
.li { background: #D7DDD0 url(./imag/uniweb/lista_departamento-sublista_item.png) 0px 4px no-repeat;
  margin: 0px 35px 8px 65px; padding-left: 10px; /* top right bottom left */
	text-align:justify; }


/*h1 { /* para encabezados */
/*	font-weight: bold;
	margin-bottom: 1.2ex; /* un poquitin de espacio por debajo */
/*	margin-top: 2ex;
	font-size: 105%;
}
*/

dt { padding-top: 5px; font-weight: bold }
dd { padding-left: 20px }

p,td,li,span { text-align: left } /* general de párrafos */ 


.block {display:block}
.centrado {text-align: center}
.aderecha {text-align: right }
.aizquier {text-align: left }
.justific {text-align: justify }
.n {font-style:normal; font-weight:normal}
.i {font-style:italic}
.b {font-weight:bold}

.nowrap { white-space: nowrap; }
.w600 { width: 600px; }
.estrecho {margin-left: 50px; margin-right: 40px}
.micro {font-size: 90%}
.menor {font-size: 95%}
.mayor {font-size: 108%}
.macro {font-size: 120%}
.gris {color: #666666}
.grso {color: #2F3333}
.plat {color: #CCCCCC}
.rojo {color: #800000}
/*.azul {color: #0000FF}*/
.azul {color: #381459}
.vrde {color: #006600}
.azlb {color: #0000DD}
.negr {color: #000000}
.blan {color: #FFFFFF}
.roja {color: #FF0000}
.tnr {font-family:"Times New Roman", Times, serif}
/*.forojo { background-color: #D7DDD0; }*/
.forojo { background-color: #D7DDD0; }
/*.forojob{ background-color: #307F80; }*/
.forojob{ background-color: #307F80; }
/*.forojob{ background-color: #FF9393; }*/
.foazul { background-color: #D0E0FF; }
.foazulb{ background-color: #A0A0E0; }
.foverd { background-color: #E8FFEF; }
.fogrso { background-color: #2F4F4F; }
.fogris { background-color: #808080; }
.foplat { background-color: #CCCCCC; }
.fogrsc { background-color: #DDDDDD; }
.foamar { background-color: #FFFF33; }
.borojo { background-color: #307F80; }
/*.borojo { background-color: #FF9393; }*/
.boazul { background-color: #A0A0E0; }
.boverd { background-color: #70E670; }
.bogris { background-color: #808080; }
.boamar { background-color: #CCFF00; }

.rdrojo {border-right: 1px solid #307F80}
.rdgris {border-right: 1px solid #808080}
.rdazul {border-right: 1px solid #A0A0E0}
.rsb { /* raya superior blanca */ border-top: 2px solid #FFFFFF; }
.rsplata { /* raya superior plata */ border-top: 1px solid #CCCCCC; }
.rsazul { /* raya inferior azul */
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top: 2px solid #A0A0E0;
}
.rsrojo { /* raya inferior azul */
	border-top: 1px solid #FF9393;
}
.rsverd { /* raya superior verde */ border-top: 2px solid #70E670; }
.rsfazul { /* raya inferior azul */ border-top: 1px solid #A0A0E0; }
.rib { /* raya inferior blanca */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #FFFFFF;
}
.riplata { /* raya inferior plata */ border-bottom: 1px solid #CCCCCC; }
.riazul { /* raya inferior azul */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #A0A0E0;
}
.rifazul { /* raya inferior azul */ border-bottom: 1px solid #A0A0E0; }
.rirojo { /* raya inferior roja */
	border-bottom: 1px solid #FF9393;
}
.riverd { /* raya inferior verde */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #70E670;
}
.rzplata { /* raya izquierda plata */ border-left: 1px solid #CCCCCC; }
.rzrojo { /* raya izquierda roja */ border-left: 1px solid #307F80; }
.rzazul { /* raya izquierda azul */ border-left: 3px solid #A0A0E0; }
.rz100 { /* raya izquierda gris oscuro */ border-left: 3px solid #646464; }
.def { /* nombre de campo de formulario */ color:#800000; font-size: 80%; }
.com { /* nombre de campo de formulario */
	color:#666666;
	font-size: 80%;
	font-style: italic;
}
.borderojo { border:3px solid red }
input{
	/* width: 100px; */
	font-size: 120%;
	color: #111111;
	border: 1px solid #CCCCCC;
	background-color: #E9E9E9;
} input:hover, input:focus {background-color: #FFFFFF}
select{
	/* width: 100px; */
	font-size: 120%;
	color: #111111;
	border: 1px solid #CCCCCC;
	background-color: #E9E9E9;
} select:hover, select:focus {background-color: #FFFFFF}
textarea{
	/* width: 100px; */
	font-size: 120%;
	color: #111111;
	border: 1px solid #CCCCCC;
	background-color: #E9E9E9;
} textarea:hover, textarea:focus {background-color: #FFFFFF}
.submit input{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
	color: #555555;
	border: 2px outset #D0D0D0;
	background-color: #D0D0DF;
	padding-right: 1em;
	padding-left: 1em;
}
.button input{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
	color: #555555;
	border: 2px outset #D0D0D0;
	background-color: #D0D0DF;
	padding-right: 1em;
	padding-left: 1em;
}
.submit:hover {cursor:pointer}
.button:hover {cursor:pointer}
.twoColLiqLtHdr #container { /* contenedor general */
	width: 960px;
	text-align: left;
	/*border: 1px dotted #FF6600;*/
	border: 0px;
	/*border-top-width: 0px;     /* sin bordes */
	/*border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
	/*height: 788px;*/
	margin: 0 auto 0 auto;
	padding: 0px;               /* sin relleno exterior */
} 
.twoColLiqLtHdr #header { /* encabezado superior de la página, mide 88+10 de alto */
  padding: 9px 0px 4px 0px; /* top right bottom left */
} 
.twoColLiqLtHdr #header h1 { margin: 0; 
	/* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 0px; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
    
    /* Sugerencias para sidebar1:
    1. dado que está trabajando en porcentajes, es conveniente no utilizar relleno en la barra lateral. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
    2. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".twoColLiqLtHdr #sidebar1 p".
    3. Dado que Explorer calcula los anchos después de mostrarse el elemento padre, puede que ocasionalmente encuentre errores inexplicables con columnas basadas en porcentajes. Si necesita resultados más predecibles, puede optar por cambiar a columnas con tamaño en píxeles.
    */
.twoColLiqLtHdr #sidebar1 {
	float: left;  width: 180px; min-height:400px;
	padding: 0px; margin: 0px;
	background-color: #CFC1D0;
  border-top: 1px solid #307F80;
  border-bottom: 6px solid #307F80;
}
.twoColLiqLtHdr #mainContent { /* zona de contenidos */
	float: right; width: 780px;
	padding: 0px;	margin: 0px;
  background-color: #D7DDD0;
  border-top: 1px solid #307F80;
  border-bottom: 6px solid #307F80;
} 
.twoColLiqLtHdr #footer {
  border-top: 1px solid #307F80;
  border-bottom: 1px solid #307F80;
	background:#DDDDDD;
	font-size: 100%;  /* 80% del tamaño del padre=body */
	height: 30px;
	width: 100%; /*960px;*/
	margin: 10px 0px 0px 0px;
} 
    
    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.visible { display:block; }
.oculto  { display:none;  }
/*.rojodesplegable1       { background-color: #E0C0C0; width: 100%; cursor:pointer; padding-top: 7px; }*/
/*.forojo { background-color: #D7DDD0; }
/*.forojob{ background-color: #307F80; }*/
/*.forojob{ background-color: #307F80; }*/
.rojodesplegable1       { background-color: #D0C0C0; width: 100%; cursor:pointer; padding-top: 7px; }
.rojodesplegable1:hover { background-color: #307F80; color: #FFFFFF; }
.rojodesplegable2       { background-color: #DDDDDD; width: 100%; cursor:pointer; padding-top: 2px; }
.rojodesplegable2:hover { background-color: #AAAAAA; color: #FFFFFF; }
.rojodesplegable3       { background-color: #E8E1DD; cursor:pointer;}
.rojodesplegable3:hover { background-color: #FFFFFF; color: #000000; }
.amardesplegable3       { background-color: #FFFF99; cursor:pointer; padding-top: 3px; }
.amardesplegable3:hover { background-color: #FF9999; color: #000000; }
.azuldesplegable1       { background-color: #BBBBDD; width: 100%; cursor:pointer; padding-top: 5px; }
.azuldesplegable1:hover { background-color: #AAAACC; color: #000000; }
.azuldesplegable2       { background-color: #CACAEE; width: 100%; cursor:pointer; }
.azuldesplegable2:hover { background-color: #AAAACC; color: #000000; }
.azuldesplegable3       { background-color: #D8D8FF; cursor:pointer; }
.azuldesplegable3:hover { background-color: #AAAACC; color: #000000; }
.verddesplegable1       { background-color: #BDE0B2; width: 100%; cursor:pointer; padding-top: 5px; }
.verddesplegable1:hover { background-color: #ACD0A0; color: #000000; }
.verddesplegable2       { background-color: #DDDDDD; width: 100%; cursor:pointer; padding-top: 2px; }
.verddesplegable2:hover { background-color: #AAAAAA; color: #000000; }
.verddesplegable3       { background-color: #E8FFEF; cursor:pointer; padding-top: 3px; padding-bottom: 2px; }
.verddesplegable3:hover { background-color: #BDE0B2; color: #000000; }
td.flex100 { padding: 0px; width: 5px; min-width:5px; max-width:5px; border-right: 3px solid #646464;} /* las celdas no tienen margen */