/********************************************************************
Etiquetas HTML con estilos
********************************************************************/
BODY{font: 9px Tahoma; background-color: #f3eee7; color:black; text-align:justify; margin:0px; padding:1px; padding-top:3px;
  scrollbar-arrow-color:#656668; scrollbar-base-color:#f3eee7; scrollbar-face-color:#e4e0d8; scrollbar-darkshadow-color:#f3eee7;
  scrollbar-shadow-color:#f3eee7; scrollbar-highlight-color:#f3eee7;
}
/*La clase a continuación es para el body que lleve un logo de fondo*/
BODY.ppal {background-image:url();background-repeat:no-repeat; background-position:center center; padding-top:3px;}
TD {font: 9px Tahoma;padding:1px}
INPUT {font:9px Tahoma}
A {font-weight:bold; text-decoration:none; color:black}
A:hover {text-decoration:underline}
A.inverso {color:white} /*Estilo para los enlaces que vayan sobre un fondo inverso a los enlaces normales*/
A.inverso:hover {color:white}
FORM {margin:0px;padding:0px}


/********************************************************************
CLASES generales definidas
********************************************************************/
TABLE.fondoppal {background-color:#E4E0D8}
.boton {font: 9px Tahoma; background-color:#D4D0CF;border:1px solid #999999; behavior:url(/virtuaula2/adaptaciones/_botones.htc); cursor:hand}
.subboton {font: 9px Tahoma; background-color:#D4D0CF;border:1px solid #999999; behavior:url(/virtuaula2/adaptaciones/_botones.htc); cursor:hand}

/********************************************************************
MENÚ PRINCIPAL DE VIRTUAULA (menú izquierda)
********************************************************************/
TABLE.menu {border:1px solid #656668}
TABLE.seccion {border:1px solid #656668}
TD.seccion {background-color:#656668; color:white; font-weight:600; padding:2px; padding-left:5px;
}
TD.subseccion {background-color:#e4e0d8; border-top: 1px solid white;border-bottom:1px solid #444444;cursor:hand; padding:1px; padding-left:10px; 
			FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#d4d0c8,endColorStr=#f3eee7);
			behavior:url(/virtuaula2/adaptaciones/_celdas.htc); }
/********************************************************************
FORMULARIOS DE EDICIÓN
Los formularios constarán
de dos tablas. La primera es la de cabecera, donde irá el título
del formulario. La segunda es la tabla correspondiente al formulario
propiamente dicho, y se introducirá en una celda de la primera tabla
de clase "tablaformulario"
********************************************************************/
.celdatitulo {background-color:#656668; border-left:16px solid black; font:bold 12px Tahoma; color:white; padding:4px;}
.tablaformulario {
	background-color: #e4e0d8; 
	border-top:1px solid white;
	border-left:1px dotted #656668; 
	border-bottom:1px dotted #656668;
	border-right:1px dotted #656668;
	padding-left:5px; 
	padding-top:10px;
}
/****
Cuerpo formularios. Dentro de la tabla formulario, que actua de 
contenedor va otra tabla cuyas celdas alojan los textos y campos 
del formulario.
*****/
.celdatexto {font:9px Tahoma; color: black; padding:5px; border-bottom:1px solid #656668;}
.celdacampo {color: black;}
.camposformulario{
	font:9px Tahoma; color:black; background-color: #F5F5F5; border:1px inset white;
}
.pie {font:bold 9px Tahoma; color:#888888; vertical-align: middle; height:10px; padding:2px;}

/********************************************************************
LISTADOS
Los listados serán todas las tablas que detallen en filas el contenido
de la base de datos.
********************************************************************/
.tablalistado {border:1px solid #656668;width:100%; background-color:#f3eee7}
.imgboton {border:1px solid white; cursor:hand; color:white}
TD.celdatitlistado {background-color: #656668; padding:2px; color:white;}
TD.titulolistado {font-weight:bold; font-size:11px; color:white;}
TD.encablistado {background-color: #d4d0c8; padding:2px; border:1px solid #888888; font-weight:bold;}
TD.pielistado {background-color:#656668; padding:1px; color: white}
TD.interiorlistado {background-color:#e4e0d8; padding-left:2px; padding-right:2px; border:1px solid #888888; font-size:9px;}
/********************************************************************
Estilos para colores de filas alternados:
********************************************************************/
.alt {background-color:e4e0d8}
.noalt{background-color:#d4d0c8}

/********************************************************************
AGENDA
La agenda tiene características especiales, como el calendario,
que hacen necesarios estilos propios.

Los estilos de esta sección pueden ser iguales que los de la sección listados. 
(tablacalendario=tablalistado,titulocalendario=encablistado,titulodia=encablistado,diacalendario=interiorlistado)
********************************************************************/
TABLE.tablacalendario {border:1px solid black; background-color:white; border-collapse:no-collapse}
TD.titulocalendario {background-color: #656668; color:white; padding:1px; border:1px solid #888888; font-weight:bold; text-align:center;}
TD.titulodia {background-color: #d4d0c8; padding:1px; border:1px solid #888888; font-weight:bold; text-align:center;}
TD.dia {background-color:#e4e0d8; padding:0px; border:1px solid #888888; font:8px small fonts; text-align:center; cursor:hand}
TD.diaocupado {background-color:#656668; color:white; padding:0px; border:1px solid #888888; font:8px small fonts; text-align:center; cursor:hand}
A.dia {}

/********************************************************************
FRAME SUPERIOR
********************************************************************/
.celdasup {font:11px Tahoma; color:white; background-color:#656668; font-weight:bold;}
.celdasup.celdita {font:1px Tahoma;width:4px;height:4px;padding:1px}
.celdasup.celditacolor {font:1px Tahoma;width:4px;height:4px; border:1px solid #656668;padding:1px}